Gutenberg 18.5:全面扩展块样式和新增自定义阴影功能

Gutenberg 18.5 版本带来了众多实用的更新。首先,它提供了更强大的部分样式工具,让你可以更轻松地自定义内容的外观。此外,新版本还增加了许多自定义选项,让内容部分更具个性化。其中,新的自定义阴影功能可以更精确地控制阴影效果,让页面更加生动。

Gutenberg 18.5:全面扩展块样式和新增自定义阴影功能

更好的是,现在可以直接在块内部编辑块的自定义字段,这得益于块绑定API的最新更新。这意味着可以更高效地管理和修改内容,无需跳转到其他界面。

除了这些,Gutenberg 18.5 还支持在变体之间复制自定义CSS,使你能够更方便地复用样式设置。同时,theme.json中背景图像的相对主题路径URL也得到了支持,让主题背景更加灵活。最后,新版本还改进了跨块根填充的一致性,让页面布局更加整洁、统一。

具有扩展块样式变化的部分样式

摘自开发者笔记草稿:

通过扩展现有的块样式功能(又称块样式变体),支持对内部元素和块进行样式设置,从而实现了基于部分的样式设置。由于全局样式的统一 CSS 特异性(0-1-0),这些增强的块样式变体甚至可以以嵌套方式应用,这将在 WordPress 6.6 中引入。
此外,块样式变化现在可以是:
同时跨多种块类型注册
通过多种方法定义;theme.json 部分,在主题样式变体中,或通过在样式数据中传递 theme.json 形状的对象给现有的块样式注册函数
通过全局样式进行定制
阅读更多

自定义阴影

新的自定义阴影功能为网站设计带来了全新的可能性。现在,可以在全局样式中轻松创建和编辑阴影效果,为网站元素增添细致入微的阴影,不仅增强了页面的深度感,还为访客带来了更丰富的视觉体验。这种细致的阴影效果将让网站看起来更加生动和有趣。

Gutenberg 18.5:全面扩展块样式和新增自定义阴影功能

块绑定:允许直接在块中编辑帖子元数据

通过使用块绑定API的最新改进,我们现在可以更加便捷地编辑自定义字段的值。具体来说,当段落块与自定义字段绑定后,无需跳转到其他界面,直接在编辑段落内容的同时,就可以更新与之关联的自定义字段值。这种直观的操作方式将大大提高工作效率。

Gutenberg 18.5:全面扩展块样式和新增自定义阴影功能

其他值得注意的亮点

  • 切换时在变体之间复制自定义 CSS(61752
  • 在 theme.json 中支持背景图像的相对主题路径 URL(61271
  • 提高跨块根填充的一致性 ( 60715 )

要了解更多细节,请看官方日志

Gutenberg 18.5:全面扩展块样式和新增自定义阴影功能

联系我们
文章看不懂?联系我们为您免费解答!免费助力个人,小企站点!
电话:020-2206-9892
QQ咨询:1025174874
邮件:info@361sale.com
工作时间:周一至周五,9:30-18:30,节假日休息
发布者:光子波动,转转请注明出处:https://www.361sale.com/11202/

(3)
上一篇 2024年 6月 10日 下午7:09
下一篇 6天前

相关推荐

发表回复

您的电子邮箱地址不会被公开。 必填项已用 * 标注

评论列表(1条)

  • 9783的头像
    9783 2024年 6月 14日 下午3:50

    更新这么快吗瞪眼

联系我们

020-2206-9892

QQ咨询:1025174874

邮件:info@361sale.com

工作时间:周一至周五,9:30-18:30,节假日休息

客服微信
购买我们的托管服务器,享受免费运维!