外贸独立站的底层设计密码WordPress 成品站SaaS建站
当前位置:首页>WordPress资讯>Gutenberg 13.4 新增theme.json按钮设置,画廊块支持不同间距设置

Gutenberg 13.4 新增theme.json按钮设置,画廊块支持不同间距设置

Gutenberg 13.4 包含了 25 项增强功能和近 30 个错误修复。比较突出的改进如下:

  • 支持 theme.json 中的按钮元素
  • 画廊块支持间距设置
  • 侧边栏设计更新
  • 搜索块变体现在支持查询变量
  • 性能改进

theme.json 支持设置按钮元素

Gutenberg 13.4 在theme.json中添加了对按钮元素的支持,因此主题现在可以使用 theme.json 向其按钮添加样式,如下所示:

{
	"styles": {
		"elements": {
			"button": {
				"color": {
					"background": "black"
				}
			}
		}
	}
}

为了充分利用这一变化,按钮 Buttons、搜索 Search、文章评论 Post Comments 和 文件 File 块等块现在使用新的CSS类wp-element-button来支持 theme.json 中的按钮元素。

theme.json 支持设置按钮元素

画廊块支持间距设置

块间​​距对于 画廊 Gallery 块来说是一个非常有用的设计工具,但是如果你想设置不同的水平和垂直间隙怎么办?好吧,您现在可以通过选择画廊块的尺寸面板中可用的新轴向间距来做到这一点。

作为对组件和后边栏的迭代改进的一部分,Gutenberg 13.4 为发布弹出框带来了新的外观和感觉。

Gutenberg 13.4 为发布弹出框带来了新的外观和感觉

颜色设置 UI 也得到了改进。现在使用Gutenberg 12.6中引入的ToolsPanel,拾色界面已经统一。这种变化也带来了一些品质的改进,例如在粘贴十六进制颜色时,会自动剥离以实现更流畅的工作流程。

搜索块变体现在支持查询变量

从 Gutenberg 13.4 开始,搜索块变体可以根据提供的查询变量限制其搜索结果。例如,您可以创建一个自定义搜索块变体,在以下注册时限制为post_type=product进行搜索:

registerBlockVariation( 'core/search', {
   name: 'test/product-search',
   title: 'Product Search Block',
   category: 'test',
   attributes: {
      query: {
         post_type: 'product'
      }
   }
} );

性能改进

性能是 WordPress 的首要考虑因素,Gutenberg 13.4 再次带来了一些性能改进。

在前端,全局样式 CSS仅针对当前正在加载的页面中的块有条件地排队,从而为客户端提供更小的页面。

编辑器而言,自动完成性能得到了改进。最后但并非最不重要的一点是,React Spring 依赖项已升级,从而在块编辑器空闲时更有效地使用资源。

要查看完整的更新详情,请看官方发布日志

声明:本站所有文章,如无特殊说明或标注,均为本站原创发布。任何个人或组织,在未征得本站同意时,禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益,可联系我们进行处理。

给TA打赏
共{{data.count}}人
人已打赏
欢迎关注WordPress大学公众号 WPDAXUE
WordPress资讯

WordPress 6.1 将专注于改进全站点编辑,预计将在 2023-2025 年推出多人协作和多语言功能

2022-6-10 17:20:03

WordPress资讯

WordPress 6.1 发布计划时间表

2022-6-24 9:14:09

0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索