欢迎您光临自学哈网,只为分享网络知识教程,供大家学习参考!

「自学哈网」WordPress Meta Box 模块支持 Gutenberg 古腾堡编辑器

作者 : 自学哈 本文共1062个字,预计阅读时间需要3分钟 2022-11-26 共139人阅读
也想出现在这里? 联系我们

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

本站声明:
本站所有资源来源于网络,分享目的仅供大家学习和交流!如若本站内容侵犯了原著者的合法权益,可联系邮箱976157886@qq.com进行删除。
自学哈专注于免费提供最新的分享知识、网络教程、网络技术的资源分享平台,好资源不私藏,大家一起分享!

自学哈网 » 「自学哈网」WordPress Meta Box 模块支持 Gutenberg 古腾堡编辑器
也想出现在这里? 联系我们
© 2022 Theme by - 自学哈网 & WordPress Theme. All rights reserved 浙ICP备2022016594号