作者: 元素设备

  • 最近的 Gutenberg 编辑器改进:提升站点编辑器体验

    在最近的几个Gutenberg版本中,一系列工作对站点编辑器进行了大量改进,以扩展体验、提供清晰度并添加更多计划的新功能。这些功能使您可以更轻松地全面了解您的网站并添加更多更改方式,从新的导航块体验到自定义CSS. 改进后的体验还解决了在 FSE 外展计划等地方出现的关键反馈:对导航块感到沮丧,对哪些部分可全局编辑感到困惑,希望添加自定义 CSS,对块的数量感到不知所措设置等等。虽然始终需要迭代,但这标志着改进、功能和易用性方面的重大转变,为结束阶段 2铺平了道路。 

    提供清晰易用的界面

    以前,在对您的站点进行更改时,很难知道这些更改会如何影响其他部分。例如,如果您打开样式并对您所在模板上不可见的块进行了更改,则不清楚这些更改将如何着陆。同样的事情发生在模板部件块上,其中对一个实例所做的更改会影响所有其他实例。界面中没有迹象表明这些块的功能不同。 

    现在,有了样式书Style Book内置的样式系统预览,可以更容易地了解您使用样式所做的事情的影响。样式书通过提供一种切换样式视图的方法来实现这一点,该视图显示所有块,分为多个部分:

    同时,样式中内置的预览提供了另一种方式,让您无需完全进入样式簿即可一目了然地查看所做的更改。每一种都提供了一种特定的方式来按照您认为合适的方式设计您的网站。 

    最后,模板部件和可重复使用的块在编辑器和列表视图中都被着色,以清楚地显示它们是如何与其他块相比具有不同功能的不同块。导航块将进行相同的处理!这种颜色变化增加了视觉摩擦,有助于更好地概念化网站设计如何组合在一起。 

    Gutenberg - Template Colors
    Template Colors

    站点导航是构建大多数站点的一个非常重要的部分,而导航块通常难以提供涵盖构建简单菜单的大多数用例的体验。虽然 6.1 中改进的回退向前迈出了一大步,但基础可用性仍需要改进。在过去的几个版本中,作为 Gutenberg > Experiments 中的一项实验,块设置中的可编辑列表视图已添加到 Navigation 块中。这种可编辑的列表视图让人想起之前的菜单编辑体验,但植根于块的世界。您可以在项目的专用 GitHub 板当前的导航块跟踪问题中关注这项工作。

    扩展体验

    随着插入器中添加更多模板、更多功能和更多类型的内容,在许多情况下需要扩展界面以适应站点编辑器不断增长的特性。这确保了随着体验的增加,复杂性的管理方式仍然使构建网站变得愉快和直观。

    打开站点编辑器时,您不再处于站点的更狭窄但更重要的部分,而是可以完整地浏览它并使用浏览样板从那里进行编辑。这种新样板通过提供一种在模板和模板部件之间移动的方式来重新组织站点编辑器。您可以直接从此界面添加新模板或模板部件,或选择随时编辑。这与之前打开站点编辑器并被放入支持主页的模板而不必知道如何访问其他模板或模板部分的体验形成鲜明对比。

    插入器 Inserter 体验针对模式进行了升级,样板是内容和网站创建的关键部分,它通过依赖预构建设计来节省时间。以前的设计要求您在查看每个类别的样板之前从下拉列表中进行选择。新设计提供了一种简单的方法来查看每个类别并在显示每个模式的较大预览之前在每个类别之间单击,并且可以选择将鼠标悬停在样板上以查看其名称。正在进行更多工作以通过更新类别名称和区别来继续改进。在展望与 样板目录 Pattern Directory 的集成以及可能接触更多样板时,此迭代提供了坚实的基础。 

    随着 6.1 中引入的大量新设计工具,块设置界面需要进行调整。为了简化和组织体验,块设置被分成不同的选项卡,根据每个块的需要进行调整。虽然这会导致进入不同设置的步骤更多,但它提供了一个用于自定义块的心理框架,可以更好地反映每个选项的作用。这与更复杂的块特别相关,例如导航或组块。改进这种体验的空间仍然存在,特别是围绕如何最好地处理未设置/继承的值,它目前被列为一个实验,可以在 Gutenberg > Experiments 中启用。 

    Gutenberg 14.7 - Other Tabs
    Other Tabs

    从长远考虑,更多的工作将用于扩展 UI 以添加新模板。 

    添加功能

    虽然在 WordPress 5.9 中推出的站点编辑器最初以更封闭的状态启动,但每个 WordPress 版本都带来了新功能以完成更多工作。在某些情况下,这意味着以新的方式完成旧事物以自定义您的内容,例如使用自定义 CSS,而在其他情况下,它更多地与轻松拥抱站点编辑器有关,例如迁移小部件以阻止主题的能力。 

    块主题作者和设计师们长期以来一直要求自定义CSS,即使设计工具的发展使您能够使用内置的功能工具。对于许多人来说,总会有样式未涵盖的项目,从 Gutenberg 14.8 开始,现在可以选择直接在样式界面中添加自定义 CSS,这样您就可以在使用站点编辑器时直接进行自定义,并确保这些自定义坚持跨主题。这目前在 Gutenberg > Experiments 中列为一项实验,正在进行稳定该功能的工作。除了这项工作,我们还在努力为每个块添加自定义 CSS,以便它们可以协同工作。  

    以前,当您在为单个块设置样式时在站点编辑器中发挥创造力时,您必须在全局级别将您的想法复制到该单个块的样式系统。从 Gutenberg 14.9 开始,随着引入“将更改推送到全局样式”按钮而发生变化,该按钮会自动将这些更改移动到样式的单个块。这一新功能让您可以更轻松地随时随地进行设计,因为您知道只需按一下按钮即可确保一致性。迭代已经在进行中,以使这个选项更加用户友好。

    Gutenberg 14.9  - Image 2
    Image 2

    切换到块主题需要尽可能无缝,以帮助人们开始使用站点编辑器。在 Gutenberg 14.9 中,发布了一种将工具从经典主题导入站点编辑器的方法,确保切换时不会丢失内容。 

    最后,插入器现在允许直接添加媒体,因此您可以从一个地方添加块、样板和最近的媒体库项目。接下来,Openverse 集成正在进行中,这意味着您很快就可以访问 Openverse 中的所有内容,以便在您创建网站时使用。 

    下一步是什么?

    围绕这些领域中的每一个领域仍有更多工作要做,您可以在 GitHub 上关注这个跟踪问题,其中每周为一组主要任务提供更新。如果您想帮助塑造正在进行的工作,知道GitHub 问题/PR总是受欢迎的,FSE 外展计划将继续促进探索和呼吁测试以探索这些功能中的每一个。欢迎所有人加入,无论网站编辑器或 WordPress 的总体经验水平如何。 

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

  • 最近的 Gutenberg 编辑器改进:提升站点编辑器体验

    在最近的几个Gutenberg版本中,一系列工作对站点编辑器进行了大量改进,以扩展体验、提供清晰度并添加更多计划的新功能。这些功能使您可以更轻松地全面了解您的网站并添加更多更改方式,从新的导航块体验到自定义CSS. 改进后的体验还解决了在 FSE 外展计划等地方出现的关键反馈:对导航块感到沮丧,对哪些部分可全局编辑感到困惑,希望添加自定义 CSS,对块的数量感到不知所措设置等等。虽然始终需要迭代,但这标志着改进、功能和易用性方面的重大转变,为结束阶段 2铺平了道路。 

    提供清晰易用的界面

    以前,在对您的站点进行更改时,很难知道这些更改会如何影响其他部分。例如,如果您打开样式并对您所在模板上不可见的块进行了更改,则不清楚这些更改将如何着陆。同样的事情发生在模板部件块上,其中对一个实例所做的更改会影响所有其他实例。界面中没有迹象表明这些块的功能不同。 

    现在,有了样式书Style Book内置的样式系统预览,可以更容易地了解您使用样式所做的事情的影响。样式书通过提供一种切换样式视图的方法来实现这一点,该视图显示所有块,分为多个部分:

    同时,样式中内置的预览提供了另一种方式,让您无需完全进入样式簿即可一目了然地查看所做的更改。每一种都提供了一种特定的方式来按照您认为合适的方式设计您的网站。 

    最后,模板部件和可重复使用的块在编辑器和列表视图中都被着色,以清楚地显示它们是如何与其他块相比具有不同功能的不同块。导航块将进行相同的处理!这种颜色变化增加了视觉摩擦,有助于更好地概念化网站设计如何组合在一起。 

    Gutenberg - Template Colors
    Template Colors

    站点导航是构建大多数站点的一个非常重要的部分,而导航块通常难以提供涵盖构建简单菜单的大多数用例的体验。虽然 6.1 中改进的回退向前迈出了一大步,但基础可用性仍需要改进。在过去的几个版本中,作为 Gutenberg > Experiments 中的一项实验,块设置中的可编辑列表视图已添加到 Navigation 块中。这种可编辑的列表视图让人想起之前的菜单编辑体验,但植根于块的世界。您可以在项目的专用 GitHub 板当前的导航块跟踪问题中关注这项工作。

    扩展体验

    随着插入器中添加更多模板、更多功能和更多类型的内容,在许多情况下需要扩展界面以适应站点编辑器不断增长的特性。这确保了随着体验的增加,复杂性的管理方式仍然使构建网站变得愉快和直观。

    打开站点编辑器时,您不再处于站点的更狭窄但更重要的部分,而是可以完整地浏览它并使用浏览样板从那里进行编辑。这种新样板通过提供一种在模板和模板部件之间移动的方式来重新组织站点编辑器。您可以直接从此界面添加新模板或模板部件,或选择随时编辑。这与之前打开站点编辑器并被放入支持主页的模板而不必知道如何访问其他模板或模板部分的体验形成鲜明对比。

    插入器 Inserter 体验针对模式进行了升级,样板是内容和网站创建的关键部分,它通过依赖预构建设计来节省时间。以前的设计要求您在查看每个类别的样板之前从下拉列表中进行选择。新设计提供了一种简单的方法来查看每个类别并在显示每个模式的较大预览之前在每个类别之间单击,并且可以选择将鼠标悬停在样板上以查看其名称。正在进行更多工作以通过更新类别名称和区别来继续改进。在展望与 样板目录 Pattern Directory 的集成以及可能接触更多样板时,此迭代提供了坚实的基础。 

    随着 6.1 中引入的大量新设计工具,块设置界面需要进行调整。为了简化和组织体验,块设置被分成不同的选项卡,根据每个块的需要进行调整。虽然这会导致进入不同设置的步骤更多,但它提供了一个用于自定义块的心理框架,可以更好地反映每个选项的作用。这与更复杂的块特别相关,例如导航或组块。改进这种体验的空间仍然存在,特别是围绕如何最好地处理未设置/继承的值,它目前被列为一个实验,可以在 Gutenberg > Experiments 中启用。 

    Gutenberg 14.7 - Other Tabs
    Other Tabs

    从长远考虑,更多的工作将用于扩展 UI 以添加新模板。 

    添加功能

    虽然在 WordPress 5.9 中推出的站点编辑器最初以更封闭的状态启动,但每个 WordPress 版本都带来了新功能以完成更多工作。在某些情况下,这意味着以新的方式完成旧事物以自定义您的内容,例如使用自定义 CSS,而在其他情况下,它更多地与轻松拥抱站点编辑器有关,例如迁移小部件以阻止主题的能力。 

    块主题作者和设计师们长期以来一直要求自定义CSS,即使设计工具的发展使您能够使用内置的功能工具。对于许多人来说,总会有样式未涵盖的项目,从 Gutenberg 14.8 开始,现在可以选择直接在样式界面中添加自定义 CSS,这样您就可以在使用站点编辑器时直接进行自定义,并确保这些自定义坚持跨主题。这目前在 Gutenberg > Experiments 中列为一项实验,正在进行稳定该功能的工作。除了这项工作,我们还在努力为每个块添加自定义 CSS,以便它们可以协同工作。  

    以前,当您在为单个块设置样式时在站点编辑器中发挥创造力时,您必须在全局级别将您的想法复制到该单个块的样式系统。从 Gutenberg 14.9 开始,随着引入“将更改推送到全局样式”按钮而发生变化,该按钮会自动将这些更改移动到样式的单个块。这一新功能让您可以更轻松地随时随地进行设计,因为您知道只需按一下按钮即可确保一致性。迭代已经在进行中,以使这个选项更加用户友好。

    Gutenberg 14.9  - Image 2
    Image 2

    切换到块主题需要尽可能无缝,以帮助人们开始使用站点编辑器。在 Gutenberg 14.9 中,发布了一种将工具从经典主题导入站点编辑器的方法,确保切换时不会丢失内容。 

    最后,插入器现在允许直接添加媒体,因此您可以从一个地方添加块、样板和最近的媒体库项目。接下来,Openverse 集成正在进行中,这意味着您很快就可以访问 Openverse 中的所有内容,以便在您创建网站时使用。 

    下一步是什么?

    围绕这些领域中的每一个领域仍有更多工作要做,您可以在 GitHub 上关注这个跟踪问题,其中每周为一组主要任务提供更新。如果您想帮助塑造正在进行的工作,知道GitHub 问题/PR总是受欢迎的,FSE 外展计划将继续促进探索和呼吁测试以探索这些功能中的每一个。欢迎所有人加入,无论网站编辑器或 WordPress 的总体经验水平如何。 

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

  • BuddyPress 11.0.0 添加过滤器以改进 JS 和 CSS 资产加载、WebP 支持以及获取活动的新方法

    通过 34 位贡献者的努力,BuddyPress 11.0.0现已可用。该版本被命名为“La Scala”,以纪念位于巴黎郊区 Issy-Les-Moulineaux 的一家比萨餐厅。

    版本 11.0.0 引入了一些重要的变化。BuddyPress通过添加新的过滤器改进了加载其 JavaScript 和 CSS 文件的方式,因此它们现在仅在社区页面上加载。以前,该插件会在每个页面上不加选择地加载它们,这是它们在第一个模板包 (BP Legacy) 中加载方式的遗留问题。此更改正在逐步推出,因此想要利用此改进的用户需要将过滤器添加到他们的 bp-custom.php 文件中。

    add_filter( 'bp_enqueue_assets_in_bp_pages_only', '__return_true' );

    BP 11.0.0 还允许使用 .webp 图像作为个人资料和封面图像,在用户在负面评论中提出要求后。此功能需要 WordPress 5.8 或更新版本。

    此版本引入了获取一组用户或排除一组用户的活动的功能。例如,开发人员现在可以编写代码来根据用户 ID 为选定的少数用户获取活动,或者通过排除用户 ID 来阻止一些讨厌的用户的更新。

    “这变化简单却强大!” BuddyPress 核心开发者 Dan Cavins 说。“例如,您可以创建自定义兴趣活动流,或构建静音功能,让您的会员从其他太健谈的用户那里休息一下!”

    11.0.0 版还使开发人员能够构建自定义 xProfile 循环 ,包括一组特定的配置文件字段组

    BuddyPress 10.0.0 在插件管理屏幕中引入了一个附加组件部分,供用户轻松测试由 BuddyPress 开发团队维护并托管在 WordPress.org 上的插件或块。BP 首席开发人员 Mathieu Viet 表示,该团队将很快发布一个社区媒体附件插件和一个基于块的活动发布表单,这将“标准化扩展活动更新的方式,提供更丰富、更具吸引力的内容。” 这些功能插件是 Viet 预计将成为“BuddyPress 的过渡年”的一部分,并且可能会独立于主要版本发布到附加组件部分。

    BuddyPress 用户应关注附加组件部分的更新,并在 BuddyPress codex中查看 11.0.0 中的完整更改列表。更新到最新版本需要 WordPress 5.7 或更高版本。

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

  • BuddyPress 11.0.0 添加过滤器以改进 JS 和 CSS 资产加载、WebP 支持以及获取活动的新方法

    通过 34 位贡献者的努力,BuddyPress 11.0.0现已可用。该版本被命名为“La Scala”,以纪念位于巴黎郊区 Issy-Les-Moulineaux 的一家比萨餐厅。

    版本 11.0.0 引入了一些重要的变化。BuddyPress通过添加新的过滤器改进了加载其 JavaScript 和 CSS 文件的方式,因此它们现在仅在社区页面上加载。以前,该插件会在每个页面上不加选择地加载它们,这是它们在第一个模板包 (BP Legacy) 中加载方式的遗留问题。此更改正在逐步推出,因此想要利用此改进的用户需要将过滤器添加到他们的 bp-custom.php 文件中。

    add_filter( 'bp_enqueue_assets_in_bp_pages_only', '__return_true' );

    BP 11.0.0 还允许使用 .webp 图像作为个人资料和封面图像,在用户在负面评论中提出要求后。此功能需要 WordPress 5.8 或更新版本。

    此版本引入了获取一组用户或排除一组用户的活动的功能。例如,开发人员现在可以编写代码来根据用户 ID 为选定的少数用户获取活动,或者通过排除用户 ID 来阻止一些讨厌的用户的更新。

    “这变化简单却强大!” BuddyPress 核心开发者 Dan Cavins 说。“例如,您可以创建自定义兴趣活动流,或构建静音功能,让您的会员从其他太健谈的用户那里休息一下!”

    11.0.0 版还使开发人员能够构建自定义 xProfile 循环 ,包括一组特定的配置文件字段组

    BuddyPress 10.0.0 在插件管理屏幕中引入了一个附加组件部分,供用户轻松测试由 BuddyPress 开发团队维护并托管在 WordPress.org 上的插件或块。BP 首席开发人员 Mathieu Viet 表示,该团队将很快发布一个社区媒体附件插件和一个基于块的活动发布表单,这将“标准化扩展活动更新的方式,提供更丰富、更具吸引力的内容。” 这些功能插件是 Viet 预计将成为“BuddyPress 的过渡年”的一部分,并且可能会独立于主要版本发布到附加组件部分。

    BuddyPress 用户应关注附加组件部分的更新,并在 BuddyPress codex中查看 11.0.0 中的完整更改列表。更新到最新版本需要 WordPress 5.7 或更高版本。

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

  • WooCommerce Blocks 9.4.0 添加了对本地取件的支持

    WooCommerce Blocks 版本 9.4.0已发布,支持发货设置下新的块驱动的本地取件选项。该功能插件使用户可以在 WooCommerce 核心中可用之前尽早访问新块和对现有块的改进。

    本地取件(Local Pickups)引入了两个新块:一个运输方式切换块,允许购物者在常规运输或从指定位置取货之间进行选择,以及一个显示本地取货率的取货位置块。

    图片来源:WooCommerce Blocks 9.4.0 发布帖

    这些块都可以通过新的本地取件设置页面启用和配置。店主甚至可以将 Local pickup 重命名为其他名称,并可选择为此选项添加价格。

    请务必注意,新的本地取件块只能与结账块一起使用。WooCommerce Blocks 还通过这种新的本地取件体验引入了一项更改,该体验将支持基于取件地址的基于位置的税收,从而改进税务报告。以前,WooCommerce 根据商店地址收取当地提货税。

    WooCommerce Blocks 9.4.0 包括一些其他小的增强功能和错误修复。查看发布帖子,更详细地了解最新版本插件中的所有新功能。

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

  • WooCommerce Blocks 9.4.0 添加了对本地取件的支持

    WooCommerce Blocks 版本 9.4.0已发布,支持发货设置下新的块驱动的本地取件选项。该功能插件使用户可以在 WooCommerce 核心中可用之前尽早访问新块和对现有块的改进。

    本地取件(Local Pickups)引入了两个新块:一个运输方式切换块,允许购物者在常规运输或从指定位置取货之间进行选择,以及一个显示本地取货率的取货位置块。

    图片来源:WooCommerce Blocks 9.4.0 发布帖

    这些块都可以通过新的本地取件设置页面启用和配置。店主甚至可以将 Local pickup 重命名为其他名称,并可选择为此选项添加价格。

    请务必注意,新的本地取件块只能与结账块一起使用。WooCommerce Blocks 还通过这种新的本地取件体验引入了一项更改,该体验将支持基于取件地址的基于位置的税收,从而改进税务报告。以前,WooCommerce 根据商店地址收取当地提货税。

    WooCommerce Blocks 9.4.0 包括一些其他小的增强功能和错误修复。查看发布帖子,更详细地了解最新版本插件中的所有新功能。

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

  • Gutenberg 15.0 引入了“置顶”位置块支持,添加了“粘贴样式”选项

    Gutenberg 15.0 包含一些令人兴奋的新功能,用于处理块和改进的 UI,用于管理检查器面板中的控件。此版本标志着块检查器选项卡实验的结束,现在已在插件中稳定下来。

    用户会注意到,某些块现在在检查器中有单独的选项卡,用于显示设置和设计控件,以及可选的列表视图选项卡,该选项卡包含在“画布导航编辑器”实验中。将块检查器选项卡从实验中移除,为导航块的非画布编辑器成为默认体验铺平了道路。

    图片来源:Gutenberg 15.0 发布帖

    15.0 版引入了一种新的“粘贴样式”功能,其工作方式类似于 Microsoft Word 或 Google Docs 中的“粘贴”或“绘制”格式设置功能。用户可以单击任何块,从块设置面板的菜单中选择“复制块”,然后使用“粘贴样式”菜单项将这些样式粘贴到另一个块上。

    使用此功能时,用户可能必须授予浏览器额外的权限才能从剪贴板中读取。如果权限被拒绝,Gutenberg 将显示一个警告信息栏来通知用户。

    Gutenberg 贡献者得出结论,虽然粘性定位对于页眉、页脚和创意实例很有价值,但不太可能经常使用。因此,它在 UI 中不再强调。这是置顶定位功能的第一次迭代,贡献者正在跟踪一系列后续任务以改进它。

    此版本中的其他一些重要更改包括:

    • 从全局样式编辑块样式变体 ( 46343 )
    • 将图像大小限制为容器的宽度 ( 45775 )
    • 允许调整站点编辑器的边栏和框架 ( 46903 )
    • 在站点编辑器中激活复制/剪切快捷方式 ( 45752 )

    如果您想在这些新功能进入 WordPress 核心之前利用它们,您需要安装Gutenberg 插件。查看15.0 发布帖子,通过更多视频和指向该版本所有拉取请求的链接直观地探索亮点。

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

  • Gutenberg 15.0 引入了“置顶”位置块支持,添加了“粘贴样式”选项

    Gutenberg 15.0 包含一些令人兴奋的新功能,用于处理块和改进的 UI,用于管理检查器面板中的控件。此版本标志着块检查器选项卡实验的结束,现在已在插件中稳定下来。

    用户会注意到,某些块现在在检查器中有单独的选项卡,用于显示设置和设计控件,以及可选的列表视图选项卡,该选项卡包含在“画布导航编辑器”实验中。将块检查器选项卡从实验中移除,为导航块的非画布编辑器成为默认体验铺平了道路。

    图片来源:Gutenberg 15.0 发布帖

    15.0 版引入了一种新的“粘贴样式”功能,其工作方式类似于 Microsoft Word 或 Google Docs 中的“粘贴”或“绘制”格式设置功能。用户可以单击任何块,从块设置面板的菜单中选择“复制块”,然后使用“粘贴样式”菜单项将这些样式粘贴到另一个块上。

    使用此功能时,用户可能必须授予浏览器额外的权限才能从剪贴板中读取。如果权限被拒绝,Gutenberg 将显示一个警告信息栏来通知用户。

    Gutenberg 贡献者得出结论,虽然粘性定位对于页眉、页脚和创意实例很有价值,但不太可能经常使用。因此,它在 UI 中不再强调。这是置顶定位功能的第一次迭代,贡献者正在跟踪一系列后续任务以改进它。

    此版本中的其他一些重要更改包括:

    • 从全局样式编辑块样式变体 ( 46343 )
    • 将图像大小限制为容器的宽度 ( 45775 )
    • 允许调整站点编辑器的边栏和框架 ( 46903 )
    • 在站点编辑器中激活复制/剪切快捷方式 ( 45752 )

    如果您想在这些新功能进入 WordPress 核心之前利用它们,您需要安装Gutenberg 插件。查看15.0 发布帖子,通过更多视频和指向该版本所有拉取请求的链接直观地探索亮点。

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

  • WordPress 6.2(测试版)的新功能和改进

    WordPress 6.2 BETA现已发布,就像每次我们决定在正式发布之前测试新功能一样。

    WordPress 6.2 将是 2023 年的第一个重大更新,并定于2023年3月28日正式发布。

    由于这是 WordPress 6.2 的测试版,我们将要讨论的一些功能和改进可能不会出现在最终版本中。

    如果您想尝试 WordPress 6.2 BETA 中包含的功能和改进,那么您可以通过安装WordPress Beta Tester 插件来实现。

    我们不建议在实时/生产站点上安装此插件。因此,最好的选择是在本地站点上使用它。

    好了,开始简要介绍了 WordPress 6.2 BETA 中包含的新功能。

    删除了站点编辑器的 Beta 标签

    WordPress 5.9中引入了完整的站点编辑功能,标志着块主题站点编辑器的发布。

    正是这个站点编辑器允许您创建模板和自定义主题/设计。

    总而言之,站点编辑器取代了块主题中的定制器。

    请记住这一点,如果您一直在使用站点编辑器,那么您一定已经注意到它前面的 Beta 标签位于您的 WordPress 编辑器的外观下。

    WordPress 6.2 BETA 之前站点编辑器中的 Beta 标签
    WordPress 6.2 BETA 之前站点编辑器中的 Beta 标签

    这个标签将从 WordPress 6.2 之后的站点编辑器中移除。

    Beta 标签在 WordPress 6.2 BETA 之后从站点编辑器中删除
    Beta 标签在 WordPress 6.2 BETA 之后从站点编辑器中删除

    WordPress 6.2 BETA 中站点编辑器的改进

    在 WordPress 6.2 BETA 中,您会看到网站编辑器发生了不少变化。

    在本节中,我们将讨论一些

    浏览模式

    在 WordPress 6.2 之后,您将在站点编辑器中遇到的第一个变化是浏览模式。

    到目前为止,当您打开站点编辑器时,它会立即允许您编辑模板。

    换句话说,您在开始时没有选择要编辑的模板或模板部分的选项。

    WordPress 6.2 BETA 之前的站点编辑器中缺少浏览 Mod
    WordPress 6.2 BETA 之前的站点编辑器中缺少浏览 Mod

    这在 WordPress 6.2 BETA 中有所更改,现在当您打开站点编辑器时,它会在侧边栏中显示选项以选择要编辑的模板、模板部分或导航。

    WordPress 6.2 BETA 后站点编辑器中的新浏览模式
    WordPress 6.2 BETA 后站点编辑器中的新浏览模式

    选择后,您必须单击顶部的“编辑”按钮,它将带您进入编辑器。

    模板和模板部分向下钻取

    当我们讨论选择模板和模板部件时,当您单击这些选项中的任何一个时,它会显示所有项目。

    • WordPress 6.2 测试版中的模板
    WordPress 6.2 测试版中的模板
    WordPress 6.2 测试版中的模板
    • WordPress 6.2 BETA 中的模板部分
    WordPress 6.2 BETA 中的模板部分
    WordPress 6.2 BETA 中的模板部分

    在我们继续之前,重要的是要知道您也可以在此处找到添加和管理的选项。

    在 WordPress 6.2 BETA 中添加和管理模板和模板部件的选项
    在 WordPress 6.2 BETA 中添加和管理模板和模板部件的选项

    添加时,您可以选择一个区域(模板部分)或选择一个模板。

    并且在管理的时候,它会带你到和以前一样的界面。

    预览模板和模板部件

    如果您一直在使用站点编辑器,那么您一定熟悉这样一个事实,即目前还没有可用于预览模板或模板部件的选项。

    这在 WordPress 6.2 BETA 中有所改变,现在当您在新的浏览模式中选择模板或模板部分时,它会向您显示其预览。

    • WordPress 6.2 BETA 中的模板预览
    WordPress 6.2 BETA 中的模板预览
    WordPress 6.2 BETA 中的模板预览
    • WordPress 6.2 BETA 中的模板部件预览
    WordPress 6.2 BETA 中的模板部件预览
    WordPress 6.2 BETA 中的模板部件预览

    如上所述,要进行更改,您只需单击“编辑”。

    WordPress 6.2 BETA 中的样式书

    您将在站点编辑器中遇到的改进是称为样式书的新功能。

    顾名思义,借助此用户可以预览、选择和更改样式

    • 区块
    • 图片
    • 小工具

    和更多。

    要在 WordPress 6.2 BETA 中查看样式书,您必须访问站点编辑器中的样式设置,然后单击眼睛或样式书图标。

    WordPress 6.2 BETA 中的风格书图标
    WordPress 6.2 BETA 中的风格书图标

    单击此图标将打开样式书,您可以在此处浏览类别、选择和进行更改。

    WordPress 6.2 BETA 中的样式书
    WordPress 6.2 BETA 中的样式书

    了解样式书显示可以调整大小很重要。

    您所做的更改是在全球范围内进行的。

    自定义 CSS

    当我们讨论样式主题时,您必须熟悉这样一个事实,即经典主题带有附加 CSS 选项,您可以在其中添加自定义 CSS。

    WordPress 经典主题中的附加 CSS
    WordPress 经典主题中的附加 CSS

    站点编辑器中缺少此选项,现在已包含在 WordPress 6.2 BETA 中。

    要查看此改进,您必须单击样式书图标旁边的省略号菜单,它会显示附加 CSS 选项。

    • 在 WordPress 6.2 测试版之前
    WordPress 6.2 BETA 之前的样式设置中缺少其他 CSS
    WordPress 6.2 BETA 之前的样式设置中缺少其他 CSS
    • WordPress 6.2 测试版之后
    WordPress 6.2 BETA 样式设置中的附加 CSS
    WordPress 6.2 BETA 样式设置中的附加 CSS

    单击 Additional CSS 后,它将显示您可以在站点编辑器中添加自定义 CSS 的空间。

    WordPress 6.2 BETA 中的附加 CSS
    WordPress 6.2 BETA 中的附加 CSS

    添加完 CSS 后,请确保保存更改。

    附加块 CSS

    WordPress 6.2 BETA 中的块样式设置中添加了一个非常相似的选项,称为附加块 CSS。

    要查看此选项,您必须在站点编辑器样式设置中单击块,然后选择要在其中添加自定义 CSS 的块。

    在这里,您会在底部找到此选项。

    • 在 WordPress 6.2 测试版之前
    WordPress 6.2 BETA 之前缺少额外的块 CSS
    WordPress 6.2 BETA 之前缺少额外的块 CSS
    • WordPress 6.2 测试版之后
    WordPress 6.2 BETA 中的附加块 CSS
    WordPress 6.2 BETA 中的附加块 CSS

    单击附加块 CSS 时,它会显示在块中添加自定义 CSS 的选项。

    在 WordPress 6.2 BETA 中使用额外的块 CSS
    在 WordPress 6.2 BETA 中使用额外的块 CSS

    添加完 CSS 后,请确保保存更改。

    请注意 – 上面的 CSS 结构不正确,因为它缺少选择器。

    但是,代码运行完美,因为它仅用于段落块,WordPress 会为您处理。

    全局应用

    在我们继续之前,重要的是要知道您在站点编辑器中使用块时会遇到一个新选项“全局应用”。

    您将在块设置的“高级”选项卡下找到此选项。

    • 在 WordPress 6.2 测试版之前
    在 WordPress 6.2 BETA 之前缺少阻止设置中的应用全局选项
    在 WordPress 6.2 BETA 之前缺少阻止设置中的应用全局选项
    • WordPress 6.2 测试版之后
    在 WordPress 6.2 BETA 的阻止设置中应用全局选项
    在 WordPress 6.2 BETA 的阻止设置中应用全局选项

    单击“全局应用”后,它会将此块的样式设置应用到整个站点。

    模板部件和可重复使用块的颜色代码

    模板部件和可重复使用的块是使用一个或多个块构建的,这些可以在不同的页面/帖子/模板上再次使用。

    为了轻松地将它们与其他块区分开来,分配了一个新的颜色代码,该代码将在列表视图、块工具栏和画布中可见。

    • 列表显示
    WordPress 6.2 BETA 列表视图中可重用块和模板部分的新颜色代码
    WordPress 6.2 BETA 列表视图中可重用块和模板部分的新颜色代码
    • 块工具栏
    WordPress 6.2 BETA 块工具栏中可重用块和模板部分的新颜色代码
    WordPress 6.2 BETA 块工具栏中可重用块和模板部分的新颜色代码
    • 画布
    WordPress 6.2 BETA 画布上可重用块和模板部分的新颜色代码
    WordPress 6.2 BETA 画布上可重用块和模板部分的新颜色代码

    重要的是要知道,当您将指针悬停在模板部件和可重复使用的块上时,此颜色代码是可见的。

    在对模板部分和可重用块进行着色后,我们要讨论的下一个变化是导航块

    用户界面的改进

    您将在导航块中遇到的第一个变化是其界面。

    直到现在,当您过去添加此块时,它以选择菜单或开始空白或具有默认页面列表块的选项开始。

    WordPress 6.2 BETA 之前的默认导航块
    WordPress 6.2 BETA 之前的默认导航块

    要选择/添加/管理菜单,该选项作为下拉菜单位于导航块侧栏上。

    菜单在 WordPress 6.2 BETA 之前的导航块设置中下拉
    菜单在 WordPress 6.2 BETA 之前的导航块设置中下拉

    这在 WordPress 6.2 BETA 中已更改,现在当您添加导航块时,它开始为空。

    WordPress 6.2 BETA 中的默认导航块
    WordPress 6.2 BETA 中的默认导航块

    选择/添加/管理菜单的选项位于侧边栏中,为此您必须单击省略号菜单。

    WordPress 6.2 BETA 后侧边栏导航块设置中的菜单管理选项
    WordPress 6.2 BETA 后侧边栏导航块设置中的菜单管理选项

    基于列表的编辑

    现在,当涉及到添加菜单项和管理它们时,您所要做的就是单击菜单上的 + 图标

    • 导航块占位符
    在 WordPress 6.2 BETA 中通过导航块占位符添加菜单项
    在 WordPress 6.2 BETA 中通过导航块占位符添加菜单项
    • 导航块侧边栏
    在 WordPress 6.2 BETA 中通过导航块侧边栏添加菜单项
    在 WordPress 6.2 BETA 中通过导航块侧边栏添加菜单项
    • 在浏览模式下导航
    在 WordPress 6.2 BETA 中通过浏览模式导航添加菜单项
    在 WordPress 6.2 BETA 中通过浏览模式导航添加菜单项

    继续重新排列菜单项,您所要做的就是将项目拖放到侧边栏或浏览模式中。

    在 WordPress 6.2 BETA 之后重新排列导航中的菜单项
    在 WordPress 6.2 BETA 之后重新排列导航中的菜单项

    就管理菜单项而言,您需要将指针悬停在菜单项上,它会显示省略号菜单。

    侧边栏中的省略号菜单将包含用于删除和添加子菜单项的选项。

    在 WordPress 6.2 BETA 中管理菜单项
    在 WordPress 6.2 BETA 中管理菜单项

    在浏览模式下,它会显示您在块的省略号菜单中找到的选项。

    WordPress 6.2(测试版)的新功能和改进 - Rearranging Menu Items In Navigation After WordPress 6 2 Beta
    Rearranging Menu Items In Navigation After WordPress 6 2 Beta

    WordPress 6.2 BETA 中的样板

    如果您阅读了我们关于WordPress 6.1 BETA和WordPress 6.0 BETA的文章,那么您一定熟悉这样一个事实,即样板(Patterns)是一项定期接收更新的功能。

    延续这一趋势,在 WordPress 6.2 BETA 中,模式得到了一些改进。

    块插入器中的更新界面

    如果您一直在 WordPress 中使用样板,那么您一定会注意到顶部有一个包含所有类别的下拉菜单。

    WordPress 6.2 BETA 之前的模式类别下拉
    WordPress 6.2 BETA 之前的模式类别下拉

    您可以选择任何类别,它会向您显示相关的样板。

    该界面已经过改进,您现在首先看到的是样板类别。

    WordPress 6.2 BETA 后块插入器中的新模式界面
    WordPress 6.2 BETA 后块插入器中的新模式界面

    单击其中任何一个,它将在新的扩展窗格中显示所有样板。

    WordPress 6.2 BETA 后在新窗格中显示模式
    WordPress 6.2 BETA 后在新窗格中显示模式

    从这里您可以根据需要拖放和自定义样板。

    在我们继续之前,重要的是要知道 Explore all patterns 或只是 Explore 按钮已移至 WordPress 6.2 BETA 的底部。

    • 在 WordPress 6.2 测试版之前
    WordPress 6.2 BETA 之前的模式中的探索按钮
    WordPress 6.2 BETA 之前的模式中的探索按钮
    • WordPress 6.2 测试版之后
    探索 WordPress 6.2 BETA 之后块插入器中的所有模式按钮
    探索 WordPress 6.2 BETA 之后块插入器中的所有模式按钮

    更多分类

    当我们讨论样板类别的主题时,一个名为 Banner 的新类别已添加到列表中。

    WordPress 6.2 BETA 后的新横幅模式类别
    WordPress 6.2 BETA 后的新横幅模式类别

    WordPress 6.2 测试版中的媒体

    从 Patterns 继续,一个名为 Media 的新选项卡已添加到块插入器中。

    单击此按钮后,它将显示 2 个选项

    • 图片
    • Openverse
    WordPress 6.2 BETA 块插入器中的新媒体选项卡
    WordPress 6.2 BETA 块插入器中的新媒体选项卡

    在本节中,我们将简要介绍这些选项。

    图片

    在构建网站或创建页面或帖子时,图像起着至关重要的作用。

    您可以轻松地在 WordPress 媒体库中上传图像,然后使用图像或任何媒体块添加到页面或帖子。

    直到现在,还没有可用的选项来使用块插入器从媒体库添加图像。

    WordPress 6.2 BETA 之前的块插入器
    WordPress 6.2 BETA 之前的块插入器

    这在 WordPress 6.2 BETA 中已经改变。

    现在,当您在块插入器中单击“媒体”下的“图像”时,它将在新窗格中显示您在 WordPress 媒体库中上传的所有图像。

    WordPress 6.2 BETA 中块插入器中来自媒体库的图像
    WordPress 6.2 BETA 中块插入器中来自媒体库的图像

    您可以在此处使用顶部的搜索框搜索图像。

    WordPress 6.2 BETA 块插入器中的图像搜索框
    WordPress 6.2 BETA 块插入器中的图像搜索框

    一旦找到,您只需将图像拖放到画布上即可。

    重要的是要知道您将无法将这些图像拖放到媒体块上。

    例如,如果您想使用此功能将图像添加到封面块,那么到目前为止这是不可能的。

    记住这一点,如果你想从块插入器打开媒体库,那么这样做的选项就在最底部。

    在 WordPress 6.2 BETA 中使用 Block Inserter 打开媒体库
    在 WordPress 6.2 BETA 中使用 Block Inserter 打开媒体库

    总而言之,这是一个可喜的变化,并将改进工作流程。

    集成 Openverse

    在我们进一步了解 WordPress 6.2 BETA 中的 Openverse 集成之前,让我们先了解它到底是什么。

    Openverse 是一个开源搜索引擎,用于作为 WordPress 项目的一部分开发的公开许可媒体。

    它拥有一个包含超过 6 亿个创意的庞大库,其中包括库存照片、图像和音频。

    最好的部分是所有这些都是免费使用的。

    请牢记这一点,在 WordPress 6.2 BETA 中,Openverse 已添加到块插入器中。

    您会在“媒体”选项卡下找到它。

    WordPress 6.2 BETA 块插入器中的 Openverse 选项
    WordPress 6.2 BETA 块插入器中的 Openverse 选项

    单击 Openverse 时,它​​将在新窗格中显示所有图像,您可以将它们拖放到画布上。

    WordPress 6.2 BETA 块插入器中的 Openverse 图像
    WordPress 6.2 BETA 块插入器中的 Openverse 图像

    重要的是要知道您将无法在媒体库中找到这些图像,因为它们是从 URL 插入的。

    在 WordPress 6.2 BETA 中使用 URL 上传的 Openverse 图像
    在 WordPress 6.2 BETA 中使用 URL 上传的 Openverse 图像

    除此之外,为了让您更轻松,顶部有一个搜索框,您可以使用它来搜索 Openverse。

    在 WordPress 6.2 BETA 的 Block Inserter 中搜索 Openverse
    在 WordPress 6.2 BETA 的 Block Inserter 中搜索 Openverse

    块编辑器中的无干扰模式

    如果您一直在使用 WordPress 块编辑器在 WordPress 中创建页面和帖子,那么您一定熟悉这样一个事实,即您可以选择不同的模式。

    你会在右上角的块编辑器省略号菜单中找到这些。

    WordPress 6.2 BETA 之前的块编辑器中缺少无干扰模式
    WordPress 6.2 BETA 之前的块编辑器中缺少无干扰模式

    你可以看到,直到现在 WordPress 编辑器

    • 聚光灯模式
    • 全屏模式

    在 WordPress 6.2 BETA 中,一种称为 Distraction Free 的新模式已添加到此列表中。

    WordPress 6.2 BETA 块编辑器中的无干扰模式
    WordPress 6.2 BETA 块编辑器中的无干扰模式

    在选择这种模式时,它

    • 隐藏顶部工具栏,它只出现在悬停时。
    • 删除一些顶部工具栏按钮
    • 关闭任何侧边栏
    • 隐藏块工具栏
    WordPress 6.2 BETA 块编辑器中的无干扰模式处于活动状态
    WordPress 6.2 BETA 块编辑器中的无干扰模式处于活动状态

    WordPress 6.2 BETA 中的拆分块工具

    从无干扰模式继续,我们要讨论的下一个变化是将块工具拆分为设置和样式。

    到现在用区块的时候,所有的设置都在侧边栏,基本没有分类。

    WordPress 6.2 BETA 之前的阻止工具
    WordPress 6.2 BETA 之前的阻止工具

    这在 WordPress 6.2 BETA 中有所更改,在某些块中,您会发现它在侧边栏中拆分并归类为设置和样式。

    阻止工具在 WordPress 6.2 BETA 中拆分
    阻止工具在 WordPress 6.2 BETA 中拆分

    设置将包含块的一般设置,在样式下,您将找到更改/设置颜色、排版等的选项。

    从经典主题导入小工具

    在浏览网页时,您一定遇到过带有侧边栏的网站。

    在经典主题中,这些区域被称为小工具区域,这些区域是使用块构建的,直到您在 WordPress 中禁用块小工具。

    WordPress 6.2 BETA 经典主题中的小部件
    WordPress 6.2 BETA 经典主题中的小部件

    重要的是要知道,直到现在还没有办法在从经典迁移时导入小工具到区块主题。

    然而,这在 WordPress 6.2 BETA 中有所改变,现在您可以在站点编辑器中添加一个新的模板部件,在块设置的高级下,您将找到导入小工具区域的选项。

    WordPress 6.2 BETA 模板部件中的导入小部件区域选项
    WordPress 6.2 BETA 模板部件中的导入小部件区域选项

    在这里,您必须从下拉列表中选择小工具区域,然后单击导入。

    在 WordPress 6.2 BETA 的模板部分导入小部件区域
    在 WordPress 6.2 BETA 的模板部分导入小部件区域

    单击“导入”后,它将在 WordPress 6.2 BETA 的站点编辑器中将其作为模板部分导入。

    在 WordPress 6.2 BETA 中作为模板部件导入的小部件区域
    在 WordPress 6.2 BETA 中作为模板部件导入的小部件区域

    正如您在上面的屏幕截图中看到的,成功导入后,可以在模板部件下的浏览模式中找到这些部件。

    WordPress 6.2 发布时间表

    • 2023 年 2 月 7 日- Beta 1
    • 2023 年 2 月 14 日- Beta 2
    • 2023 年 2 月 21 日- Beta 3
    • 2023 年 2 月 28 日- Beta 4
    • 2023 年 3 月 7 日 – 候选版本 1
    • 2023 年 3 月 14 日 – 候选版本 2
    • 2023 年 3 月 21 日-发布候选版本 3
    • 2023 年 3 月 27 日-试运行
    • 2023 年 3 月 28 日-稳定的 WordPress 6.2

    从 6.1 更新到 WordPress 6.2

    现在您已经熟悉了 WordPress 6.2 BETA,我们接下来要讨论的主题是如何轻松更新到 WordPress 6.2。

    第一步是对您的 WordPress 网站进行完整备份,您可以使用BackupBuddy或UpdraftPlus这类备份插件。

    完成备份后,下一步是单击 WordPress 管理侧栏中仪表板下的更新。

    它将显示 WordPress 6.2 更新是否可用于安装。

    如果是,那么您需要单击更新到 WordPress 6.2,它将下载并安装。

    此过程可能需要几分钟时间。

    就是这样,您已成功将您的网站更新到最新版本的 WordPress。

    好了,希望本文对您有所帮助,并且您现在已经熟悉了WordPress 6.2(测试版)中的新功能

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

  • WordPress 6.2(测试版)的新功能和改进

    WordPress 6.2 BETA现已发布,就像每次我们决定在正式发布之前测试新功能一样。

    WordPress 6.2 将是 2023 年的第一个重大更新,并定于2023年3月28日正式发布。

    由于这是 WordPress 6.2 的测试版,我们将要讨论的一些功能和改进可能不会出现在最终版本中。

    如果您想尝试 WordPress 6.2 BETA 中包含的功能和改进,那么您可以通过安装WordPress Beta Tester 插件来实现。

    我们不建议在实时/生产站点上安装此插件。因此,最好的选择是在本地站点上使用它。

    好了,开始简要介绍了 WordPress 6.2 BETA 中包含的新功能。

    删除了站点编辑器的 Beta 标签

    WordPress 5.9中引入了完整的站点编辑功能,标志着块主题站点编辑器的发布。

    正是这个站点编辑器允许您创建模板和自定义主题/设计。

    总而言之,站点编辑器取代了块主题中的定制器。

    请记住这一点,如果您一直在使用站点编辑器,那么您一定已经注意到它前面的 Beta 标签位于您的 WordPress 编辑器的外观下。

    WordPress 6.2 BETA 之前站点编辑器中的 Beta 标签
    WordPress 6.2 BETA 之前站点编辑器中的 Beta 标签

    这个标签将从 WordPress 6.2 之后的站点编辑器中移除。

    Beta 标签在 WordPress 6.2 BETA 之后从站点编辑器中删除
    Beta 标签在 WordPress 6.2 BETA 之后从站点编辑器中删除

    WordPress 6.2 BETA 中站点编辑器的改进

    在 WordPress 6.2 BETA 中,您会看到网站编辑器发生了不少变化。

    在本节中,我们将讨论一些

    浏览模式

    在 WordPress 6.2 之后,您将在站点编辑器中遇到的第一个变化是浏览模式。

    到目前为止,当您打开站点编辑器时,它会立即允许您编辑模板。

    换句话说,您在开始时没有选择要编辑的模板或模板部分的选项。

    WordPress 6.2 BETA 之前的站点编辑器中缺少浏览 Mod
    WordPress 6.2 BETA 之前的站点编辑器中缺少浏览 Mod

    这在 WordPress 6.2 BETA 中有所更改,现在当您打开站点编辑器时,它会在侧边栏中显示选项以选择要编辑的模板、模板部分或导航。

    WordPress 6.2 BETA 后站点编辑器中的新浏览模式
    WordPress 6.2 BETA 后站点编辑器中的新浏览模式

    选择后,您必须单击顶部的“编辑”按钮,它将带您进入编辑器。

    模板和模板部分向下钻取

    当我们讨论选择模板和模板部件时,当您单击这些选项中的任何一个时,它会显示所有项目。

    • WordPress 6.2 测试版中的模板
    WordPress 6.2 测试版中的模板
    WordPress 6.2 测试版中的模板
    • WordPress 6.2 BETA 中的模板部分
    WordPress 6.2 BETA 中的模板部分
    WordPress 6.2 BETA 中的模板部分

    在我们继续之前,重要的是要知道您也可以在此处找到添加和管理的选项。

    在 WordPress 6.2 BETA 中添加和管理模板和模板部件的选项
    在 WordPress 6.2 BETA 中添加和管理模板和模板部件的选项

    添加时,您可以选择一个区域(模板部分)或选择一个模板。

    并且在管理的时候,它会带你到和以前一样的界面。

    预览模板和模板部件

    如果您一直在使用站点编辑器,那么您一定熟悉这样一个事实,即目前还没有可用于预览模板或模板部件的选项。

    这在 WordPress 6.2 BETA 中有所改变,现在当您在新的浏览模式中选择模板或模板部分时,它会向您显示其预览。

    • WordPress 6.2 BETA 中的模板预览
    WordPress 6.2 BETA 中的模板预览
    WordPress 6.2 BETA 中的模板预览
    • WordPress 6.2 BETA 中的模板部件预览
    WordPress 6.2 BETA 中的模板部件预览
    WordPress 6.2 BETA 中的模板部件预览

    如上所述,要进行更改,您只需单击“编辑”。

    WordPress 6.2 BETA 中的样式书

    您将在站点编辑器中遇到的改进是称为样式书的新功能。

    顾名思义,借助此用户可以预览、选择和更改样式

    • 区块
    • 图片
    • 小工具

    和更多。

    要在 WordPress 6.2 BETA 中查看样式书,您必须访问站点编辑器中的样式设置,然后单击眼睛或样式书图标。

    WordPress 6.2 BETA 中的风格书图标
    WordPress 6.2 BETA 中的风格书图标

    单击此图标将打开样式书,您可以在此处浏览类别、选择和进行更改。

    WordPress 6.2 BETA 中的样式书
    WordPress 6.2 BETA 中的样式书

    了解样式书显示可以调整大小很重要。

    您所做的更改是在全球范围内进行的。

    自定义 CSS

    当我们讨论样式主题时,您必须熟悉这样一个事实,即经典主题带有附加 CSS 选项,您可以在其中添加自定义 CSS。

    WordPress 经典主题中的附加 CSS
    WordPress 经典主题中的附加 CSS

    站点编辑器中缺少此选项,现在已包含在 WordPress 6.2 BETA 中。

    要查看此改进,您必须单击样式书图标旁边的省略号菜单,它会显示附加 CSS 选项。

    • 在 WordPress 6.2 测试版之前
    WordPress 6.2 BETA 之前的样式设置中缺少其他 CSS
    WordPress 6.2 BETA 之前的样式设置中缺少其他 CSS
    • WordPress 6.2 测试版之后
    WordPress 6.2 BETA 样式设置中的附加 CSS
    WordPress 6.2 BETA 样式设置中的附加 CSS

    单击 Additional CSS 后,它将显示您可以在站点编辑器中添加自定义 CSS 的空间。

    WordPress 6.2 BETA 中的附加 CSS
    WordPress 6.2 BETA 中的附加 CSS

    添加完 CSS 后,请确保保存更改。

    附加块 CSS

    WordPress 6.2 BETA 中的块样式设置中添加了一个非常相似的选项,称为附加块 CSS。

    要查看此选项,您必须在站点编辑器样式设置中单击块,然后选择要在其中添加自定义 CSS 的块。

    在这里,您会在底部找到此选项。

    • 在 WordPress 6.2 测试版之前
    WordPress 6.2 BETA 之前缺少额外的块 CSS
    WordPress 6.2 BETA 之前缺少额外的块 CSS
    • WordPress 6.2 测试版之后
    WordPress 6.2 BETA 中的附加块 CSS
    WordPress 6.2 BETA 中的附加块 CSS

    单击附加块 CSS 时,它会显示在块中添加自定义 CSS 的选项。

    在 WordPress 6.2 BETA 中使用额外的块 CSS
    在 WordPress 6.2 BETA 中使用额外的块 CSS

    添加完 CSS 后,请确保保存更改。

    请注意 – 上面的 CSS 结构不正确,因为它缺少选择器。

    但是,代码运行完美,因为它仅用于段落块,WordPress 会为您处理。

    全局应用

    在我们继续之前,重要的是要知道您在站点编辑器中使用块时会遇到一个新选项“全局应用”。

    您将在块设置的“高级”选项卡下找到此选项。

    • 在 WordPress 6.2 测试版之前
    在 WordPress 6.2 BETA 之前缺少阻止设置中的应用全局选项
    在 WordPress 6.2 BETA 之前缺少阻止设置中的应用全局选项
    • WordPress 6.2 测试版之后
    在 WordPress 6.2 BETA 的阻止设置中应用全局选项
    在 WordPress 6.2 BETA 的阻止设置中应用全局选项

    单击“全局应用”后,它会将此块的样式设置应用到整个站点。

    模板部件和可重复使用块的颜色代码

    模板部件和可重复使用的块是使用一个或多个块构建的,这些可以在不同的页面/帖子/模板上再次使用。

    为了轻松地将它们与其他块区分开来,分配了一个新的颜色代码,该代码将在列表视图、块工具栏和画布中可见。

    • 列表显示
    WordPress 6.2 BETA 列表视图中可重用块和模板部分的新颜色代码
    WordPress 6.2 BETA 列表视图中可重用块和模板部分的新颜色代码
    • 块工具栏
    WordPress 6.2 BETA 块工具栏中可重用块和模板部分的新颜色代码
    WordPress 6.2 BETA 块工具栏中可重用块和模板部分的新颜色代码
    • 画布
    WordPress 6.2 BETA 画布上可重用块和模板部分的新颜色代码
    WordPress 6.2 BETA 画布上可重用块和模板部分的新颜色代码

    重要的是要知道,当您将指针悬停在模板部件和可重复使用的块上时,此颜色代码是可见的。

    在对模板部分和可重用块进行着色后,我们要讨论的下一个变化是导航块

    用户界面的改进

    您将在导航块中遇到的第一个变化是其界面。

    直到现在,当您过去添加此块时,它以选择菜单或开始空白或具有默认页面列表块的选项开始。

    WordPress 6.2 BETA 之前的默认导航块
    WordPress 6.2 BETA 之前的默认导航块

    要选择/添加/管理菜单,该选项作为下拉菜单位于导航块侧栏上。

    菜单在 WordPress 6.2 BETA 之前的导航块设置中下拉
    菜单在 WordPress 6.2 BETA 之前的导航块设置中下拉

    这在 WordPress 6.2 BETA 中已更改,现在当您添加导航块时,它开始为空。

    WordPress 6.2 BETA 中的默认导航块
    WordPress 6.2 BETA 中的默认导航块

    选择/添加/管理菜单的选项位于侧边栏中,为此您必须单击省略号菜单。

    WordPress 6.2 BETA 后侧边栏导航块设置中的菜单管理选项
    WordPress 6.2 BETA 后侧边栏导航块设置中的菜单管理选项

    基于列表的编辑

    现在,当涉及到添加菜单项和管理它们时,您所要做的就是单击菜单上的 + 图标

    • 导航块占位符
    在 WordPress 6.2 BETA 中通过导航块占位符添加菜单项
    在 WordPress 6.2 BETA 中通过导航块占位符添加菜单项
    • 导航块侧边栏
    在 WordPress 6.2 BETA 中通过导航块侧边栏添加菜单项
    在 WordPress 6.2 BETA 中通过导航块侧边栏添加菜单项
    • 在浏览模式下导航
    在 WordPress 6.2 BETA 中通过浏览模式导航添加菜单项
    在 WordPress 6.2 BETA 中通过浏览模式导航添加菜单项

    继续重新排列菜单项,您所要做的就是将项目拖放到侧边栏或浏览模式中。

    在 WordPress 6.2 BETA 之后重新排列导航中的菜单项
    在 WordPress 6.2 BETA 之后重新排列导航中的菜单项

    就管理菜单项而言,您需要将指针悬停在菜单项上,它会显示省略号菜单。

    侧边栏中的省略号菜单将包含用于删除和添加子菜单项的选项。

    在 WordPress 6.2 BETA 中管理菜单项
    在 WordPress 6.2 BETA 中管理菜单项

    在浏览模式下,它会显示您在块的省略号菜单中找到的选项。

    WordPress 6.2(测试版)的新功能和改进 - Rearranging Menu Items In Navigation After WordPress 6 2 Beta
    Rearranging Menu Items In Navigation After WordPress 6 2 Beta

    WordPress 6.2 BETA 中的样板

    如果您阅读了我们关于WordPress 6.1 BETA和WordPress 6.0 BETA的文章,那么您一定熟悉这样一个事实,即样板(Patterns)是一项定期接收更新的功能。

    延续这一趋势,在 WordPress 6.2 BETA 中,模式得到了一些改进。

    块插入器中的更新界面

    如果您一直在 WordPress 中使用样板,那么您一定会注意到顶部有一个包含所有类别的下拉菜单。

    WordPress 6.2 BETA 之前的模式类别下拉
    WordPress 6.2 BETA 之前的模式类别下拉

    您可以选择任何类别,它会向您显示相关的样板。

    该界面已经过改进,您现在首先看到的是样板类别。

    WordPress 6.2 BETA 后块插入器中的新模式界面
    WordPress 6.2 BETA 后块插入器中的新模式界面

    单击其中任何一个,它将在新的扩展窗格中显示所有样板。

    WordPress 6.2 BETA 后在新窗格中显示模式
    WordPress 6.2 BETA 后在新窗格中显示模式

    从这里您可以根据需要拖放和自定义样板。

    在我们继续之前,重要的是要知道 Explore all patterns 或只是 Explore 按钮已移至 WordPress 6.2 BETA 的底部。

    • 在 WordPress 6.2 测试版之前
    WordPress 6.2 BETA 之前的模式中的探索按钮
    WordPress 6.2 BETA 之前的模式中的探索按钮
    • WordPress 6.2 测试版之后
    探索 WordPress 6.2 BETA 之后块插入器中的所有模式按钮
    探索 WordPress 6.2 BETA 之后块插入器中的所有模式按钮

    更多分类

    当我们讨论样板类别的主题时,一个名为 Banner 的新类别已添加到列表中。

    WordPress 6.2 BETA 后的新横幅模式类别
    WordPress 6.2 BETA 后的新横幅模式类别

    WordPress 6.2 测试版中的媒体

    从 Patterns 继续,一个名为 Media 的新选项卡已添加到块插入器中。

    单击此按钮后,它将显示 2 个选项

    • 图片
    • Openverse
    WordPress 6.2 BETA 块插入器中的新媒体选项卡
    WordPress 6.2 BETA 块插入器中的新媒体选项卡

    在本节中,我们将简要介绍这些选项。

    图片

    在构建网站或创建页面或帖子时,图像起着至关重要的作用。

    您可以轻松地在 WordPress 媒体库中上传图像,然后使用图像或任何媒体块添加到页面或帖子。

    直到现在,还没有可用的选项来使用块插入器从媒体库添加图像。

    WordPress 6.2 BETA 之前的块插入器
    WordPress 6.2 BETA 之前的块插入器

    这在 WordPress 6.2 BETA 中已经改变。

    现在,当您在块插入器中单击“媒体”下的“图像”时,它将在新窗格中显示您在 WordPress 媒体库中上传的所有图像。

    WordPress 6.2 BETA 中块插入器中来自媒体库的图像
    WordPress 6.2 BETA 中块插入器中来自媒体库的图像

    您可以在此处使用顶部的搜索框搜索图像。

    WordPress 6.2 BETA 块插入器中的图像搜索框
    WordPress 6.2 BETA 块插入器中的图像搜索框

    一旦找到,您只需将图像拖放到画布上即可。

    重要的是要知道您将无法将这些图像拖放到媒体块上。

    例如,如果您想使用此功能将图像添加到封面块,那么到目前为止这是不可能的。

    记住这一点,如果你想从块插入器打开媒体库,那么这样做的选项就在最底部。

    在 WordPress 6.2 BETA 中使用 Block Inserter 打开媒体库
    在 WordPress 6.2 BETA 中使用 Block Inserter 打开媒体库

    总而言之,这是一个可喜的变化,并将改进工作流程。

    集成 Openverse

    在我们进一步了解 WordPress 6.2 BETA 中的 Openverse 集成之前,让我们先了解它到底是什么。

    Openverse 是一个开源搜索引擎,用于作为 WordPress 项目的一部分开发的公开许可媒体。

    它拥有一个包含超过 6 亿个创意的庞大库,其中包括库存照片、图像和音频。

    最好的部分是所有这些都是免费使用的。

    请牢记这一点,在 WordPress 6.2 BETA 中,Openverse 已添加到块插入器中。

    您会在“媒体”选项卡下找到它。

    WordPress 6.2 BETA 块插入器中的 Openverse 选项
    WordPress 6.2 BETA 块插入器中的 Openverse 选项

    单击 Openverse 时,它​​将在新窗格中显示所有图像,您可以将它们拖放到画布上。

    WordPress 6.2 BETA 块插入器中的 Openverse 图像
    WordPress 6.2 BETA 块插入器中的 Openverse 图像

    重要的是要知道您将无法在媒体库中找到这些图像,因为它们是从 URL 插入的。

    在 WordPress 6.2 BETA 中使用 URL 上传的 Openverse 图像
    在 WordPress 6.2 BETA 中使用 URL 上传的 Openverse 图像

    除此之外,为了让您更轻松,顶部有一个搜索框,您可以使用它来搜索 Openverse。

    在 WordPress 6.2 BETA 的 Block Inserter 中搜索 Openverse
    在 WordPress 6.2 BETA 的 Block Inserter 中搜索 Openverse

    块编辑器中的无干扰模式

    如果您一直在使用 WordPress 块编辑器在 WordPress 中创建页面和帖子,那么您一定熟悉这样一个事实,即您可以选择不同的模式。

    你会在右上角的块编辑器省略号菜单中找到这些。

    WordPress 6.2 BETA 之前的块编辑器中缺少无干扰模式
    WordPress 6.2 BETA 之前的块编辑器中缺少无干扰模式

    你可以看到,直到现在 WordPress 编辑器

    • 聚光灯模式
    • 全屏模式

    在 WordPress 6.2 BETA 中,一种称为 Distraction Free 的新模式已添加到此列表中。

    WordPress 6.2 BETA 块编辑器中的无干扰模式
    WordPress 6.2 BETA 块编辑器中的无干扰模式

    在选择这种模式时,它

    • 隐藏顶部工具栏,它只出现在悬停时。
    • 删除一些顶部工具栏按钮
    • 关闭任何侧边栏
    • 隐藏块工具栏
    WordPress 6.2 BETA 块编辑器中的无干扰模式处于活动状态
    WordPress 6.2 BETA 块编辑器中的无干扰模式处于活动状态

    WordPress 6.2 BETA 中的拆分块工具

    从无干扰模式继续,我们要讨论的下一个变化是将块工具拆分为设置和样式。

    到现在用区块的时候,所有的设置都在侧边栏,基本没有分类。

    WordPress 6.2 BETA 之前的阻止工具
    WordPress 6.2 BETA 之前的阻止工具

    这在 WordPress 6.2 BETA 中有所更改,在某些块中,您会发现它在侧边栏中拆分并归类为设置和样式。

    阻止工具在 WordPress 6.2 BETA 中拆分
    阻止工具在 WordPress 6.2 BETA 中拆分

    设置将包含块的一般设置,在样式下,您将找到更改/设置颜色、排版等的选项。

    从经典主题导入小工具

    在浏览网页时,您一定遇到过带有侧边栏的网站。

    在经典主题中,这些区域被称为小工具区域,这些区域是使用块构建的,直到您在 WordPress 中禁用块小工具。

    WordPress 6.2 BETA 经典主题中的小部件
    WordPress 6.2 BETA 经典主题中的小部件

    重要的是要知道,直到现在还没有办法在从经典迁移时导入小工具到区块主题。

    然而,这在 WordPress 6.2 BETA 中有所改变,现在您可以在站点编辑器中添加一个新的模板部件,在块设置的高级下,您将找到导入小工具区域的选项。

    WordPress 6.2 BETA 模板部件中的导入小部件区域选项
    WordPress 6.2 BETA 模板部件中的导入小部件区域选项

    在这里,您必须从下拉列表中选择小工具区域,然后单击导入。

    在 WordPress 6.2 BETA 的模板部分导入小部件区域
    在 WordPress 6.2 BETA 的模板部分导入小部件区域

    单击“导入”后,它将在 WordPress 6.2 BETA 的站点编辑器中将其作为模板部分导入。

    在 WordPress 6.2 BETA 中作为模板部件导入的小部件区域
    在 WordPress 6.2 BETA 中作为模板部件导入的小部件区域

    正如您在上面的屏幕截图中看到的,成功导入后,可以在模板部件下的浏览模式中找到这些部件。

    WordPress 6.2 发布时间表

    • 2023 年 2 月 7 日- Beta 1
    • 2023 年 2 月 14 日- Beta 2
    • 2023 年 2 月 21 日- Beta 3
    • 2023 年 2 月 28 日- Beta 4
    • 2023 年 3 月 7 日 – 候选版本 1
    • 2023 年 3 月 14 日 – 候选版本 2
    • 2023 年 3 月 21 日-发布候选版本 3
    • 2023 年 3 月 27 日-试运行
    • 2023 年 3 月 28 日-稳定的 WordPress 6.2

    从 6.1 更新到 WordPress 6.2

    现在您已经熟悉了 WordPress 6.2 BETA,我们接下来要讨论的主题是如何轻松更新到 WordPress 6.2。

    第一步是对您的 WordPress 网站进行完整备份,您可以使用BackupBuddy或UpdraftPlus这类备份插件。

    完成备份后,下一步是单击 WordPress 管理侧栏中仪表板下的更新。

    它将显示 WordPress 6.2 更新是否可用于安装。

    如果是,那么您需要单击更新到 WordPress 6.2,它将下载并安装。

    此过程可能需要几分钟时间。

    就是这样,您已成功将您的网站更新到最新版本的 WordPress。

    好了,希望本文对您有所帮助,并且您现在已经熟悉了WordPress 6.2(测试版)中的新功能

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