Gutenberg 14.1 为更多块整合设计工具,允许用户更好地自定义所用的区块;本版本还改善的块锁定功能提供了更好的操作体验。此外,对开发者也提供了更多自定义的功能,一起来看看吧。
在块中整合设计工具
为头像、按钮、分类列表、评论链接、最新文章、导航、查询分页链接、社交图标等块添加了排版和间距支持。
这种改进允许用户在不处理CSS的情况下更多地自定义他们的站点。
更好的内容锁定体验
双色调过滤器、块对齐和调整大小现在在内容锁定块上被禁用。
一段小视频,展示了锁定模式的工作原理。
导航块改进
菜单选择器从导航块工具栏移动到检查器侧边栏中的新“菜单”部分。在这个新部分中,您现在可以通过“管理菜单”按钮快速访问您创建的所有菜单。
在此版本之前,在导入经典菜单时,Gutenberg 会自动将其转换为块菜单,然后更新用户站点导航菜单。从现在开始,您必须先保存更改才能显示导入的菜单。如果您不这样做,该站点将继续显示您在导入经典菜单之前使用的菜单!这提供了更好的用户体验,因为菜单仅在用户明确保存模板时才会更改。
导航块不断迭代其用户体验。欢迎所有反馈!
站点编辑器中的缩小视图(实验性)
此功能在站点编辑器中提供了一个缩小视图,使您可以专注于站点构建,而不是每个细粒度块的细节。
在此模式下,用户无需滚动或使用本机浏览器缩小功能即可快速浏览其网站。此外,借助这一新增强功能,区域之间的导航变得更加容易。
此功能仍处于试验阶段,因此用户必须在“Gutenberg”菜单项下的“Experiments”中启用它。如果您想探索使用它,请加入此测试 FSE 外展计划的呼吁并开始提供反馈!
改善主题开发者体验
theme.json 中包含 Box-shadow 支持
从现在开始,不再需要使用 CSS 为块添加 box-shadow 属性,您可以使用 theme.json 来实现。以下是如何执行此操作的示例:
在颜色部分,为任何块添加一个新的属性阴影。
{
...
"styles": {
"elements": {
"button": {
"shadow": "10px 10px 5px 0px rgba(0,0,0,0.66)"
}
}
}
}
经典主题的基于块的模板部件
经典主题现在可以添加对基于块的模板部分的支持,允许用户使用块构建其站点的更多部分,而无需完全切换到块主题。主题作者可以使用 add_theme_support( 'block-template-parts')
函数来启用它。
启用后,“外观”下会显示一个新的“模板部分”菜单,其中显示该主题可用的模板部分列表。
让我们举个例子:
如果主题作者希望网站页脚可以使用块进行编辑,他们必须创建一个名为 footer.html
的文件,并将其保存在他们的 name_of_the_theme/parts/
目录中。要在前端使用它,他们需要在他们想在主题中使用模板部分的任何地方调用 block_template_part
PHP函数。在这种情况下,它可能是一个 footer.php 文件:
<?php block_template_part( 'footer' ); ?>
就是这样!他们现在可以在站点编辑器中更新他们的页脚,就好像它是一个块主题一样。
全局样式数据现在可过滤
Gutenberg 14.1 包括四个过滤器来编辑 PHP 中的全局样式数据。
- global_styles_default =>过滤内核提供的数据。
- global_styles_blocks => 过滤块提供的数据(目前只有样式)。
- global_styles_theme => 过滤主题提供的数据。
- global_styles_user => 过滤用户提供的数据。
一些用例现在将变得更加容易:
- 动态提供设置。例如,颜色预设取决于一些上下文信息。
- 允许插件修改现有数据。
- 通过代码(颜色预设等)编辑或删除核心数据。
您可以在文档中阅读有关它的更多信息。
改善写作体验
更好的多选
当您在块或占位符之间进行选择时,多选功能现在可以防止块轮廓出现一些闪烁,从而获得更流畅的体验。
更好的块转换组织
段落、标题、列表和引用现在显示在单独的菜单子组中。这样,它们更容易找到,因为它们是最常用的转换。
更详细的更新信息,请访问官方日志。