Gutenberg 12.9增加了块状锁定UI 自动图案注册和完整的主题导出

Gutenberg 12.9今天登陆了WordPress.org的插件目录,它是一个强大的版本,即使在过去的几天里对新功能进行了修补,鉴于时间的实际限制,我无法在这篇文章中深入研究所有的东西,但我将尝试向大家介绍一些亮点。

以下是一些我无法深入研究的精选项目,但我仍然鼓励读者去看看。

  • 所选颜色的名称现在出现在颜色选择器中。
  • 用户现在可以从建议的日期格式列表中选择,或为 "发布日期 "块添加一个自定义格式。这些都是国际化的,所以建议将是针对当地的。
  • 当查询没有返回帖子时,主题可以向无结果容器块添加块。
  • 标签云块现在有最小和最大尺寸控制。
  • 分隔符块支持更新的颜色控制,允许用户选择透明的颜色。

区块锁定的用户界面

Gutenberg 12.9增加了块状锁定UI 自动图案注册和完整的主题导出插图

Gutenberg 12.9为锁定区块引入了一个新的用户界面。在工具栏的 "更多选项 "下拉菜单中,用户可以选择锁定选项,这将弹出一个有两个选项的屏幕。

  • 禁用移动。 不允许移动区块本身。然而,可以在它周围移动兄弟区块。
  • 防止删除。 防止该区块被删除。

Andrei Draganescu在12.9版本的公告中指出了以下几点。

当一个区块被锁定时,用户要么无法移动它,要么无法删除它,或者两者都不能。这对于像 "帖子内容 "这样的网站级区块特别有用,许多主题都想把它锁定。

然而,这个定义并不能完全解释块级锁定。有一点需要注意的是:这个新的用户界面把锁的钥匙交给了最终用户。从技术上讲,他们已经通过代码编辑器拥有了这种能力,但现在可以通过界面使用。

从主题开发的角度来看,块级锁定只是要求用户在移动和/或删除块时采取额外的步骤。它不是一个 "强制 "或 "永久 "的锁。这是一个受欢迎的功能,但主题开发者应该明白它的局限性,这个新的用户界面为用户提供了更多的权力,而不是更少。

画廊的块状间隙支持......某种程度上来说

Gutenberg 12.9增加了块状锁定UI 自动图案注册和完整的主题导出插图1

在这个版本中,我最兴奋的功能之一是增加了对图库图片之间间距的支持。主题作者一直依靠专门的块状样式来给用户提供选择,通常仅限于默认和 "无间隙 "选项。后者会删除图片之间的任何间距。

不幸的是,在12.9版本中,当用户手动设置间隙时,这个功能被破坏了。检查源代码,它输出的是一个数组而不是有效的CSS。在前端,显示以下警告。

Warning: preg_match() expects parameter 2 to be string, array given in ...wp-content/plugins/gutenberg/build/block-library/blocks/gallery.php on line 51

我相信这一点会在12.9.1中得到纠正。在那之前,我建议不要使用 "块间距"控制。

主题作者警告。 这对那些以 --gallery-block--gutter-size 为目标来控制画廊的默认间隙的主题来说是一个突破性的变化。这个以前可靠的CSS自定义属性在代码中不再存在。目前还不清楚为什么这个变量被完全删除了,而且票据中也没有提到它。

一个新的--wp-style--unstable-gallery-gap变量似乎可以做类似的工作。然而,正如其名称中的不稳定部分所暗示的,它可能不会一直存在。它也被定义在.wp-container-*类上,而不是画廊本身。我还没有做足够的CSS测试来找出如何覆盖它的默认间隙。如果有人有解决方案,请在评论中发表,供他人参考。

列表视图中的儿童被默认为折叠

Gutenberg 12.9增加了块状锁定UI 自动图案注册和完整的主题导出插图2

对于大多数现实世界的场景,我经常避开编辑器中的列表视图,至少对于有许多嵌套块的页面是这样。由于每一层都是默认打开的,要浏览并找到一个特定的块,这简直是一场噩梦。我更愿意在内容画布中点击。

