当前位置:首页>WordPress资讯>Gutenberg 14.1 为更多块整合设计工具,改善块锁定功能

Gutenberg 14.1 为更多块整合设计工具,改善块锁定功能

WordPress 主题 CoreNext

Gutenberg 14.1 为更多块整合设计工具,允许用户更好地自定义所用的区块;本版本还改善的块锁定功能提供了更好的操作体验。此外,对开发者也提供了更多自定义的功能,一起来看看吧。

在块中整合设计工具

为头像、按钮、分类列表、评论链接、最新文章、导航、查询分页链接、社交图标等块添加了排版和间距支持。

这种改进允许用户在不处理CSS的情况下更多地自定义他们的站点。 

包含新选项的所有块的屏幕截图

更好的内容锁定体验

双色调过滤器、块对齐和调整大小现在在内容锁定块上被禁用。

一段小视频,展示了锁定模式的工作原理。

菜单选择器从导航块工具栏移动到检查器侧边栏中的新“菜单”部分。在这个新部分中,您现在可以通过“管理菜单”按钮快速访问您创建的所有菜单。

显示移动的菜单部分的 gif

在此版本之前,在导入经典菜单时,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 => 过滤用户提供的数据。

一些用例现在将变得更加容易:

  • 动态提供设置。例如,颜色预设取决于一些上下文信息。
  • 允许插件修改现有数据。
  • 通过代码(颜色预设等)编辑或删除核心数据。

您可以在文档中阅读有关它的更多信息。

改善写作体验

更好的多选

当您在块或占位符之间进行选择时,多选功能现在可以防止块轮廓出现一些闪烁,从而获得更流畅的体验。 

更好的块转换组织

段落、标题、列表和引用现在显示在单独的菜单子组中。这样,它们更容易找到,因为它们是最常用的转换。

截图 2022-09-12 在 12 19 57 PM
新块变换子组的示例

更详细的更新信息,请访问官方日志

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

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

WordPress 6.1 新增的默认主题TT3将包含10 种风格变体

2022-9-9 10:02:48

WordPress资讯

Gutenberg 14.2 改进了写作流程,为全局样式的标题添加了字距控制

2022-10-6 11:04:14

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