最近发布的WordPress5.0因为启用全新可视化编辑器gutenberg而带来了巨大变化，除了用户文章编辑使用习惯上的不适之外，更关键的是因为编辑面板的调整，你会发现自己原来一直能够好好工作的插件都突然间失灵啦。比如本人开发的simple post series插件已经近半年没有更新啦，但是之前在4+版本都可以正常工作的，结果升级到最新5.0版发现居然功能从边栏消失不见啦，而且写的editor widget按钮也不再适用咯。

快速适配

这篇文章就是一个过渡的开发升级指南，让你用最小开发代价使原有主题和插件能够快速适应这个WordPress的最新版本。

首先，让你的custom taxonomy的默认UI可以在文章编辑器边栏显示，你需要添加：

'show_in_rest' => true

接着，你得让插件的小工具融入到gutenberg编辑器的block功能当中：一些API适用细节可以参考下面的文章：

https://code.tutsplus.com/tutorials/wordpress-gutenberg-block-api-creating-custom-blocks–cms-31168

https://smartcatdesign.net/articles/building-gutenberg-blocks-guide/

高级开发

可以基于这个脚手架进行开发，能达到事半功倍的效果：

https://github.com/ahmadawais/create-guten-block

https://github.com/ahmadawais/Gutenberg-Boilerplate

第一个函数：wp_register_script(handle, path, deps, version, in_footer)

第二个函数：register_block_type(handle, config{ })

第三个函数：we_register_style

不过经过本人研究，目前block实际并没有发起请求跟后台进行数据交换的能力，想要实现post-series的block功能目前还需要自己实现很多功能才行，还是留待以后功能加强了再说吧。

JS工具包

wp-block包，用于处理block的注册信息，blocks.registerBlockType(title, icon, category, edit, save)

wp-element包，使用react来用来处理dom

打赏作者