古腾堡11.4大调整画廊 为按钮增加轴向填充并为全局间距打下基础

又是两个星期过去了,另一个Gutenberg插件的更新也在册。大家总是期待着最新的版本,等待着我们的贡献者社区产生什么好东西。有时,我会抢先安装一个开发版本的插件,以了解即将到来的功能,如新的 “块状间隙 “风格设置。其他时候,我喜欢对一些增强功能感到惊讶,比如Button块的新垂直/水平填充控制。

当然,总是有一个很好的机会,一个插件的更新会以一种新的和令人兴奋的方式扔掉我们主题的编辑器样式。感觉自从Gutenberg让我措手不及以来,已经有一段时间了。至少这一轮只是帖子的标题。除了区块间隙和轴向填充之外,Gutenberg 11.4将画廊区块变成了嵌套图片区块的容器,并为特色图片增加了双色调过滤器支持。其他值得注意的改进包括为封面区块添加alt文本的选项,以及对发布日期、发布条款和网站标题区块的字体重量支持。

钮扣块的轴向衬垫

古腾堡11.4大调整画廊 为按钮增加轴向填充并为全局间距打下基础插图

按钮块现在支持在取消链接填充时改变沿X或Y轴的间距。以前,用户可以定义所有侧面的padding,但这可能是繁琐的工作。在大多数设计中,顶部和底部(垂直)的padding应该匹配,左右(水平)应该得到同样的处理。

这一变化应该能在几乎所有情况下加快填充物的定制。然而,它确实引入了一个退步。票中的共识是,为了减少麻烦的体验,值得在边缘情况下减少灵活性。

总的来说,这对大多数人来说应该是一个很好的体验。

画廊区块使用嵌套图像

古腾堡11.4大调整画廊 为按钮增加轴向填充并为全局间距打下基础插图1

Gutenberg 11.4中的画廊块支持嵌套单个图片块。它目前隐藏在一个实验性的支持标志后面,必须通过Gutenberg > Experiments设置屏幕启用。

实际上,图库块现在是一个容器。插入媒体的方式仍然是一样的。不同的是,终端用户可以在图库中单独定制每个图片块。这个功能的一个用例是允许用户在图片周围添加自定义链接。然而,他们现在可以访问更多的图片块选项,如自定义主题样式。

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

特色图片 Duotone支持

古腾堡11.4大调整画廊 为按钮增加轴向填充并为全局间距打下基础插图2

虽然我们仍然缺少一个图片大小的控制,但在这一点上,我愿意接受任何可以得到的帖子特色图片块的改进。长久以来,这个区块就像一个二等公民,我对任何改进都感到兴奋。

WordPress 5.8中出现的Duotone过滤器,允许终端用户在图片上添加一个CSS过滤器来控制阴影和高光的颜色。主题可以注册自定义的,用户也可以修改它们。最新的Gutenberg插件更新将这一功能带到了帖子的特色图片块。

这一变化允许主题作者探索添加一些视觉效果,因为帖子特色图片块是为模板或网站编辑而设的。在为更高级的主题设计做好准备之前,它还有很长的路要走,但这些工具正在让我们更接近。

主题的全局区块 “间距”

古腾堡11.4大调整画廊 为按钮增加轴向填充并为全局间距打下基础插图3

在支持块状编辑器的主题中,有一个自定义功能已经变得很普遍,那就是 “全局间距 “样式规则,它可以控制元素之间的空白度。Gutenberg的贡献者们已经注意到了这一趋势,现在正在为它提供一个标准的解决方案。使用theme.json文件的主题将自动选择支持。

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

如果你是一个主题开发者,从纯设计的角度来看,这是块主题化最关键的组成部分之一。在它登陆WordPress之前,这不是一个可以避免的事情。现在是测试和提供反馈的时候了。

这也仅仅是第一步。还有一些部分需要实现,还有一些问题需要解决。目前有一个开放的拉动请求,要把它带到编辑块控制中。还有另一个请求是将第一个和最后一个区块的页边距清零,这通常不需要任何页边距。关于如何最好地处理原始票据中的默认区块间隙的例外情况,仍有一些开放性问题。不管其未完成的性质如何,如果你关心设计系统中的垂直节奏,这是一个令人兴奋的发展。

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

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

支付宝扫一扫赞助

微信钱包扫描赞助

除特别注明外,本站所有文章均基于CC-BY-NC-SA 4.0原创,转载请注明出处。
文章名称:《古腾堡11.4大调整画廊 为按钮增加轴向填充并为全局间距打下基础》
文章链接:https://www.banzhuti.com/9805.html
分享到: 生成海报
版权免责声明

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

热门文章

评论 抢沙发

评论前必须登录!

立即登录   注册

WordPress主题 插件 建站 汉化

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

登录

点击按钮进行验证

忘记密码 ?

您也可以使用第三方帐号快捷登录

切换登录

注册

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