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

222 篇文章 4 订阅
23 篇文章 0 订阅

Gutenberg 11.9块编辑器于11月初发布,其中包含数十项增强功能。贡献者正在加速前进,在预计 12 月 14 日发布 WordPress 5.9 之前获得一些最终功能。

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

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

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

整体上还有很大的改进空间,但古腾堡在过去的几个月里已经走了很长一段路。我对新功能在通用 WordPress 版本中发布后的样子感到兴奋。

目录  隐藏 

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

模式浏览器

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

双色调滤镜透明度

用于访问全局样式的 API

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

站点编辑器与 2022 处于活动状态。

过去几个月里站点编辑器已经缩减,它不再是古腾堡插件用户已经习惯的功能。它本质上是通向全局样式功能的途径。
在模板方面,只有网站的主页可以通过界面访问。单击编辑器左上角的“W”图标不再打开熟悉的模板面板,该面板以前允许用户导航、选择和自定义单个模板。
单击“浏览所有模板”按钮将用户从站点编辑器推到模板屏幕。它看起来像一个帖子列表,不包括如何覆盖作者档案或其他主题模板的说明。我对系统非常了解,可以理解正在发生的事情,但我只能想象这对普通用户来说会令人震惊。
用户可以通过单击下拉菜单中的那些来跳转到站点编辑器中的页眉和页脚区域。编辑器只关注那些模板部分,无需切换屏幕。
但是,我看不到从站点编辑器中编辑特定模板的方法。结果是一个带有全局样式的淡化索引模板编辑器,这是一个补救功能。
站点编辑器菜单项现在也已移至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。但是,它在编辑器中的存在禁止用户为其内部导航块选择宽对齐或完全对齐。

双色调滤镜透明度

Image 和 Cover 等块上的双色调过滤器现在支持透明度。用户现在可以在调整阴影或高光时在颜色选择器下方看到一个滑块控件。
该功能通过在封面上分层图像块为双重曝光效果或图像蒙版打开了大门。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 还包括模板所需的新注释帮助块:

  • Comment Reply Link
  • Comment Link
  • Comment Avatar

希望本文有助于您了解古腾堡 11.9的最新功能,你也许还想看看我们的WordPress SEO教程:让你的网站排名更高和速度更快的101个优化技巧,以及初学者的图片SEO指南 – 为搜索引擎优化图片

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值