然而,最新的Gutenberg版本可能会改变我对它的使用。12.9版默认将所有子块折叠起来。

主题的自动模式注册

主题作者现在可以让Gutenberg为他们处理模式注册。他们只需要遵循一些规则。

  • 在/patterns文件夹中的PHP文件中添加块状图案。
  • 在文件头中添加模式数据。
  • 当然,也可以添加模式内容。

单独的模式文件应该是以下样子。

<?php
/**
 * Title: A Pattern Title
 * Slug: namespace/slug
 * Description: A human-friendly description.
 * Viewport Width: 1024
 * Categories: comma, separated, values
 * Keywords: comma, separated, values
 * Block Types: comma, separated, values
 * Inserter: yes|no
 */
 ?>
 <!-- some-block-content /-->

只有Title和Slug标题字段是必须的。每个选项都与register_block_pattern()函数参数匹配。

主题作者如果现在想使用这个功能,但又要提供对WordPress 5.9的向后兼容性,可以检查gutenberg_register_theme_block_pattern()函数是否存在。这至少是目前的函数名称。

这一变化进一步建立在现有的块主题标准之上。作者现在有明确的指导方针,通过标准文件和文件夹来注册大多数功能。

  • /parts - 块模板部分
  • /patterns - 块模式
  • /styles - 全局风格变化
  • /templates - 块模板
  • theme.json - 全局设置和样式

除了自定义块样式和变化(不要与全局样式变化相混淆),几乎所有的东西都被覆盖。这种全面的设置降低了未来主题作者的入门门槛。即使是经验丰富的开发者也应该欣赏这种简单的命名方式,以及把它们放在什么地方。这就少了一件需要担心的事情。它也将继续简化WordPress.org的主题审查系统。

主题导出和模板构建

说到降低门槛,创作者现在可以在网站编辑器中建立一个完整的主题。好吧,假设他们从一个现有的块状主题开始。

Gutenberg 12.9为建站过程引入了两个重要功能。第一个功能允许用户直接从编辑器中导出一个活动主题的副本。

Gutenberg 12.9增加了块状锁定UI 自动图案注册和完整的主题导出插图3

从这个导出下载的ZIP文件是一个全功能的主题。它包括所有的用户定制,以及原版中已经存在的每个文件。

仍然有一些东西是无法从编辑器中实现的,这些需要在公开发布之前进行手动调整。主题名称和style.css中的其他数据将保持与原始主题相同。也没有办法抢夺定制版本的截图并将其捆绑在ZIP中。

这是设计民主化的一个飞跃,但还需要考虑其他流程。用户应该能够以子主题的形式导出他们的定制,甚至以*.json文件(全局风格变化)的形式导出。

但是,有一个更直接和实用的用例。用户可以下载他们定制的主题并将其上传到另一个网站。

网站编辑器内开发的第二个关键更新是支持更多的模板。除了现有的模板外,用户现在可以从模板管理面板中创建以下内容。

  • 作者
  • 类别
  • 日期
  • 标签
  • 分类法
Gutenberg 12.9增加了块状锁定UI 自动图案注册和完整的主题导出插图4

新模板是受欢迎的补充,但模板创建功能仍有局限性。没有办法通过用户界面创建这些模板的变体,如类别-wordpress、分类-genre或其他几十种可能性。不过,有一天会实现的。

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

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

支付宝扫一扫赞助

微信钱包扫描赞助

除特别注明外,本站所有文章均基于CC-BY-NC-SA 4.0原创,转载请注明出处。
文章名称:《Gutenberg 12.9增加了块状锁定UI 自动图案注册和完整的主题导出》
文章链接:https://www.banzhuti.com/gutenberg-12-9-adds-block-locking-ui-automatic-pattern-registration.html
分享到: 生成海报
版权免责声明

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

热门文章

评论 抢沙发

评论前必须登录!

立即登录   注册

WordPress主题 插件 建站 汉化

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

登录

点击按钮进行验证

忘记密码 ?

切换登录

注册

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

点击按钮进行验证