古腾堡编辑器教程:如何使用WordPress组区块

使用区块编辑器将单个元素添加到您的文章或页面很简单。但是,如果您打算在整个网站中使用类似的区块,则将它们放在一起并将它们保存为模板是有意义的。一旦你掌握了组区块,这样做就变得简单了。在这篇文章中,我们将谈论哪些组区块原理,以及如何将它添加到您的文章和网页。我们还将向您展示如何配置其设置,并讨论有关分组元素的一些提示和最佳实践。添加此区块很简单,但需要的过程与您将用于其他区块的

wordpress-group-block.pngo_

使用区块编辑器将单个元素添加到您的文章或页面很简单。但是,如果您打算在整个网站中使用类似的区块,则将它们放在一起并将它们保存为模板是有意义的。一旦你掌握了组区块,这样做就变得简单了。

在这篇文章中,我们将谈论哪些组区块原理,以及如何将它添加到您的文章和网页。我们还将向您展示如何配置其设置,并讨论有关分组元素的一些提示和最佳实践。

添加此区块很简单,但需要的过程与您将用于其他区块的过程不同。首先,打开您要处理的文章或页面,选择添加新区块,然后选择“组”?选项:

add-group-block.pngo_

放置此区块时,将出现一个新部分,包括添加多个元素的选项。请注意,现在有两个用于添加区块的按钮。如果您使用第一个,您将在集合中添加一个项目。第二个按钮将在组区块之后?添加新模块:

add-block-to-group.pngo_

您可以在组区块中插入多个任何类型的元素。在我们的示例中,我们添加了三个表块。乍一看,可能不清楚该组中包含哪些元素。为避免混淆,您可以单击块编辑器主菜单中的列表视图?按钮:

list-view-group.pngo_

 

这是将组区块添加到文章和页面的第一种方法。另一种方法是在组中添加您想要的所有区块,然后在编辑器中选择它们。如果您选择多个元素,块编辑器将为您提供链接它们的选项:

transform-blocks-group.pngo_

一旦您的块准备就绪,请记住您可以将特定分组保存为模板或可重复使用的区块。我们将在下一节中向您展示如何做到这一点。

由于组区块可以包含多个不同的元素,因此您可能会看到多个格式菜单。本节将向您展示如何使用此区块的可自定义选项和常规设置。

如果将多个表格放在一起,则可以选择每个表格区块并访问其格式设置和选项:

table-group-block.pngo_

如果您选择整个组区块,您可以查看不同的、更直接的格式菜单。以下是它包含的选项:

  1. 将区块转换为栏目
  2. 使用拖放功能移动区块,或向上或向下移动元素的位置
  3. 修改区块的宽度
  4. 其他选项,包括分解集合或将其保存为可重复使用的区块

让我们看看在组区块的格式菜单中在哪里可以找到每个设置?:

group-formatting-options.pngo_

这里的大多数选项都相对简单。您可能会花更多时间调整集合中各个区块的格式。这里的两个突出设置是将组区块保存为可重用元素 (1) 或将其分解 (2) 的选项:

ungroup-save-block.pngo_

如果您选择取消组,则块将分成单独的元素。将添加到可重复使用的区块选项将让您保存独特的分组和它的设置,这样你就可以在其他的文章或网页重用它:

creating-reusable-block.pngo_

保存块后,当您向任何文章或页面添加新元素时,它会显示在“可重用”?选项卡下:

adding-reusable-block.pngo_

您可以将可重复使用的区块添加到WordPress中的任何页面或文章。但是,您可能需要更改元素的一些样式设置以使其适合。

每个WordPress区块都带有各种设置,您可以通过单击区块编辑器主菜单右上角的齿轮图标来访问这些设置。

组区块是改变你的设定(1)风格的街区,提供设置,修改它的颜色(2),和边框与内部元件(3)之间添加填充物:

group-block-settings.pngo_

组区块,您可以两种风格之间进行选择:有边框或者无边框。如果您选择“边框”?选项,它将在内部组件周围添加一个边框。但是,设置菜单不允许您更改边缘的样式或颜色:

group-block-border.pngo_

继续,您可以为文本、背景和区块内的链接设置新颜色。但是,请记住,每个内部元素的单独设置将覆盖这些全局选项:

group-block-colors.pngo_

然后,您可以单击“间距”?选项卡来更改区块边框与其内部元素之间的填充。为此,您需要以像素为单位指定距离:

padding-group-block.pngo_

一旦您对区块的配置和样式感到满意,您就可以转到该文章或页面中的其他元素。

您可以使用组区块来链接您想要的任何元素。但是,我们建议您仅在有令人信服的理由时才将项目分组。使用此?块的一些重要原因包括:

  1. 自定义一组具有相似设置的区块。
  2. 在文章或页面布局中移动选定的区块,同时将它们保持在一起
  3. 保存一组区块以便稍后在另一个文章或页面上重用它们。

