首页    >    新闻资讯    >   Gutenberg 23.6发布:新增媒体裁剪、动态图库、图标系统升级等功能

Gutenberg 23.6发布:新增媒体裁剪、动态图库、图标系统升级等功能

Gutenberg 23.6 主要围绕编辑体验、区块功能扩展以及协作能力进行了优化。

此次更新新增了媒体编辑器裁剪控制功能,并将该能力扩展至 Cover(封面)区块;同时增强了响应式样式控制,包括宽高比、Flex 对齐方式以及文字阴影设置

此外,新版本还包含:

  • 最低支持 WordPress 版本提升至 6.9;
  • Icon(图标)区块新增转换功能;
  • 实时协作体验优化;
  • Playlist(播放列表)和 Tabs(标签页)区块正式稳定;
  • Notes(评论/批注)功能进一步增强。

1. Playlist 和 Tabs 区块正式稳定

此前处于实验阶段的两个区块——**Playlist(播放列表)**和 Tabs(标签页),现在已经正式加入 Gutenberg 默认区块库,无需开启实验功能即可使用。

Playlist 播放列表区块

Playlist 区块可以帮助用户在页面中展示和播放多个音频内容,并支持显示:

  • 音频标题;
  • 封面图片;
  • 艺术家信息;
  • 波形图;
  • 音轨长度。

Gutenberg 23.6

用户还可以自由调整播放列表样式,例如:

  • 设置播放顺序;
  • 开启或关闭封面展示;
  • 隐藏艺术家名称;
  • 显示或隐藏编号;
  • 控制歌曲时长显示。

该功能未来还将在 WordPress 7.1 中继续优化。

Tabs 标签页区块

Tabs 区块用于将内容组织成多个标签页面,让用户可以通过点击不同标签查看对应内容。

该区块遵循 W3C ARIA Authoring Practices Guide 中关于标签组件的无障碍设计规范。

Gutenberg 23.6

每个标签页都可以添加任意 Gutenberg 区块,同时支持:

  • 颜色设置;
  • 字体排版调整;
  • 边框样式;
  • 间距控制。

用户可以根据主题设计需求,自定义标签导航的视觉效果。

2. Notes 批注功能增强

Gutenberg 23.6 进一步完善了 Notes 功能,使其逐渐向完整的内容协作评论系统发展。

本次更新带来了两个重要改进:

支持文本级内联批注(Inline Notes)

此前 Notes 只能关联整个区块,现在用户可以针对具体文字内容添加批注。

例如:

  1. 选中文章中的某一句话;
  2. 添加备注;
  3. 该文本区域会保持高亮标记;
  4. 即使继续编辑内容,批注仍会绑定对应文字。

同时:

  • 一个区块可以添加多个内联批注;
  • 多个批注会按照文本出现顺序排列;
  • 发布后的前端页面不会显示这些高亮标记。

这让 Gutenberg 更适合团队内容编辑和多人审核场景。

支持 @提及用户

Notes 现在支持类似社交平台的 @ 提醒功能。

用户在批注中输入“@”后,会出现可搜索的用户列表:

  • 支持键盘操作选择用户;
  • 插入后生成用户标签;
  • 标签会关联对应作者页面;
  • 系统会记录被提及用户 ID。

该功能方便团队成员之间进行精准沟通。

3. Gallery 图库区块新增动态模式

Gutenberg 23.6 为 Gallery(图库)区块增加了动态展示模式。

此前 Gallery 区块只能手动选择图片,现在新增 Dynamic Gallery(动态图库)功能,可以自动显示当前文章关联的媒体文件。

动态图库支持:

  • 在编辑器中实时显示;
  • 在网站前端自动展示;
  • 根据文章附件动态更新内容。

值得注意的是,Dynamic Gallery 并不是新的独立区块,而是 Gallery 区块的一个变体。

用户可以:

  • 从图库占位区域直接创建动态图库;
  • 随时切换回普通图库;
  • 保留原有区块设置。

这一改进对于新闻网站、博客、作品展示站等需要自动管理图片内容的网站更加实用。

4. 图标集合与自定义 Icon 注册 API

Gutenberg 23.6 对 Icon 图标系统进行了升级,现在插件和主题开发者可以注册自己的图标集合。

新版 Icon API 支持:

  • 自定义图标注册;
  • 图标集合管理;
  • 编辑器和前端共享图标数据。

这意味着主题和插件开发者可以创建专属图标库,并直接集成到 Gutenberg 编辑体验中。

图标选择器体验优化

为了适应越来越多的图标资源,新版本重新设计了图标选择界面。

主要变化:

新增 Collections(集合)分类

类似 Pattern Explorer(区块样板浏览器)的设计:

  • 不再显示所有图标混合列表;
  • 用户可以按图标集合浏览;
  • 支持搜索指定集合中的图标。

异步加载图标

当网站注册大量图标时,系统会采用异步加载方式:

  • 减少编辑器加载压力;
  • 提升操作流畅度;
  • 保持界面响应速度。

Gutenberg 23.6 其他重要更新

除了以上功能,本次更新还包括:

  • 媒体编辑器新增裁剪控制;
  • Cover 区块支持更多图片编辑能力;
  • 响应式样式状态进一步扩展;
  • 新增宽高比控制;
  • Flex 布局对齐能力增强;
  • Text Shadow(文字阴影)样式支持;
  • Icon 区块支持更多转换方式;
  • 实时协作功能优化。

相关阅读:《Elementor、Gutenberg、传统主题模板怎么选?三类建站方式对比表

分类:新闻资讯

标签:

* 版权声明:作者WordPress啦! 转载请注明出处。