使用技巧

Gutenberg 9.9为社交图标添加颜色选项,为图像包括圆形边框,并更改主题JSON格式

的9.9版 古腾堡插件 今天早些时候降落。 尽管它包括一些小的UI改进,但最大的面向用户的更改是为Social Links块添加了图标和背景颜色选项。 主题作者现在可以添加对圆角图像边框的支持。 他们还面临主题JSON文件的重大更改。

WordPress 5.7 Beta 1 已于本周初发布。 最终的5.7版本将包括从Gutenberg 9.9降到9.3的功能。 在其余的开发周期中,只有即将来临的插件更新中的错误修复才应移植到WordPress中。

开发团队在最新的插件更新中解决了30多个错误。 它还包括一些增强功能和API更新。 插件开发人员现在可以 覆盖块类别 在注册变体时,这应该有助于发现。

整个站点编辑和其他实验工作照常进行。 主题作者应注意的一个项目是其他项目的初步基础 边框选项。 长期以来,为块添加边框颜色,样式和宽度的实验性功能就一直存在于许多功能中。 我希望该团队将逐渐开始在后续版本中推出块支持和UI。

社交链接的颜色选项
gutenberg-9-9-为社交图标添加颜色选项,包括用于图像和更改主题JSON格式的四边形边框Gutenberg 9.9为社交图标添加颜色选项,包括四舍五入图片边框,并更改主题JSON格式社交链接的图标和背景颜色。

用户现在可以 更改图标的颜色和背景 在“社交链接”块中。 此更改允许用户自定义链接列表中所有图标的颜色。 “仅徽标”块样式不支持背景色。

缺少的部分是设置单个图标颜色及其悬停颜色的能力。 主题设计的用例之一是提供一组单色图标,这些图标在悬停或聚焦时会更改为品牌颜色。 从用户端执行此操作的唯一方法是通过单独的图标颜色选项。 即使为整个块设置图标悬停颜色的功能仍然不可用。

品牌指南是 提到关注 当前的颜色选项,但这种担心不在WordPress的职责范围内(请参阅 关于徽标的更长分析)。 许多品牌还允许使用其他颜色,没有图标专用颜色就无法使用。

一次为所有图标设置背景和文本颜色是朝着正确方向迈出的一步,但是块编辑器仍不符合主题作者在传统主题设计中所做的工作。 这些缺少的功能会阻止最终采用“完整站点编辑”。

主题的圆形边框支持
gutenberg-9-9-为社交图标添加了颜色选项,包括用于图像和更改主题-json-format-1的圆角边框Gutenberg 9.9为社交图标添加了颜色选项,包括图像的圆角边框,并更改主题JSON格式图像块的边界半径设置。

主题作者现在可以 选择边界半径支持 用于图像。 支持有两种形式。 一种设置是允许最终用户通过块选项侧栏自定义边框半径。 第二个是为所有图像设置默认的边框半径值。

古腾堡(Gutenberg)团队首先在 版本9.8。 当前,仅“组”和“图像”块支持该功能。

以下主题JSON代码将添加设置和样式支持。 注意新的格式更改,这将在下一节中介绍。

{“ settings”:{“ core / image”:{“ border”:{“ customRadius”:true}}},“ styles”:{“ core / image”:{“ border”:{“ radius”:“ 10px “}}}}新主题JSON文件格式

Gutenberg 9.9对Experimenting-theme.json文件进行了两项重大更改,一旦退出实验阶段,该文件最终将重命名为theme.json。 该文件允许主题作者为块系统配置自定义样式和设置。 当前使用9.9之前格式的所有主题都需要更新。

第一项更改是设置和样式 文件中的顶级密钥。 第二个变化 重命名和拆分 默认值和根目录的全局密钥。 默认值处理默认值和样式,而根目录则处理站点根目录块。

阿里·斯塔索普洛斯(Ari Stathopoulos)写道 主题作者教程 在“制作主题”博客上更新其主题。

“进行此更改的理由是,对theme.json的用例已经超出了最初考虑的范围,并且该愿景现在能够吸收主题目前通过其他方式声明的许多内容,”AndrésManeiro说道。两张票的创建者。 “有些示例正在注册(并翻译?)自定义模板,声明当前存储在样式表中的主题元数据,声明样式表路径等。”

他还对格式的外观有一个看法:

{“ name”:“ TwentyTwentyOne”,“ description”:“ …”,“ customTemplates”:…,“ textDomain”:…,“ version”:1,“ settings”:{“ global”: {…},“核心/段落”:{…}},“样式”:{“全局”:{…},“核心/段落”:{…}}}

对于用户而言,此数据可能没有多大意义。 但是,任何主题作者都应该能够通过WordPress使用了很长时间的非标准系统来识别当前存储在其主题的style.css中的潜在元数据的重要性。 最终将数据转换为标准格式JSON,将使WordPress灵活地摆脱一些遗留的负担。

WordPress主题目前对包含style.css文件有严格的要求。 我们很可能会建立不需要样式表的WordPress主题。 FSE的未来很可能将通过Global Styles系统处理CSS,并通过theme.json文件设置主题的默认值。 如果主题没有样式,则保留style.css文件没有任何意义。

但是,这种改变不仅限于这种可能性。 新格式更干净,为将来的添加做好了更好的准备。

像这样:

喜欢加载中……

资源