php WordPress的 gutenberg 核心/查询块缺少自定义变化中的网格视图选项

qhhrdooz  于 2023-10-15  发布在  PHP
关注(0)|答案(1)|浏览(102)

我在 gutenberg 的核心/查询块的自定义块变体中遇到了一个问题。具体来说,我在我的自定义块变体中缺少网格视图选项。
以下是我的变体注册码:

const VARIATION_NAME = 'custom_variation_query_loop';

registerBlockVariation('core/query', {
    name: custom_variation_query_loop,
    title: 'Custom Variation Query Loop',
    description: 'Variation (Custom)',
    usesContext: ["query", "displayLayout"],
    isActive: ( blockAttributes ) =>
        blockAttributes.namespace === VARIATION_NAME,
    icon: 'admin-links',
    attributes: {
        namespace: VARIATION_NAME,
        displayLayout: {
            type: 'flex',
            columns: 2,
        },
        query: {
            postType: 'destination',
            orderBy: 'title',
            perPage: 12,
            offset: 0,
        },
    },
    innerBlocks: [
        [
            'hwrdp/post-template-id-filter',
            {},
            [
                ['core/post-title', { level: 0, isLink: true, fontSize: 'large' }],
            ],
        ],
        ['core/query-no-results'],
    ],
    scope: [ 'block', 'inserter' ],
});

自定义变体中的其他一切都按预期工作。但是,“网格视图”选项不可用。
有人遇到过类似的问题吗?有没有什么可能导致这种情况以及如何修复它的提示?
1.使用registerBlockVariation为core/query注册了自定义块变体。
1.提供了必要的属性,包括具有灵活布局和2列的显示布局。
1.更新并确保主题,WordPress和所有相关插件都已更新。
1.已验证PHP端,以确保没有干扰,它似乎与问题无关

icnyk63a

icnyk63a1#

我测试了您的变体代码,当您 * 选择 * 自定义变体查询循环的Post Template时,网格选项会按预期显示:

我会尝试使用默认的post模板来排除自定义[hwrdp/post-template-id-filter]块的任何潜在问题,例如:

innerBlocks: [
        [
            'core/post-template',
            {
                'layout': {
                    type: 'grid',
                    columnCount: 2
                }
            },
           [['core/post-title', { level: 0, isLink: true, fontSize: 'large' }]],
        ],
        ['core/query-no-results'],
    ],
...

除此之外,我能看到的唯一问题是name的值可能有错别字,我希望它是:

registerBlockVariation('core/query', {
    name: VARIATION_NAME,
...
});

相关问题