Gutenberg 12.1修复了块Appender布局Shift,添加模板列表视图,并增强全局样式

今天早些时候,Gutenberg 12.1落在WordPress插件目录中.最新版本对用户体验的改进很繁重,包括修复程序块Appender布局Shift,新的全局样式功能和改进的模板列表视图.主题作者还有一个新的标志,用于启用所有与外观相关的工具.

WordPress 5.9今天被推出,但它已被推到2022年1月25日.贡献者需要更多时间来改进网站编辑器和相关工具捆绑在发布时捆绑在一起.到目前为止,他们正在使用额外的时间来修复错误并创建整体更好的用户体验.

没有更多布局shift

如果这是古顿伯格12.1的唯一改变,我将是世界上最幸福的用户.幸运的是,还有其他漂亮的物品,但我在使用块编辑器三年内的最大宠物Peeve现已修复.

现在使用固定定位显示内容画布中的块Appender(那些小+按钮).这意味着当您选择块时,特别是那些嵌套在别人内的块时,屏幕不再反弹,在完美的部分中将布局留下空白或留下空白的空白.

Appender按钮不会移位布局.

我知道过去与他人交谈,在过去构建复杂的布局时,这是一个痛苦的点.对于一些人来说,他们根本不会使用块编辑器,因为它是如此恼人.如果你落入这个营地,值得一试再试一次.这是用户体验的显着改进.

全局样式改进

用户现在可以通过全局样式侧栏的颜色调色板部分定义自定义渐变.这些将在整个网站上提供,并没有与主题相关联.

创建自定义梯度.

调色板还在同一个渐变部分下显示双单调颜色.但是,尚未创建自定义双滴答过滤器的选项.这是一个只读部分.

全局样式面板还在文本和链接元素之间拆分排版选项,将来为其他HTML元素打开门.

链接排版部分.

用户可能不会为链接更改此项.相反,它们通常应匹配周围的文本.如果我们在将来获得文本装饰或类似的选择,则分离可能会更有意义.但是,改变像字体大小或线路高度的设置可能对设计有害.

模板和模板零件视图

gutenberg 12.1引入了站点编辑器的新模板和模板零件列表视图.此功能的UI已跳过过去几个插件版本.该列表可通过编辑器中的左侧滑出面板进行数月.然后,它在11.9中完全删除.它在该释放和12.0之间重新出现.

本面板现在已被缩放为网站,模板和模板部件的三个链接.第一个链接会带来站点编辑器.其他显示现有模板的表.

模板列表视图.

在屏幕之间切换目前感觉速度慢.但是,这是世界各地的WordPress用户看到的1.0版本的网站编辑器.它可能会随着时间的推移而变化."目前的设计迭代有利于简单和可用性,"Riad Benguella在公告帖子中写道."实施客户端导航和MOSAIC视图的迭代可能会在未来添加."

似乎没有添加自定义模板的方法,例如类别或作者归档.单击"添加新"按钮显示使用二十二十二主题时的首页和搜索模板的选项.

但是,添加新模板部分是更精细的过程.单击按钮以创建一个,用户使用覆盖层和表单显示,如下屏幕截图所示:

创建自定义模板部分.

用户可以给它一个自定义名称,并在三个允许的区域之间选择:常规,标题和页脚.创建新部分后,用户将被带到编辑器.

再次查看模板零件列表时,它会显示创建它的用户并具有选项下拉(省略号按钮).目前,唯一的动作是删除该部件.

模板零件列表视图.

我很乐意看到在创建新的时,顶级模板接收与模板部件相同的处理.虽然它们之间存在一些轻微的差异,但两者都是一天结束的模板.如果匹配的创建过程,用户体验将受益.

从此屏幕上创建默认列表之外的自定义模板也将帮助设计人员在网站编辑器中可视地构建主题.

空导航回退

最新版本引入了空导航菜单块的回退.最终,如果找不到菜单,它将显示页面列表块.根据用户网站有多少页面,这可以快速摆脱手,如下面的二十二十二:

的屏幕截图所示

带有长页列表的导航块回退.

主题开发人员可以通过返回false值或导航父级的一组有效子块来覆盖通过block_core_navigation_render_fallback筛选器挂钩来覆盖此倒退.主题作者,我邀请他们慷慨地使用这个过滤器挂钩.

值得注意的阻止主题项目

对于块主题开发人员,标准的模板相关文件夹已重命名.旧名称将继续工作,但作者应该以他们的主题更新以下内容:

  • /block-templates重命名为/templates
  • /block-template-parts重命名为/parts
  • 此更改清除顶级主题目录,但它也会在将来创造更加标准化的路径.已经有一个打开的票证为/patterns,并且a /styles文件夹是可能的.

    Gutenberg 12.1还为theme.json介绍了一个appearanceTools标志,允许主题作者能够支持所有当前和未来的边界,颜色,间距和排版选项.我在Gutenberg 12.0帖子中更详细地介绍了这一点,它错误地标记了与上次版本捆绑的功能.

    9

    发表回复