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

张子凡 WordPress建站 2019-01-03 10:09:09 阅读(...) 评论(2)

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

Gutenberg MetaBox

虽然 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 官方说明,子凡就不过多赘述。

除非注明,否则均为泪雪博客原创文章,转载请以链接形式标明本文地址

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

发表评论

  1. 会飞的雨
    1楼
    会飞的雨 2周前 (01-04)

    感觉新编辑器表格不好编辑,不能合并单元格

    • 张子凡
      回复
      张子凡 2周前 (01-04)
      回复 @会飞的雨 :反正我从来没在网站上编辑过表格。