将Metabox添加到Gutenberg的文档选项卡中

时间：2019-02-03 作者：Ankit

enter image description here

如何在古腾堡的文档选项卡中添加自定义元数据库？

有关于添加插件侧栏的文档here, 但我想在现有文档选项卡中添加自定义元数据库。

3 个回复
最合适的回答,由SO网友:Asaquzzaman Mishu 整理而成

以下是解决方案。希望对你有帮助

const { registerPlugin } = wp.plugins;
const { PluginDocumentSettingPanel } = wp.editPost;

const MyDocumentSettingTest = () => (
        <PluginDocumentSettingPanel className="my-document-setting-plugin" title="My Panel">
            <p>My Document Setting Panel</p>
        </PluginDocumentSettingPanel>
    );

registerPlugin( \'document-setting-test\', { render: MyDocumentSettingTest } );

https://github.com/WordPress/gutenberg/blob/master/packages/edit-post/src/components/sidebar/plugin-document-setting-panel/index.js#L86

SO网友:Spanners

我看了一下Richard Tape\'s article 这要求您创建自己的Gutenberg React组件（这可能是最好的、最可定制的方法）。但我也有Advanced Custom Fields Pro 已安装（必须version 5.8.0-beta3). 这为向Gutenberg提要栏添加自定义元字段提供了一种更简单的方法。

Create a new field in ACF Pro 在“字段组设置”中，确保配置了以下设置：

样式：标准（WP Metabox）位置：侧面这对我很有效（添加了一个阅读时间字段）。希望这有帮助。

SO网友:X-NicON

https://wordpress.org/gutenberg/handbook/designers-developers/developers/backward-compatibility/meta-box/和https://developer.wordpress.org/reference/functions/add_meta_box/

使用$上下文=\'边\'

示例：

add_meta_box( \'my-meta-box\', \'My Meta Box\', \'my_meta_box_callback\',
    null, \'side\', \'high\',
    array(
        \'__back_compat_meta_box\' => true,
    )
);

标签： custom-field   metabox   block-editor   小码农  

相关推荐

显示来自Metabox的信息

我有一个插件，可以设置每个产品的最小和最大订购量。我想从插件中获取最小数量，并在“添加到购物车”按钮下显示为文本。我已经在代码“////显示最小数量”的末尾添加了函数，但这不起作用。有什么帮助吗？以下是插件代码：<?php add_action(\'add_meta_boxes\', \'wc_mmax_meta_box_create\'); add_action(\'save_post\', \'wc_mmax_save_meta_box\'); function wc_m