Post by account_disabled on Dec 13, 2023 5:43:18 GMT 1
每次发布新版本时,我们都会看到 WordPress Core 中添加一些微小或不那么小的变化和新功能。 WordPress 5.7 也不例外,很高兴看到每个新版本如何让我们更接近大局。 随着多个版本的块编辑器加入核心,新版本改善了整体编辑体验,并允许开发人员构建更高级的块并向块编辑器添加更深入的自定义。 除了编辑器之外,WordPress 5.7 还引入了大量的更改和功能,包括延迟加载 iframe、登录和注册界面的更新、密码重置链接、大量错误修复等等。 我们在 DevKinsta 上运行了测试,并希望通过大量屏幕截图与您分享 WordPress 5.7 中我们最喜欢的功能和变化和代码示例。 如果您想深入了解 2021 年的第一个主要版本,请查看开发周期、WordPress 5.7 的规划综述 和 现场指南。 因此,在我们继续等待 完整站点编辑(在 WordPress 5.8 的核心中)发布的同时,让我们坐下来看看享受 WordPress 5.7 的新功能! 块编辑器中的新增功能 WordPress 5.7 将许多版本的Gutenberg 插件引入了核心。在这里不可能提及所有这些新功能,以及编辑器中添加的所有更改和错误修复,但您可以访问以下链接以了解有关每个版本功能的更多信息。
的错误修复和性能改进。 话虽如此,让我们继续讨论我们选择的最 电话号码清单 酷功能列表以及对 WordPress 5.7 块编辑器所做的更改: 块变体功能、增强功能和 API 按钮块的新功能 社交图标的改进 字体大小支持 盖块中的全高度对齐 拖放从插入器中掉落块和模型 半透明空白块 其他值得注意的块编辑器改进 块变体功能、增强功能和 API 随 WordPress 5.4 引入,块变体使用户能够选择同一块的不同实例。 此功能与Block Variation API配合使用,这是一个功能强大的工具,允许开发人员添加、管理或删除块变体。 WordPress 5.7 引入了多项改进、功能和用于块变化的新 API,为开发人员提供了更好的用户界面和更强大的工具。让我们进一步了解他们。 块变化的变换 首次引入Gutenberg 9.4,现已添加到 WordPress 5.7,这是一个切换器变化中的转换< /span> 显示在支持此功能的块的块选项卡下。 转变为变异 按钮块的变换切换器的变体 注册新的块变体时,块开发人员可以通过将新选项 transform 插入到 的 scope 来将变体切换器添加到块检查器中块变体,如下例所示(仅 JS 代码)在此示例中,块变体出现在编辑器 UI 的两个区域中:块插入器和块检查器。 具有变换目的的块变化示例 具有变换目的的块变化示例 有关块变异变换的更深入分析,另请阅读 PR #26687。
块信息现在匹配块变体 从 WordPress 5.7(和 Gutenberg 9.7)开始,UI 会显示有关块变化的更多具体信息,而之前仅显示通用信息. 有关块变化的信息 在 WordPress 5.7 之前,界面元素显示有关块变化的通用信息 嵌入块和社交图标作为块变体生成;这些提供了将块信息与块变化相匹配的很好的例子。 有关块变化的信息 HUD 元素现在显示有关方块变化的具体信息 这些更改会影响块检查器、块导航栏和面包屑。从 Gutenberg 9.8 开始,此 UI 改进也适用于块切换器。 块切换器 改进了块切换器中块更改的 UI 用于块变化的新 API WordPress 5.7 还引入了新 API,开发人员可以在记录块更改时使用这些 API 来显示块更改的正确信息 ()。古腾堡 9.7 新属性isActive是一个接受块属性的函数。您可以使用变体属性来确定变体是否处于活动状态(另请参阅阻止 API 参考)。 区块开发者可以使用此功能来显示有关变体而不是区块的信息。例如 embed 块,我们可以在其中更改 providerNameSlug 属性的值 这些更改会影响块卡(检查器工具)、导航列表视图(顶部栏)和面包屑(另请参阅 PR #27469)。 按钮块的新功能 一些新功能改进了按钮块的功能和界面。 按钮尺寸 设置中提供的新控件现在允许我们为插入按钮块中的按钮设置百分比宽度 (Gutenberg 9.4) . 按钮的宽度设置 按钮的宽度设置 只需选择一个按钮并选择 。
的错误修复和性能改进。 话虽如此,让我们继续讨论我们选择的最 电话号码清单 酷功能列表以及对 WordPress 5.7 块编辑器所做的更改: 块变体功能、增强功能和 API 按钮块的新功能 社交图标的改进 字体大小支持 盖块中的全高度对齐 拖放从插入器中掉落块和模型 半透明空白块 其他值得注意的块编辑器改进 块变体功能、增强功能和 API 随 WordPress 5.4 引入,块变体使用户能够选择同一块的不同实例。 此功能与Block Variation API配合使用,这是一个功能强大的工具,允许开发人员添加、管理或删除块变体。 WordPress 5.7 引入了多项改进、功能和用于块变化的新 API,为开发人员提供了更好的用户界面和更强大的工具。让我们进一步了解他们。 块变化的变换 首次引入Gutenberg 9.4,现已添加到 WordPress 5.7,这是一个切换器变化中的转换< /span> 显示在支持此功能的块的块选项卡下。 转变为变异 按钮块的变换切换器的变体 注册新的块变体时,块开发人员可以通过将新选项 transform 插入到 的 scope 来将变体切换器添加到块检查器中块变体,如下例所示(仅 JS 代码)在此示例中,块变体出现在编辑器 UI 的两个区域中:块插入器和块检查器。 具有变换目的的块变化示例 具有变换目的的块变化示例 有关块变异变换的更深入分析,另请阅读 PR #26687。
块信息现在匹配块变体 从 WordPress 5.7(和 Gutenberg 9.7)开始,UI 会显示有关块变化的更多具体信息,而之前仅显示通用信息. 有关块变化的信息 在 WordPress 5.7 之前,界面元素显示有关块变化的通用信息 嵌入块和社交图标作为块变体生成;这些提供了将块信息与块变化相匹配的很好的例子。 有关块变化的信息 HUD 元素现在显示有关方块变化的具体信息 这些更改会影响块检查器、块导航栏和面包屑。从 Gutenberg 9.8 开始,此 UI 改进也适用于块切换器。 块切换器 改进了块切换器中块更改的 UI 用于块变化的新 API WordPress 5.7 还引入了新 API,开发人员可以在记录块更改时使用这些 API 来显示块更改的正确信息 ()。古腾堡 9.7 新属性isActive是一个接受块属性的函数。您可以使用变体属性来确定变体是否处于活动状态(另请参阅阻止 API 参考)。 区块开发者可以使用此功能来显示有关变体而不是区块的信息。例如 embed 块,我们可以在其中更改 providerNameSlug 属性的值 这些更改会影响块卡(检查器工具)、导航列表视图(顶部栏)和面包屑(另请参阅 PR #27469)。 按钮块的新功能 一些新功能改进了按钮块的功能和界面。 按钮尺寸 设置中提供的新控件现在允许我们为插入按钮块中的按钮设置百分比宽度 (Gutenberg 9.4) . 按钮的宽度设置 按钮的宽度设置 只需选择一个按钮并选择 。