古腾堡自定义元块不保存元到自定义帖子类型

Question

我有一个自定义帖子类型的站点设置来定义主页调用操作框。

标题、描述和特色图像都由edtior的默认块/功能处理，但我正在尝试添加一个自定义块以将url保存到帖子的元。

块正确呈现，但它没有保存元数据，显然调用了< code>updateBlockValue函数。

我使用了几乎相同的代码为页面和帖子创建自定义元块。此方法是否不适用于自定义帖子类型？

这是我正在使用的代码：

服务器端编程语言（Professional Hypertext Preprocessor的缩写）

function wb_blocks() {

    wp_register_script(
        'wb-blocks-js',
        get_template_directory_uri() . '/scripts/block.js',
        array( 'wp-blocks', 'wp-editor', 'wp-element','wp-components' )
    );
    register_block_type( 'ray/homebox-link-url', array(
        'editor_script' => 'wb-blocks-js',
    ) );

}
add_action( 'init', 'wb_blocks' );
function wb_register_block_meta() {

    register_meta( 'post', 'homebox_link_url', array(
        'show_in_rest' => true,
        'single' => true,
        'type' => 'string',
    ) );

}

add_action( 'init', 'wb_register_block_meta' );

射流研究…

registerBlockType( 'ray/homebox-link-url', {
title: 'Homebox Link',
icon: 'universal-access-alt',
category: 'layout',
attributes: {
    blockValue: {
        type: 'string',
        source: 'meta',
        meta: 'homebox_link_url',
    }
},

edit: function( props ) {
    var setAttributes = props.setAttributes;

    function updateBlockValue( blockValue ) {
        setAttributes({ blockValue });
    }

    return el(
       'div',
       { className: "homebox-link-url" },
        el( 'h5',{}, 'URL to link to:'),
        el (TextControl,
        {
            onChange: updateBlockValue,
            value: props.attributes. blockValue,
        })
    );
},

save: function( props ) {
     return null;
},
} );

Answer 1

您的块相关代码看起来不错。

问题可能与自定义帖子类型有关。注册时，必须确保它支持自定义字段：

php prettyprint-override">register_post_type(
  'post-type',
  [
    // […]
    'supports' => [
      // […]
      'custom-fields',
    ],
  ]
);

最后一步确保您的自定义帖子类型公开了 REST API 中的元属性，这是 Gutenberg 用来查看/更新数据的元属性。

资料来源：https://github.com/WordPress/gutenberg/issues/5622#issuecomment-375362438