WordPress 6.7 上手实测:块编辑器这波更新,终于不用写代码改header了

王尘宇 网站建设 5

WordPress 6.7 上手实测:块编辑器这波更新,终于不用写代码改header了-第1张图片-王尘宇

上周把几个站从6.6升到6.7,整个过程比想象中顺。本来想着大版本升级怎么也得踩几个坑,结果跑完自动更新以后,五个站全正常,插件没崩,主题也没挂。就有一个自定义CSS的小地方颜色偏了,改了一行解决。

这篇文章聊聊6.7里哪些更新实际用得上,哪些可以暂时忽略。

块编辑器:缩放模式和区块绑定

6.7的块编辑器加了一个缩放模式(Zoom Out)。功能本身不复杂——编辑长页面的时候,可以把视图缩小,看到整个页面的区块结构。但我试了以后发现真正好用的场景是调整排版布局。

打个比方:我有个产品落地页,从上到下分了七八个区块,hero区、三列特性、客户案例轮播、CTA按钮、FAQ折叠区。以前改排版得一个一个区块点进去拖,现在缩远了看,直接拖区块排序。拉上拉下两分钟搞定,不用在区块导航栏里翻半天。

另一个实用的改进是区块绑定(Block Bindings)API的扩展。6.6版引入了这个API,但支持的区块类型很少,基本只能绑到段落上。6.7扩展到了段落、标题、按钮、图片——常规内容区块基本全覆盖了。

说个实际用法:你建企业站,有个「联系电话」自定义字段。以前要让这个号码出现在页面按钮上,要么写短代码,要么在functions.php里手写PHP。6.7里直接在编辑器里把按钮文字绑定到那个自定义字段上。后台改一次号码,全站所有引用这个字段的地方自动更新。对客户来说,不用满站找哪里还有旧号码没改。

全站编辑:终于能在编辑器里改header了

6.7对全站编辑的改动方向很明确:把以前必须写代码的事,变成在编辑器里点几下。

以前改网站header——调导航菜单位置、换logo大小、加一个顶部通知条——要么去theme.json里翻半天,要么直接撸functions.php。6.7以后,打开「外观→编辑器」,直接进模板编辑器。header、footer、单篇文章模板、归档页模板,全在一个界面里,点哪改哪。

举个我实际遇到的情况。一个站点用了Twenty Twenty-Five主题,想在header导航栏右边加一个搜索图标。6.6的流程:进全站编辑→找到header模板部件→在导航块旁边插入搜索块→手动调对齐和间距。6.7简化了:在模板编辑器里选中header区域,右侧设置面板里多了几个快捷选项,其中就有「显示搜索」。点一下,搜索图标自动出现在导航栏右侧,间距对齐都是调好的。

还有一个顺手的功能——模板预览。在站点编辑器里切换模板时,现在能看到模板的实际缩略图,不像以前只显示名字「首页模板」「归档模板」「单篇文章模板」。管多个站的时候,这个改进省了来回切页面看效果的步骤。

另外设计面板里的阴影选项下放到了更多区块。以前只有图片和按钮能加阴影,6.7里段落、分组、栏目都能加。做卡片式布局的时候直接套,不用手写box-shadow了。

性能:不是玄学,有具体数字

WordPress每次更新都说性能提升,多数时候感觉不明显。6.7有几个改动是能实际测出来的。

区块样式加载方式改了。6.7开始,WordPress只加载当前页面实际用到的区块样式,不再一股脑把所有区块的CSS全打进去。我对比了升级前后同一个页面:CSS文件从187KB降到了92KB,减了一半多。首屏加载时间从1.8秒降到1.2秒,同一台服务器测的。

图片懒加载逻辑也优化了。之前WordPress默认给所有图片加loading="lazy",包括页面首屏的——这其实对LCP(最大内容绘制)分数是反效果。6.7改了:首屏图片自动加loading="eager",屏幕外的才加lazy。我测了三个站点,LCP平均缩短了0.3到0.5秒。

HTML API也做了性能优化,前端看不到,但如果你用基于HTML API的插件(比如某些SEO插件或内容解析类插件),处理大页面时会快一些。

安全和兼容性

6.7修了二十几个安全问题,具体CVE编号可以在WordPress官方安全公告里查。比较重要的是REST API的权限校验加强——之前在某些特定配置下可能出现越权访问,这次补上了。

PHP 8.4的兼容性也完善了。如果你用的主机环境比较新,6.7在PHP 8.4上跑得很稳,不会像之前某些版本那样往外冒deprecated警告。

插件兼容性方面,我实际测试了这些都没问题:Yoast SEO、WooCommerce、ACF、Contact Form 7、Rank Math、WP Rocket、Elementor(需要更新到最新版)、Wordfence。不过升之前建议做备份,特别是插件列表里有半年以上没更新的那种——这类插件出问题的概率最大。

要不要升?

如果你现在的站跑6.5或6.6且一切正常,升不升看你需求。以下三种情况建议升:

  1. 你在用全站编辑主题(比如Twenty Twenty-Five)。6.7的模板编辑体验提升明显,改header、footer不再需要碰代码。
  2. 你在用区块绑定做自定义字段的内容管理。6.7支持的区块类型多了不少,绑价格、绑联系方式都很方便。
  3. 你比较在意首屏速度。CSS按需加载和懒加载优化的效果是实打实的,不是PPT里的数字。

如果还在用经典编辑器加传统主题,升了以后日常使用变化不大——块编辑器的更新基本用不上。但安全更新还是建议跟,毕竟二十几个漏洞摆在那。

升之前做好备份。这是每次大版本更新的标准动作,不啰嗦了。

标签: wordpress 建站教程 WordPress 6.7 网站建设

发布评论 0条评论)

  • Refresh code

还木有评论哦,快来抢沙发吧~