WordPress 区块编辑器自2018年发布的5.0版本替代经典编辑器成为系统默认编辑器至今已经将近8年,而 WordPress 也已经更新至7.0了。这期间的更新重点基本上都是围绕区块编辑器、网站编辑器展开。而我们基于Vue开发的Themer框架几乎也是差不多时间发布上线,但是由于早期的区块编辑器使用体验还不是很好,各方面都不完善,所以我们并未考虑切换至和区块编辑器一样的React技术方案。并且这期间我们的框架在使用方面也不存在任何问题。
但是随着 WordPress 7.0的发布,陆续有用户反馈文章编辑器下面找不到主题的设置选项,我们排查后发现新版系统默认全屏模式并且折叠下方的元框,而主题设置选项就放在元框里面,需要向上拖动才能拉出来。

这看起来只是编辑器中的一个小变化,却让我们意识到:WordPress正在一步一步构建起一个全新的编辑模式。而这,也成为 Themer 4.0 重新设计设置体系的一个重要契机。
所以在新版中我们全面放弃Vue技术方案,直接采用系统内置的React,并且在组件使用上也是能复用就尽量复用,直接使用了 WordPress 内置的@wordpress/components组件库,保证和系统UI、交互和体验的一致性。
文章设置选项
对于上面提到的文章设置选项问题,也直接接入了区块编辑器的PluginSidebar。进入后台文章编辑页以后可以在页头工具栏右侧看到WPCOM的图标(可参考上图),点击即可展开。如果页头没有找到图标入口,也可以点击更多展开后找到设置选项,如图:

展开后如下:

主题设置/插件设置
主题和插件的设置页面也进行了全新优化,整体干净整洁清爽,配色遵循后台用户设置的配色风格自动切换:用户-个人资料-管理区配色方案,另外还统一了主题和插件的样式。设置选项的数据也对历史数据进行了全部兼容,设置组件在功能上1:1还原,组件使用优先基于内置的@wordpress/components组件库。

分类/菜单/小工具/模块设置
Themer框架的设置选项采用组件独立封装、自由调用的形式,以上设置选项的升级也会立即应用到分类、菜单、小工具、模块设置里面,保证全局使用体验的一致性。
问题反馈
Themer框架4.0目前已正式上线,后续会随着主题或者插件更新陆续上线,欢迎测试体验。上线初期可能存在一些问题,如有发现也欢迎通过网站工单系统或者在线客服反馈给我们。