Gutenberg 11.4 大修画廊,为按钮添加轴向填充,并为全局间距奠定基础

又过了两周,另一个 Gutenberg 插件更新也在计划中.我一直期待最新版本,等待我们的贡献者社区产生的好东西.有时我会跳枪并安装插件的开发版本以了解即将推出的功能,例如新的"块间隙".风格设置.其他时候,我喜欢对 Button 块的新垂直/水平填充控件等增强功能感到惊讶.

当然,插件更新总是很有可能以一种令人兴奋的新方式摆脱我们主题的编辑器样式.感觉好像已经有一段时间没有古腾堡让我措手不及了.至少这是唯一的帖子标题.无论如何,WP Tavern 主题有点老了.需要更新(提示,提示).

除了块间隙和轴向填充外,Gutenberg 11.4 将 Gallery 块变成了嵌套图像块的容器,并为特色图像添加了双色调过滤器支持.其他值得注意的增强功能包括向 Cover 块添加替代文本的选项以及对发布日期、发布条款和站点标语块的字体粗细支持.

按钮块的轴向填充

调整垂直和水平按钮内边距.

当取消内边距链接时,Button 块现在支持更改沿 X 或 Y 轴的间距.以前,用户可以为所有边定义填充,但这可能是一项乏味的工作.在大多数设计中,顶部和底部(垂直)填充应该匹配,左右(水平)应该得到相同的处理.

此更改应该会在几乎所有情况下加快填充自定义.但是,它确实引入了回归.票证中的共识是,为了减少繁琐的体验,在边缘情况下的灵活性会降低.

总的来说,这应该是大多数人的胜利.我已经是一个更快乐的用户了.

图库块使用嵌套图像

在图库中添加一个图像块的链接.

Gutenberg 11.4 中的 Gallery 块支持嵌套单个 Image 块.它目前隐藏在实验性支持标志后面,必须通过 Gutenberg > 启用.实验设置屏幕.

实际上,画廊块现在是一个容器.插入媒体的工作方式仍然相同.不同之处在于最终用户可以分别自定义图库中的每个图像块.

此功能的一个用例是允许用户围绕图像添加自定义链接.但是,他们现在可以访问更多图像块的选项,例如自定义主题样式.

上周,我深入介绍了这个功能,因为它预计将登陆 WordPress 5.9,并且主题作者应该为过渡做好准备.就 HTML 而言,这是一个突破性的变化.任何具有自定义图库块样式的主题都应在 WordPress 合并更改之前测试前端和编辑器输出.

特色图片双色调支持

将双色调过滤器应用于发布精选图片块.

虽然我们仍然缺少图像大小控制,但我将采取我此时可以获得的任何发布精选图像块的改进.长期以来,这个街区感觉自己像个二等公民,以至于我对任何改进都感到头晕目眩.

WordPress 5.8 中的双色调过滤器允许最终用户在图像上添加 CSS 过滤器以控制阴影和高光颜色.主题可以注册自定义的,或者用户可以修改它们.最新的 Gutenberg 插件更新将此功能引入了发布精选图片块.

此更改允许主题作者探索添加一些视觉风格,因为发布精选图像块用于模板或站点编辑.在为更高级的主题设计做好准备之前还有很长的路要走,但这些工具让我们离得更近了.

全球区块"差距"用于主题

突出显示段落块及其前面的"间隙"; (上边距).

一个在支持块编辑器的主题中变得司空见惯的自定义功能是"全局间距".样式规则,控制元素之间的空白.古腾堡的贡献者已经注意到了这一趋势,现在正在为其提供标准解决方案.使用 theme.json 文件的主题将自动选择支持.

间隙功能为块容器内的所有相邻同级元素添加了顶部边距.这使用标准方法在每个块之间创建空间.主题作者可以通过 theme.json 文件中的 styles.spacing.blockGap 键来控制这一点.

如果您是主题开发者,从纯设计的角度来看,这是块主题最重要的组成部分之一.在它登陆 WordPress 之前,这是不可避免的.现在是测试和提供反馈的时候了.

这也只是第一步.还有一些需要实施的部分和需要解决的问题.目前有一个开放的拉取请求将其引入编辑器块控件.还有另一张票用于将第一个和最后一个块的保证金清零,这通常不需要任何保证金.关于如何最好地处理原始票证中默认块间隙的异常,仍然存在一些悬而未决的问题.

无论其未完成的性质如何,如果您对设计系统中的垂直节奏有任何关注,这将是一个令人兴奋的发展.

7

发表回复