Blocksy 教程：使用 Content Blocks 打造高级动态菜单
lyc054211Gutenberg 编辑器在 2025 年发布了 20.6 和 20.7 两个版本更新，20.6（2025年4月3日），20.7（2025年4月22日），主要带来了编辑体验优化、样式控制增强以及性能改进。虽然更新幅度不大，但新增的功能如导航区块的子菜单透明度设置、站点视图中的导航自动展开、所有文章类型支持起始模板弹窗等，仍为日常编辑带来了不少便利。
一、版本亮点概览
Gutenberg 20.6 亮点
- 导航块子菜单透明度滑块
新增在颜色选择器中为导航子菜单背景设置透明度的功能，增强视觉控制。
- 粘贴样式快捷键
支持通过快捷键Cmd/Ctrl + Option/Alt + V粘贴样式，提高编辑效率。
Gutenberg 20.7 亮点
- 导航菜单自动展开（站点视图）
默认展开站点视图中的所有导航选项，无需手动点击展开，提升可用性。
- 启动模式支持所有文章类型
启动模态框不再仅限于“页面”，现已支持所有文章类型，统一用户体验。
二、增强功能摘要
区块增强
- 目录块（ToC）： 支持标题级别限制、属性持久化，提供更细化控制。
- RSS 块： 可选择在新标签页中打开链接。
- 查询循环块： 增强互动性支持、控制关键词节流行为、避免属性被覆盖。
- 表格块： 支持保留 Markdown 表格的列对齐。
- 社交图标块： 删除冗余样式与状态设定。
编辑器 & 样式
- BlockPatternsExplorer： 无滚动时自动隐藏滚动条。
- 全局样式： 修复背景图像面板错误使用的 ItemGroup 组件结构。
- 格式高亮： 支持设置 alpha 透明度。
其他增强功能
- Playwright 测试工具新增网络模拟助手。
- 数据视图默认启用复选框。
- 新增 GitHub Actions 用于 Storybook 烟雾测试。
三、关键错误修复
编辑器核心
- 媒体和文本块： 修复大屏设备预览错位、图像在堆叠下无法正常渲染的问题。
- 导航子菜单： 修复 ESC 键行为、性能问题、自动请求优化。
- 块工具栏： 当界面隐藏时防止工具栏错误显示。
- 粘贴功能： 解决 ToC 属性、按钮背景包装器和标签云样式相关 bug。
网站编辑与组件
- PostPublishPanel： 修复长标题溢出问题。
- ComboboxControl 和 FormTokenField： 支持主题样式，修复 undefined 使用问题。
- 全局样式边框面板渲染冗余问题修复。
四、可访问性与性能提升
无障碍
- Shift + Tab 修复： 保证编辑器中标签跳转顺序正确。
- 子菜单操作提示更清晰，改进键盘交互体验。
性能优化
- 导航链接： 禁用块编辑时不检查有效性，仅在选择时加载实体。
- 图片块： 减少监听器和订阅行为以提升性能。
- 块解析器 & 渲染流程： 清理冗余 since 标签和代码注释。
五、开发者相关更新
构建与脚本
- 修复 webpack 构建中缺失 block.json 的问题。
- 更新 browserslist 至最新版本以支持新特性测试。
- 移除无效依赖 @shopify/web-worker。
文档与工具
- 改进 render_block_core_ 系列函数的文档与参数注释。*
- 完善 Storybook 组件展示、TypeScript 类型输出。
- 改进 VS Code 插件贡献指南。
总结
Gutenberg 20.6 和 20.7 虽属小版本更新，但在以下方面表现突出：
- 导航体验优化（自动展开、透明背景）；
- 编辑快捷操作增强（快捷键、属性控制）；
- 多项错误修复与性能改进，尤其在图像、菜单、模板渲染方面；
- 加强对开发者文档、测试工具的支持，为插件/主题开发者提供更好的环境。
这些改进进一步完善了 Gutenberg 的编辑器体验和可定制性，特别适合主题开发者和内容创作者升级使用。
了解 宝藏号 的更多信息订阅后即可通过电子邮件收到最新文章。 © 版权声明 文章版权归作者所有，未经允许请勿转载。 相关文章 暂无评论... |
|---|
