WordPress Meta Box 模块支持 Gutenberg 古腾堡编辑器

WordPress5.0 开始默认将使用全新的 Gutenberg 古腾堡编辑器，替换了 WordPress 多年来的经典编辑器，那么也直接导致许多的插件功能无法直接兼容，虽然可以通过安装 Classic Editor 插件继续使用，但是随着往后的发展块编辑器或将被接受，同样子凡作为 WordPress 开发者，也将会主动去接受这些新事物。

虽然 Gutenberg 古腾堡编辑器其实就是以“块”模式的编辑器，也会被叫做块编辑器，名字这东西就不用去纠结了吧，不过从使用习惯和效率上面，子凡还是更青睐原来的编辑器，比较所有的模块都直接展现，可以非常编辑的一次性操作，相反新版编辑器看上去确实又更扁平化更简约了，但是将所有的 Meta Box 模块都直接默认折叠起来了，所以当编辑时我们就会不断的在各个 Meta Box 模块中切换设置，可谓是繁琐之极，没有效率可言，而至于块模式的编辑，子凡也觉得一般，依旧觉得意义不大。吐槽归吐槽，然而作为一个 WordPress 开发者，就算这个新编辑器真的那么难用，子凡相信也还是会有人喜欢，真所谓各有所好，每个人看到的东西都不一样。

废话说得差不多了，还是上一点干货内容，WordPress 后台文章编辑页面中的 Meta Box 模块都是通过 add_meta_box 函数可以直接添加的，然而如果想要 Meta Box 模块也能够在 Gutenberg 编辑器中出现，那么也只需要在 add_meta_box 函数中添加相关参数设置即可

如果一个 Meta Box 不能在 Gutenberg 中工作，则可以将 __block_editor_compatible_meta_box 参数到 Meta Box 声明:

1
2
3
4
5
6
7

// WordPress Meta Box 模块兼容 Gutenberg 编辑器代码示例
add_meta_box( 'fanly-meta-box', 'Fanly Meta Box', 'fanly_meta_box_callback',
	null, 'normal', 'high',
	array(
		'__block_editor_compatible_meta_box' => true,
	)
);

这样你的 Meta Box 模块就可以在 Gutenberg 编辑器中正常显示和使用了，当然如果你的 Meta Box 模块拥有一些其它特殊的功能，可能还需要其它的调试或者修改才能够完全的兼容，不过这就得因地制宜各自修改了。

更多详细的关于 WordPress Gutenberg 古腾堡编辑器对 Meta Box 模块的描述和使用可以参考WordPress 官方说明，子凡就不过多赘述。

更多关于WordPress优化及疑问可以添加QQ群：255308000

除非注明，否则均为泪雪博客原创文章，禁止任何形式转载

本文链接：https://zhangzifan.com/wordpress-gutenberg-meta-box.html