Gutenberg 12.1修复Block Appender布局增加模板列表视图 增强全局样式

今天早些时候,Gutenberg 12.1登陆了WordPress的插件目录。最新发布的版本重在改进用户体验,包括修复块应用者的布局转移,新的全局样式功能,以及改进的模板列表视图。主题作者也有一个新的标志来启用所有与外观有关的工具。

WordPress 5.9原定于今天推出,但已被推到2022年1月25日。贡献者需要更多的时间来完善网站编辑器和与该版本捆绑在一起的相关工具。到目前为止,他们正在利用这些额外的时间来修复错误,并创造一个整体上更好的用户体验。

不再有布局转移

如果这是Gutenberg 12.1中唯一的变化,我将会是世界上最快乐的用户。幸运的是,还有其他一些不错的项目,但我使用块状编辑器三年来最讨厌的问题现在已经解决了。

内容画布中的区块应用者(那些小的+按钮)现在使用固定位置显示。这意味着,当你选择区块时,特别是那些嵌套在其他区块中的区块,屏幕不再跳来跳去,转移布局,或在其他完美的部分留下空白。

Gutenberg 12.1修复Block Appender布局增加模板列表视图 增强全局样式插图

我从与其他人的交谈中得知,在过去构建复杂的布局时,这一直是一个痛点。对于一些人来说,他们根本就不会使用块状编辑器,因为它是如此令人恼火。如果你属于这个阵营,值得再试一次。它在用户体验方面有明显的改进。

全局样式的改进

用户现在可以通过全局样式侧边栏的调色板部分定义自定义渐变。这些将在整个网站上可用,并且不与主题相联系。

Gutenberg 12.1修复Block Appender布局增加模板列表视图 增强全局样式插图1

调色板在同一渐变部分也显示了双色调的颜色。然而,目前还没有创建自定义双色调过滤器的选项。它是一个只读的部分。

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

Gutenberg 12.1修复Block Appender布局增加模板列表视图 增强全局样式插图2

用户可能不应该为链接改变这一点。相反,它们一般应该与周围的文本相匹配。如果我们将来有了文字装饰或类似的选项,这种分离可能更有意义。然而,改变诸如字体大小或行高的设置可能会对设计不利。

模板和模板部件视图

Gutenberg 12.1在网站编辑器中引入了一个新的模板和模板部件列表视图。在过去的几个插件版本中,这个功能的UI已经跳来跳去。几个月来,该列表是通过编辑器中的左侧滑出式面板提供的。然后,它在11.9中被完全删除。它在该版本和12.0版本之间重新出现。

现在,该面板已被缩减为包括网站、模板和模板部件的三个链接。第一个链接带来了网站编辑器。其他链接显示现有模板的表格。

Gutenberg 12.1修复Block Appender布局增加模板列表视图 增强全局样式插图3

目前在屏幕之间的切换感觉很慢。然而,这是全世界的WordPress用户将看到的网站编辑器的1.0版本。它可能会随着时间的推移而改变。"目前的设计迭代倾向于简单性和可用性,"Riad Benguella在公告文章中写道。"实施客户端导航和马赛克视图的迭代可能会在未来加入。"

似乎没有办法添加自定义模板,如类别或作者档案。当使用Twenty Twenty-Two主题时,点击 "添加新的 "按钮,会呈现正面页和搜索模板的选项。

然而,添加一个新的模板部分是一个更精细的过程。点击按钮创建后,用户会看到一个覆盖层和表格,如下面的截图所示。

Gutenberg 12.1修复Block Appender布局增加模板列表视图 增强全局样式插图4

用户可以给它一个自定义的名字,并在三个允许的区域中进行选择:一般、标题和页脚。创建一个新的部分后,用户被带到编辑器。

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

Gutenberg 12.1修复Block Appender布局增加模板列表视图 增强全局样式插图5

我希望看到在创建一个新的模板时,顶级模板能得到与模板部件相同的待遇。虽然它们之间有一些细微的差别,但归根结底都是模板。如果创建过程相匹配,用户体验将会受益。

在这个屏幕上创建默认列表之外的自定义模板,也会帮助设计师从网站编辑器中直观地构建主题。

空的Fallback导航

最新的版本为空的导航菜单块引入了一个回退功能。最终,如果没有找到菜单,它将显示页面列表块。根据用户网站的页面数量,这可能很快就会失去控制,如下面的Twenty Twenty-Two的截图所示。

Gutenberg 12.1修复Block Appender布局增加模板列表视图 增强全局样式插图6

主题开发者可以通过block_core_navigation_render_fallback过滤钩子覆盖这个回退,返回一个假值或一组有效的导航父块。主题作者,我邀请他们慷慨地使用这个过滤器钩子。

值得注意的区块主题项目

对于区块主题的开发者,标准的模板相关文件夹已经被重新命名。旧的名字将继续工作,但作者应该在他们的主题中更新以下内容。

  • /block-templates 改名为 /templates
  • /block-template-parts 改名为 /parts

这一变化清理了顶层主题目录,但它也为未来更多的标准化创造了道路。对于/patterns已经有了一个开放的票据,而/styles文件夹是可能的。

Gutenberg 12.1还为theme.json引入了一个外观工具标志,允许主题作者启用对所有当前和未来的边界、颜色、间距和排版选项的支持。我在Gutenberg 12.0的文章中更详细地介绍了这一点,该文章错误地将该功能与上一版本捆绑在一起。

 收藏 (0) 更新不易,打赏吧

您可以选择一种方式赞助本站

支付宝扫一扫赞助

微信钱包扫描赞助

除特别注明外,本站所有文章均基于CC-BY-NC-SA 4.0原创,转载请注明出处。
文章名称:《Gutenberg 12.1修复Block Appender布局增加模板列表视图 增强全局样式》
文章链接:https://www.banzhuti.com/gutenberg-12-1-fixes-block-appender-layout-shift-adds-template-list-views.html
本站资源仅供个人学习交流,不允许用于商业或违反国家法律法规之用途,否则法律问题自行承担。如有转载需注明文章来源。
分享到: 生成海报
版权免责声明

① 本站提供的资源(插件或主题)均为网上搜集,如有涉及或侵害到您的版权请立即通知我们。
② 本站所有下载文件,仅用作学习研究使用,请下载后24小时内删除,支持正版,勿用作商业用途。
③ 因代码可变性,不保证兼容所有浏览器、不保证兼容所有版本的WP、不保证兼容您安装的其他插件。
④ 本站保证所提供资源(插件或主题)的完整性,但不含授权许可、帮助文档、XML文件、PSD、后续升级等。
⑤ 由本站提供的资源对您的网站或计算机造成严重后果的本站概不负责。
⑥ 使用该资源(插件或主题)需要用户有一定代码基础知识!另本站提供汉化使用安装教程,仅供参考。
⑦ 有时可能会遇到部分字段无法汉化,同时请保留作者汉化宣传信息,谢谢!
⑧ 本站资源售价只是赞助和汉化辛苦费,收取费用仅维持本站的日常运营所需。
⑨ 如果喜欢本站资源,欢迎捐助本站开通会员享受优惠折扣,谢谢支持!
⑩ 如果网盘地址失效,请在相应资源页面下留言,我们会尽快修复下载地址。

热门文章

评论 抢沙发

评论前必须登录!

立即登录   注册

WordPress主题 插件 建站 汉化

定制服务联系我们
切换注册

登录

忘记密码 ?

切换登录

注册

我们将发送一封验证邮件至你的邮箱, 请正确填写以完成账号注册和激活