Gutenberg 11.9 专注于导航菜单和块主题

已发表: 2021-11-13

Gutenberg 11.9 于周三登陆,它包含了许多增强功能。 贡献者正在加速前进,在 12 月 14 日发布 WordPress 5.9 之前获得一些最终功能。

11.9 版是最后一个包含即将到来的 WordPress 更新的新功能的插件版本。 错误修复将在未来几周内继续移植。

站点编辑和与主题相关的块占据了大部分的聚光灯。 WordPress 5.9 将附带其第一个默认块主题,二十二十二。 对于许多用户来说,这将是他们第一次体验模板编辑和全局样式。

导航块受到了很多关注,这是正确的。 开发人员解决了一些重要的数据可移植性问题,并创造了更全面的用户体验。

整体上还有很大的提升空间,但古腾堡在过去的几个月里已经取得了长足的进步。 我对新功能在通用 WordPress 版本中的外观感到兴奋。

站点编辑器缩小,其菜单移动并重命名

WordPress 网站编辑器。左侧的模板编辑画布,右侧的全局样式选项。
网站编辑器有二十二十二活跃。

站点编辑器已缩小到不再是古腾堡插件用户在过去几个月中习惯的功能的地步。 它本质上是通向全局样式功能的途径。

对于模板,只有网站的主页可以通过界面访问。 单击编辑器左上角的“W”图标不再打开熟悉的模板面板,以前允许用户导航、选择和自定义单个模板。

单击“浏览所有模板”按钮将用户从站点编辑器带到模板屏幕。 它看起来像一个帖子列表,并且不包含有关如何覆盖作者档案或其他主题模板的说明。 我对系统非常了解,可以理解正在发生的事情,但我只能想象这对普通用户来说会令人震惊。

用户可以通过单击下拉菜单中的页面跳转到站点编辑器中的页眉和页脚区域。 编辑器只关注那些模板部分而不切换屏幕。

但是,我看不到从站点编辑器中编辑特定模板的方法。 结果是具有全局样式的淡化索引模板编辑器,这是一个可取的功能。

站点编辑器菜单项现在也已移至 WordPress 管理员的外观菜单下方。 它现在被简单地命名为“编辑器”。 当然,“主题编辑器”子菜单仍然存在。

WordPress 主题文件编辑器,在同一子菜单列表中显示另一个“编辑器”。
两种外观编辑器。

我不认为这会让用户感到困惑……

撇开讽刺不谈,这是新站点编辑器的合适位置,只有在用户激活了块主题时才会出现。 但是,这两个子菜单名称明显冲突。 有没有更好的地方来移动主题编辑器? 一项提案将其放在管理菜单中的工具下。

人们一定想知道在块世界中直接编辑主题文件会有多大用处。 可以通过 UI 覆盖模板。 theme.json设置通过全局样式接口处理。 这主要只是让functions.php成为唯一的坚持。 可能是时候在 WordPress 中默认禁用文件编辑了,至少对于块主题是这样。

模式探索者

从弹出叠加层查看的块模式浏览器。它具有一个左侧边栏的类别和一个带有两列各种块模式的右侧部分。
块模式浏览器。

台式机和平板电脑上的用户现在可以享受全屏图案叠加。 他们无需在狭窄的插入器中无休止地滚动浏览数十个甚至数百个模式,而是可以单击一个新的“探索”按钮来探索具有更多呼吸空间的界面中的模式。

本周早些时候,我在完整的评论中介绍了这个新功能。 该设计仍有一些问题需要解决,但到目前为止效果很好。 它还为后续更广泛的功能集奠定了基础。

导航数据保存和导航区域块

导航块数据现在存储在专用的wp_navigation帖子类型中。 通过单独保存它,贡献者现在纠正了基于块的导航菜单长期存在的问题之一:可移植性。

在该块的先前迭代中,每当用户切换到新的块主题时,都会丢失他们精心制作的菜单。 他们将不得不重新创建通常不会经常更改的内容。

除了这项改进之外,还有一个新的 Navigation Area 块,它用作 Navigation 的包装器。 主题作者将能够使用以下代码在其块主题模板中定义自定义区域:

 <!-- wp:navigation-area {"area":"primary"} --> <!-- wp:navigation /--> <!-- /wp:navigation-area -->

嵌套的 Navigation 块与wp_navigation post相关联。 这将是未来主题作者的首选格式。

当用户切换主题并且“区域”名称与他们以前的主题匹配时,菜单会简单地继续并自动出现。 如果它们不匹配,用户可以分配一个保存的菜单。 菜单/区域关系存储在数据库中。

导航区域块的问题之一是它没有对齐控件。 从技术上讲,它本身不输出任何 HTML。 但是,它在编辑器中的存在禁止用户为其内部导航块选择宽对齐或完全对齐。

双色调滤镜透明度

图像和封面等块上的双色调滤镜现在支持透明度。 调整阴影或高光时,用户现在将在颜色选择器下方看到一个滑块控件。

该功能通过在封面上叠加图像块来打开双重曝光效果或图像蒙版的大门。 亚历克斯·伦德(Alex Lende)展示了一些如何在票证中发挥作用的示例。

带有透明双色调的图像叠加在封面块上。

开发人员还指出了三全音选项和其他过滤器类型的可能性。

用于访问全局样式的 API

主题和插件作者应该对这个与全局样式系统交互的新 API 感到满意。 以前,开发人员必须使用WP_Theme_JSON_Resolver类在服务器端提取他们需要的数据。 现在,它们具有三个新功能:

  • gutenberg_get_global_settings() – 返回设置。
  • gutenberg_get_global_styles() – 返回样式设置。
  • gutenberg_get_global_stylesheet() – 返回全局样式表。

据推测,这些函数将在登陆 WordPress 5.9 之前被重命名,并且没有gutenberg_前缀。 为了安全起见,主题作者应该在function_exist()检查中包含这些的任何用法。

新的评论块

最新的插件更新中出现了几个新的评论块。 评论查询循环和评论模板块的工作方式与其对应的帖子类似。 但是,当前的结果是尚未准备好用于生产的基本功能。 嵌套注释不显示,自定义输出的选项也不多。

这是阻止主题作者和用户(通过站点编辑器)控制帖子评论输出的一步。 Gutenberg 11.9 还包括模板所需的新注释帮助块:

  • 评论回复链接
  • 评论链接
  • 评论头像

有一段时间,评论感觉像是事后才想到的。 欢迎任何旨在完善这些缺失的主题相关块的运动。