Gutenberg 12.5引入全局样式变化 为选色器增加透明性

AI 智能摘要
Gutenberg 12.5今天早些时候登陆了WordPress的插件目录,已经对至少一个新的增强功能感到兴奋,即全局样式变化。然而这是一个强大的更新,有几个以开发者和用户为中心的功能。随着WordPress 5.9发布

Gutenberg 12.5今天早些时候登陆了WordPress的插件目录,已经对至少一个新的增强功能感到兴奋,即全局样式变化。然而这是一个强大的更新,有几个以开发者和用户为中心的功能。随着WordPress 5.9发布,其他人正在为5月份的6.0的发布做准备,在早期的路线图,其中的一些项目已经以某种形式出现在最新的Gutenberg更新中。

全局风格的变化

图片[1]-Gutenberg 12.5引入全局样式变化 为选色器增加透明性-搬主题

主题作者现在可以创建多个theme.json变体,并把它们放在他们主题的/styles文件夹中。然后,用户可以在各种预置之间切换到最适合他们的东西。

这个新功能有望成为WordPress 6.0版本的亮点之一,而默认的Twenty Twenty-Two主题最终会有自己的多种变化。

我在上周的一篇文章中对该功能进行了更详细的探讨。Gutenberg项目负责人Matías Ventura在评论中对此进行了扩展。

在周期的早期获得这个功能,这样我们就可以理顺经验和机制。我希望它在几次迭代后会变得非常好。我特别期待突破主题捆绑墙,因为所有这些变化在本质上与每一个区块主题都是兼容的!”。

虽然我和Ventura一样对这个功能充满热情,但我不确定我们是否能在6.0中突破主题障碍。这里的想法是,这种变化在不同的主题之间可以互换。鉴于全局样式系统的现状,我认为这不会发生。

theme.json的大部分内容是标准化的,但许多作者使用settings.custom属性。这允许他们设置任何数量的自定义值,这些值通常通过主题样式表来引用。

还有一个小问题,就是像颜色和排版这样的功能没有一个标准的命名方案。

因为这两样东西在任何两个主题之间都不会永远相同,切换变化并不总是漂亮的。这是一个崇高的目标,也许它值得尝试,看看有什么可能。然而,这个概念给人的感觉是,为了一个巨大的曲奇饼干的默认值而完全放弃了主题系统的追求。

变化的切换最好留给个别主题。让那些在theme.json之上建立他们的自定义系统的主题作者来管理用户体验和期望。我们应该专注于建立工具来帮助他们执行他们的愿景,而不是担心用户在一个完全不同的项目中 “安装 “他们的JSON变体。

新按钮保留了相邻的按钮样式

图片[2]-Gutenberg 12.5引入全局样式变化 为选色器增加透明性-搬主题

WordPress让复制一个Button变得相对容易,但它被隐藏在工具栏的选项下拉框中。与简单地点击 “+”图标来插入一个新的Button块相比,这是一个两次点击的动作。在Gutenberg 12.5之前,这将导致新的按钮获得默认的样式处理。这是一个小麻烦,直到你开始同时处理几个按钮。

最新的版本在插入下一个按钮时,会自动复制相邻的按钮块的样式。这是一个好得多的体验。

然而,它并没有带我们走到我们需要的那一步。如果你决定以后要改变每个Button的设计,会发生什么?你有很多工作要做,要修改每一个。有一个开放的票据可以将一个样式复制到按钮块组中的所有其他样式。

用户可以添加透明的颜色

图片[3]-Gutenberg 12.5引入全局样式变化 为选色器增加透明性-搬主题

用户终于可以在块级控制自定义颜色的alpha透明度了。该功能适用于文本、背景、链接和边界颜色选项。这项改进关闭了2019年10月首次开启的票据。

有一些颜色选择器没有启用。这包括全局样式面板中的自定义调色板部分和社交链接块的图标相关颜色。封面块的覆盖颜色也是如此,但它完全有一个单独的不透明度控制。

文章特色图片尺寸选项

图片[4]-Gutenberg 12.5引入全局样式变化 为选色器增加透明性-搬主题

Gutenberg 12.5引入了一个新的选项,允许将文章的特色图片块设置为使用WordPress或主题定义的图片尺寸。这似乎是一个微不足道的变化,但它是块主题化的一个进步。

主题作者一直在过滤post_thumbnail_size挂钩来处理这个问题。然而,当处理具有不同图片尺寸的多个文章查询时,这种方法就变得复杂了。

我提到这个问题已经有一年多了。我一遍又一遍地写着这个问题,试图让任何人都能听进去。如果我们想让更多的设计师跳上基于区块的主题开发列车,他们需要对特色图片进行控制。太多的布局依赖于特定的尺寸,以使其看起来最好。

现在,如果我们只能在封面、媒体和文本块内使用特色图片……

复制所有网站编辑内容

图片[5]-Gutenberg 12.5引入全局样式变化 为选色器增加透明性-搬主题

今天我了解到,在文章编辑器的选项菜单中有一个 “复制所有内容 “的按钮。我不知道它存在多久了,但这是一种很好的方式。我一直在毫无必要地试图通过内容画布选择所有内容–有时还取得了一定程度的成功。即使是我们这些几乎每一个醒着的小时都在编辑器中度过的人,也可以偶尔学习一下新的技巧。

这个复制内容的选项现在已经被添加到网站编辑器中,作为在两个编辑器之间实现功能平等的举措的一部分。

网站编辑器中的代码视图

图片[6]-Gutenberg 12.5引入全局样式变化 为选色器增加透明性-搬主题

继续在文章编辑器和网站编辑器之间进行功能对等,用户现在可以在网站编辑器中切换到代码视图。

从技术上讲,这被称为 “代码编辑器”,但对于任何试图编辑任何东西的人来说,前面都有龙。至少,如果他们期望除了可怕的 “此区块包含意外或无效内容 “的信息之外还有其他东西。我将驶入更平静的水域,避免使用它来进行阅读或复制以外的事情。

© 版权声明
THE END
喜欢就支持一下吧
点赞0 分享
评论 抢沙发

请登录后发表评论

    暂无评论内容