如果您改变了将一组区块链接在一起的想法,请记住,您始终可以将它们分开,并且不会影响它们的单独设置。一旦您熟悉了区块编辑器,您就可以创建华丽而复杂的元素,您可以在整个网站中重复使用这些元素。

到目前为止,您几乎了解了有关WordPress组区块的所有信息。最后,我们汇总了有关此元素的最常见问题的集合,以确保您不会遗漏任何关键细节。

使用组区块,您可以链接任何WordPress的区块。因此,您可以使用它来组合包含多个元素的复杂设计。

区块编辑器使您可以访问包含您正在处理的整个组区块的“全局”选项?。此外,您仍然可以访问集合中每个元素的格式设置和样式设置。

您可以将大多数块保存为区块编辑器中的可重用元素。但是,组区块使您能够将整组区块组件保存为单个可重复使用的项目。

组区块的WordPress的区块编辑器中最有趣的功能之一。它使您可以将它们链接在一起并同时自定义它们,而不是单独处理区块。

您可以将组区块保存为可重复使用的元素,您可以将这些元素添加到整个站点中,如果要使用单个组件,则可以拆分等等。考虑到WordPress区块编辑器使您能够对任何类型和数量的区块进行分组,因此您几乎无法使用此功能。

本文内容来源于公开网络,出于传递信息之目的整理发布。原文版权归原作者所有,若涉及侵权请先提供版权后联系我们删除

(0)
WP之家WP之家
上一篇 2025年3月13日 下午4:44
下一篇 2025年3月13日 下午4:45

相关推荐

  • 增强WordPress网站安全性(7个步骤为您的WordPress安全防线保驾护航)

    1、安装wordpress安全插件,这里推荐的是All In One WP Security,这个比较鼎鼎有名的号称是全方位最好的 WordPress 安全插件,其实功能还是比较强大,我们可以利用他来提高自身网站的安全性,比如屏蔽恶意ip,比如…

    2025年3月19日
  • 如何从Drupal迁移到WordPress

    Drupal是可用的最好的内容管理系统(CMS)之一。它是高度可扩展且安全的软件。然而,使用Drupal创建时尚、现代的网站并不容易。如果这是您的经验,那么从Drupal迁移到WordPress可能就是答案。WordPress提供了许多与Dru

    2025年3月13日
  • 如何配置WordPress常规设置

    WordPress的灵活性有时意味着它的设置可能会让人不知所措。常规设置页面尤其如此,里面有一长串看似无关的选项。不过,这里的功能比乍看起来要简单得多。在本文中,我们将介绍WordPress常规设置页面上的可用选项,并告诉您如何配置每个选项以获得最佳效果。WordPress常规设置简介如何配置WordPress常规设置小结WordPress中

    2025年3月13日
  • 如何实现WordPress和WooCommerce文章重新排序

    默认情况下,WordPress按时间倒序(从最新到最旧)对文章进行排序,或者更确切地说是按发布日期排序。这适用于大多数发布商,但在某些情况下您可能需要对它们重新排序。也许您有需要重新排列的自定义文章类型或希望出现在购物页面顶部的WooC

    2025年3月13日
  • 最佳WordPress摘录长度及相关插件

    如果您是WordPress用户,您已经知道主题和WordPress核心自动化了许多决定内容显示方式的功能。一个常见的例子是页面如何显示文章的摘要。但是您知道您可以自定义WordPress摘要长度吗?本教程将解释如何做到这一点!WordPress中的摘要是什么?如何更改摘要长度?手动更改WordPress摘要长度使用插件更改WordPress摘要长度摘

    2025年3月13日
  • 如何为您的WordPress网站创建隐私政策

    用户隐私应该是大多数企业的首要关注点。毕竟,给你带来收入和流量的是用户。因此,许多(如果不是全部)公司创建了隐私政策来概述他们如何保护用户数据。幸运的是,有很多工具可用于创建和实施隐私政策。更重要的是,甚至还有一种在WordPress中创建隐私政策的快速方法。在这篇文章中,我们将讨论什么是隐私政策,以及它为何如此重要。您还将了解如何决定是否需要政策,以及需要考虑的一些关键

    2025年3月13日
  • 如何为WordPress网站添加Stripe捐赠按钮

    想要在您的WordPress网站添加Stripe捐赠按钮吗?Stripe使接受信用卡付款变得容易,这是访问者向您的网站捐款的便捷方式。虽然有很多功能更齐全的捐赠插件,但我们将在这篇文章中专注于创建一个非常简单的Stripe捐赠按钮。为此,我们将分享两个不同免费插件的教程:WPSimplePay:如果你想提供固定的捐款金

    2025年3月13日
  • WordPress 6.7 翻译加载问题解决教程:避免过早调用 load_plugin_textdomain()

    在 WordPress 6.7 版本中,新增了一项严格的翻译加载检查机制。此机制会在插件或主题尝试在错误的时机加载翻译时抛出 PHP 通知,提示开发者进行修正。常见的错误之一就是在 init 钩子之前调用 load_plugin_textdoma…

    2025年3月19日