古腾堡

WordPress嵌入区块支持将WordPress文章作为卡片的形式嵌入到您的文章或页面中。嵌入的文章将有自己的布局，并位于您的内容中，无论您选择何处。如果您要在自己的博客文章中间添加一个嵌入区块，它将如下所示： 在您的内容中嵌入WordPress文章有几个不同的原因。例如，假设您正在撰写一篇博文，并且想要嵌入另一位博主所写的博文。也许它会为您的文章添加重要信息，您的读者会发现有趣而无需您对其进行解释。或者，也许您正在评论或批评他人的作品，并且想要嵌入您正在谈论的文章。 在本文中，我们将讨论如何将WordPress嵌入区块添加到您的文章或页面、您可以使用的不同选项、充分利用嵌入功能的最佳实践以及使该过程万无一失的常见问题解答尽可能。 请注意，您只能选择要嵌入的公开文章。 如何将WordPress嵌入区块添加到文章或页面 以下是在文章或页面上嵌入WordPress文章的方法： 步骤1：找到文章的网址 转到您要嵌入的WordPress文章，从搜索栏中复制链接。 步骤2：打开或创建文章或页面 要更改已经发布的文章或网页，点击文章或页面的左侧栏，然后选择要编辑的文章或页面。 要添加新文章或页面，请点按边栏中的相关选项，然后选择该选项下方或页面顶部的“新增”。 步骤3：将WordPress区块添加到文章或页面 如果您使用的是Gutenberg（WordPress古腾堡区块编辑器），请单击空白区域并单击加号图标。在搜索块栏中，输入“WordPress”，选择显示的WordPress区块。 接下来，将显示一个窗口，您可以在其中粘贴之前复制的链接。粘贴链接，然后单击嵌入按钮。 这是文章嵌入后的样子： 如果您使用的是经典编辑器，则只需将WordPress文章中的链接复制并粘贴到文章或页面中。（您也可以在Gutenberg中执行此操作。）这是添加后的样子： 有时，无法嵌入链接。如果是这种情况，您会看到一条消息，内容为“抱歉，无法嵌入此内容。” 要重试，您可以单击窗口底部的转换为链接按钮。如果仍然无效，您必须输入不同的URL并点击重试。 WordPress嵌入区块设置和选项 嵌入区块将在顶部有一个带有六个选项的工具栏。从左到右，这些选项是： 更改块类型或样式 拖动 向上或向下移动 更改对齐方式 修改网址 更多选项 在我们深入了解每个人的功能之前，请注意这些设置仅在您使用古腾堡区块编辑器时才可用。在经典编辑器中，您可以对嵌入的文章进行的唯一更改（除了删除它）是更新URL： 更改区块类型或样式 单击更改区块类型或样式选项可以将块转换为列、组或段落。将鼠标悬停在其中一个选项上会显示它的外观： （1）栏目 栏目选项，您可以添加多个列，然后添加区块那些列。 您可以选择默认样式，这意味着内容将适当地间隔开，或者选择重叠选项，其中一列将与另一列略微重叠（例如，您可能希望对照片执行此操作）。 您也可以使用颜色选项来更改文本、背景或链接颜色。 （2）组 组选项，可以将不同的区块组合一起。下图是默认布局，如果您选择边框，它会在区块周围添加边框并使内容更小。 您在此处具有与栏目区块样式相同的颜色选项。您还可以使用填充来调整区块之间的间距。 （3）段落 您不会想要选择段落选项，因为它会去除图像和文本，只留下URL： 拖动 当您将鼠标悬停在拖动选项上时，您的光标会变成一只手，您可以将区块拖动到您想要放置的任何位置。当你四处移动方块时，它会变成一个小黑盒子。 向上或向下移动 单击向上或向下箭头将相应地移动区块。如果您位于页面顶部，则不会有向上选项，如果您已经位于页面底部，则不会有向下选项。 更改对齐方式 有五个对齐选项可供选择： 居左对齐 居中对齐 居右对齐 宽幅 全幅 如果您选择居左对齐或居右对齐，内容将相应移动并缩小尺寸。选择其他三个选项中的任何一个都会使其更大，占据大部分页面宽度。 修改网址 如果您决定嵌入其他内容，则单击“编辑URL”选项可让您更改URL。 更多选项 在更多菜单有一些额外的选项和设置： 隐藏更多设置：这会隐藏页面右侧边栏上的文章和区块编辑器。 复制：这会将块复制到剪贴板，您可以进入另一个文章或页面（或当前文章/页面中的另一个区域）将其粘贴到那里。 […]

WordPress诗篇区块旨在以经过验证的格式显示文本。它在不更改换行符和空格的情况下显示文本。按Enter键开始下一行而不是开始一个新段落。它不适用于您的正常内容。相反，它是为诗歌、歌词或任何其他类型的文学表达而设计的。 了解如何使用诗篇区块可以帮助您正确设计内容的外观。在本教程中，我们将查看诗篇区块的设置和选项，查看如何使用它的最佳实践，并查看常见问题。 如何将诗篇区块添加到文章或页面 要将诗篇区块添加到您的页面和文章，请在您的内容中或页面左上角选择块图标，输入区块的名称，并在出现时选择它。 然后将诗篇区块添加到您的内容中，您可以在其中开始添加诗歌、歌词等。诗篇区块的默认样式将根据您使用的主题而有所不同。对于这些示例，我正在使用WordPress官方附带主题。 当您在字段中输入文本并按Enter键时，您将转到下一行。这与预格式区块而不是段落区块类似，后者在您按Enter时添加一个新段落。 它甚至会保留您在单词之间添加的任何额外空格。此示例显示已发布的文章，包含空格和换行符。 诗篇区块设置和选项 诗篇区块有两个带有设置和选项的区域。第一个是诗歌工具栏。第二个是右侧边栏中的诗篇区块选项。下面来看看两者。 诗篇区块工具栏 单击诗篇区块中的任意位置会打开其工具栏。 更改区块类型或样式 第一个设置将块更改为段落区块，更改列数，并让您分组。悬停会显示预览，以便您了解它的外观。 拖动或移动 拖动工具包括六个点。抓住这些点将块拖动到任何你想要的地方。或者，您可以单击箭头向上移动块或内容中的文本。 文本对齐 文本对齐选项包括左对齐、居中对齐和右对齐。这将移动文本在块内对齐的位置。 粗体和斜体 粗体和斜体设置适用于您选择选项时突出显示的文本。单独或一起使用它们，就像我在这个例子中所做的那样。 链接 链接设置允许您搜索或输入您突出显示的文本部分的 URL。 更多设置 更多设置链接会打开一个包含许多选项的下拉框。他们试图提供一个简单的例子来直观地展示它们的用途。 （1）内联代码 这将文本显示为代码。在此示例中，我已将第一行和第三行设置为代码格式。 （2）内嵌图像 内嵌图像打开媒体库，您可以在其中选择图像。图像内嵌添加到光标所在的位置。选择图像会打开一个下拉框，您可以在其中选择图像的宽度。 （3）键盘输入 键盘输入为您的内容添加键盘标签。这定义了键盘输入并以浏览器的默认等宽字体显示。 以下是在代码编辑器中查看文本时添加到文本中的标签。 （4）删除线 删除线会在您突出显示的文本中添加一行。 （5）下标 下标将您突出显示的文本格式化为下标。 （6）上标 上标将您突出显示的文本格式化为上标。 下标和上标一起使用可减小字体大小并使其水平居中。 （7）文字颜色 文本颜色可让您调整突出显示的文本的颜色。您可以从一些预先选择的颜色中进行选择，在颜色选择器工具上选择一种颜色，或者输入十六进制或 RBG 代码形式的值。 诗篇区块选项 诗篇区块选项包括： 隐藏更多设置– 这会隐藏右侧边栏，为您提供更干净的工作区。 复制– 复制诗篇区块，以便您可以将其粘贴到您想要的编辑器中的任何位置。 创建副本– 创建诗篇区块的副本并将其放置在原件下方。 在当前区块前插入– 在诗篇区块之前添加一个空格，您可以在其中放置另一个区块。 在当前区块前插入– 在诗篇区块之后添加一个空格，您可以在其中放置另一个区块。 移动到– […]

如果您曾经在Gutenberg区块编辑器中搜索过特定块，那么您已经看到了WordPress区块目录，甚至可能不知道它。在5.5版中引入并在WordPress 5.8中使用模式目录进行了增强，区块目录的工作方式与WordPress.org上的主题或插件存储库非常相似。不同之处在于它直接内置在编辑器本身中，以便于访问和安装单个区块。使用区块目录，您只需单击一下即可将新功能、设计、布局和自定义区块添加到文章和页面——所有这些都来自区块编辑器本身。 如何访问和搜索区块目录 在其基础上，区块目录是区块编辑器扩展和插件的存储库，您可以安装它们以增强您创建的内容。WordPress 5.8 的版本包括一个新的模式库作为区块目录的一部分。此库为您提供了前所未有的WordPress Core后端设计访问权限。在插件库中，您可以找到一系列启用区块的插件。但是编辑器本身的主区块目录是一个单区块插件列表，您可以立即安装和使用它们。 虽然您绝对可以独立进入主题和/或模式目录，但最大的吸引力在于您可以在Gutenberg区块编辑器本身中访问此内容。只需按+ 按钮添加一个块，然后开始搜索您需要的任何区块。如果您已经安装了该区块，它将显示在此处。 但是，如果您不这样做，则结果的下一部分来自区块目录。5.8之后，第一段结果会是patterns，最初只能选择区块样式。 在模式结果下面是特定的区块，您可以直接从可用安装标题下的侧边栏目录安装这些区块。 这些结果基于您用作搜索词的任何内容。在撰写本文时，区块目录本身的结果有些有限。但是，随着越来越多的人向目录添加自定义区块和模式，搜索结果将变得更加健壮。 如何从目录中添加新区块 只需单击一个区块即可安装它。此外，该区块会立即出现在您的文章中。这是一个非常有用且有点令人讨厌的功能，因为您无法单击区块目录条目来展开和阅读描述或查看评论。但是，您可以将鼠标悬停在某个条目上以查看一些详细信息，例如星级和评论数量。 以这种方式通过目录安装块实际上会安装并激活相关的WordPress插件。您可以在管理面板的典型位置插件–已安装的插件中找到它。由于区块目录指南，这些区块的唯一选项将在编辑器本身中。 如果您出于任何原因需要卸载区块插件，这与使用WordPress管理仪表盘停用和卸载任何其他插件相同。 如何将自定义区块添加到WordPress区块目录 如果您是设计师或开发人员，您可能希望在目录中显示您的模式和区块。像所有其他WordPress库一样，有一个专门的过程可以将您的区块包含在目录中。该过程相对简单，使用单一工具进行验证、上传和删除。 开发插件 第一步显然是创建自己的插件。确保您首先遵循WordPress.org 包含的所有插件指南。从根本上说，自定义区块仍然是插件。除了这些准则之外，您的插件还必须符合要考虑包含的特定于区块的准则。 请记住，如果您提交到目录，您的插件必须只包含一个块。如果您正在创建它们的套件，您将需要决定是将它们作为一个包包含在传统存储库中，还是将它们作为单独的块发布以包含在此处。 验证并发布您的插件 开发区块插件后，您需要对其进行验证。该区块插件检查是一个简单的工具，您可以上传一个 .zip文件的代码库文件或URL（从SVN，GitHub上，还是从插件库本身）。 如果检查器发现问题，您需要在发布之前解决这些问题。如果验证器返回一条没有发现问题的消息，您就可以实时推送它了。您将使用相同的工具来发布区块插件。 您还将使用相同的工具将其从目录中删除或在更新代码和功能时对其进行调整。 小结 这是新WordPress生态系统的隐藏宝石。作为用户，从编辑器内向内容添加单个外部区块是一个巨大的用户体验增强。作为创建者，区块目录为您提供了前所未有的用户访问权限。以前，他们必须通过库寻找插件。多亏了区块编辑器，您的创作——出于所有意图和目的——在他们搜索时寻找它们。希望用不了多久，更多的用户和开发人员就会意识到并使用这个神奇的工具。对于参与WordPress的每个人来说，它都是一个非常强大的工具。

WordPress的母公司Automattic已经发布了一些最著名的WP插件。WooCommerce、Jetpack、Akismet、BuddyPress、bbPress……等等。在列表中他们还增加了另一个强大的插件：活动区块插件。这是一个非常简单的解决方案，可以让您的用户知道您要做什么。 什么是活动区块？ 与WordPress 5.8的许多新区块不同，活动区块必须通过插件库手动安装，而不是编辑器本身的区块目录。 Automattic现代设计理念的精髓在这个插件中如火如荼。它简单、易于使用且时尚。只需导航到 管理面板中的插件并搜索或上传即可安装它。然后它将作为Event出现在您的插件列表中 。 该块本身允许您添加事件、时间和位置的描述，并将图片添加到显示给访问者的卡片中。此外，您还有特定于区块的选项和设置，您可以调整这些选项和设置，以使区块更适合您网站的设计和您正在显示的事件的外观。 如何将活动区块添加到文章或页面 安装插件后，将活动区块添加到您的页面就很容易了。在 WordPress区块编辑器中，只需按 + 按钮即可添加新区块。您可以在顶部工具栏中或任何空白区块的右侧找到此按钮。 将出现区块选择侧栏。如果您滚动浏览整组已安装的区块，您可以在小工具部分找到活动区块。您还可以搜索 Event 以查找该区块。（请注意，搜索Event不会拉起区块。） 每个区块为单个事件/活动显示一张卡片。如果您打算使用它来显示一个节日或一系列活动（例如连续播放多天的戏剧的放映时间），您将需要在描述中包含该信息或为每个单独的节目创建多张卡片。 活动区块设置和选项 正如我们上面所说，一个不包括在内的选项是能够展示一系列事件。从技术上讲，无法展示一系列日期。话虽如此，让我们看看到底活动区块插件可以做什么。 要设置事件的日期，只需单击“选择日期（Choose a Date）”按钮。将出现一个弹出式日历，您可以在其中选择事件/活动发生的日期和时间。如果您不选择时间，则默认为您选择日期的时间。然后日期将替换按钮并出现在区块的左上角。 其他字段—— title、location和description —— 只是您在其中键入相关信息的文本框。它们本质上是不言自明的。 但是，此卡的一个主要缺点是位置不可点击。要将它们链接到地图，您需要使用块或其他方法将其单独包含在文章中。默认情况下，电话号码可在移动设备上点击。 我们应该注意，您可以超链接描述或位置框中的任何文本。这意味着，如果您转到Google地图并输入事件的位置，则可以获取该搜索的URL，并根据需要使用位置文本创建超链接。这不是一个理想的解决方案，但也许是您在不添加其他插件的情况下拥有的最好的解决方案。 该事件/活动图像本质上是一个图像区块放置在活动区块的侧面。它将拉伸以适应区块。您可以通过将蓝色圆圈定位在焦点选取器标题下，将块设置中图像的焦点向右调整 。 下面是颜色设置部分。您可以使用这些来调整区块的外观，为整个区块设置背景和文本颜色。 幸运的是，编辑器会警告那些对颜色组合不甚了解的人，并且会在您选择的组合难以阅读时发出警告。 也许活动区块的最佳选择是您可以向其中添加子区块。只需在描述后按回车/返回，您将获得另一个 + 按钮，就像在基本编辑器中一样。从这里，您可以在事件本身内添加任意数量的其他区块。甚至其他事件。 活动区块中的每个单独元素都可以单独调整。您可以将新创建​​的事件块视为您正在处理的文章或页面的较小内容区域。每个子事件都可以有自己的设计和图像，以及每个段落区块或其他任何内容。根据您选择的区块，块的选项将全部显示在区块选项侧栏中的右侧。 活动区块插件的最后一个选项是您决定将事件本身显示为居中对齐的元素还是拉伸内容区域的宽度。 在上下文菜单中，对齐图标可让您选择其中之一。无论您选择哪个，您在其中创建的任何子区块都会自行调整以适应更改。图像仍将聚焦在您指示的位置，但如果宽度允许，它们将扩展并显示更多基本图像。 有效使用活动区块的提示和最佳实践 活动区块插件简单而强大，你可以用它做很多事情。这里有一些提示，可确保您在客人中脱颖而出。 1. 使用颜色 不要让颜色选项浪费在事件块上。利用能够调整设计的优势，以便您可以补充您的页面设计以及事件/活动内和同一页面上的其他区块。 如果您在活动区块本身中使用区块，请确保将它们的样式设置为从其容器中脱颖而出，以便您的用户更有可能注意到它们。 2. 使用适当大小的图像 真的，图像可以成就或破坏一个事件。如果您的活动看起来不令人兴奋或不吸引人，人们就不太可能想要参加。确保您使用能够以各种尺寸和形状呈现您的活动的高质量图像。由于图像具有响应性并根据它们拥有的空间调整它们的位置，因此可以设置没有特别的颗粒状照片。 始终测试您的图像以确保它们在多个方面都能很好地显示。 3.利用子块的优势 不要害怕在活动本身中添加免费区块。当然，您可以在页面内容中添加一些内容，但是如果您想保证看到该信息，将其嵌入到活动区块中是最好的方法。 例如，您可以在事件中使用Divi区块来使用地图模块，因为WordPress中没有一个默认值，并且活动区块默认不呈现可点击的地址。（同样请记住，如果您愿意，您可以使用超链接将Google地图URL粘贴到该位置。） 4. 试验Patterns选项卡 WordPress 5.8向编辑器引入了Patterns选项卡。结合Event Block插件，你可以不费吹灰之力就做出一些非常赏心悦目的页面设计。 在任何可以添加区块的情况下，您都可以选择左侧边栏中的“模式”选项卡。选择一个会将其添加到您的模板中，您可以从那里开始。在上图中，我们只是在模式放入的每一列的底部添加了一个事件块，并在默认页面列中添加了一个。因为古腾堡编辑器允许在任何地方进行调整，您也可以尝试创建自己的模式。这样，您的活动就不会在标准网格或列表中丢失。 小结 起初，活动区块插件可能并不健壮。但是通过一些周到的设计和浏览选项，您可以用一个来修饰任何页面。有了各种可用的子区块以及在其中嵌套其他事件的能力，活动区块肯定会增强几乎任何类型的站点。无论是面对面的活动、虚拟活动，还是只是一个重要公告的占位符，这个插件可能是最简单的方法。

列表看似简单，但却是强大的工具。列表使您能够以一种比长而无休止的段落以更易于阅读的方式共享信息。它们使您能够切入正题并为用户提供他们正在寻找的确切信息。换句话说，列表是您可以使用的最强大的工具之一来构建引人入胜的内容。 创建列表很容易，如果您使用WordPress，您将可以访问专用的列表区块，该区块使您能够以多种方式自定义此元素。在本教程中，我们将讨论列表区块，解释它的工作原理，并介绍一些提示以帮助您创建更好的列表。 如何将列表区块添加到文章或页面 在WordPress中添加块是一项简单的任务。转到要添加列表区块的任何文章或页面，然后使用“浏览所有” 选项或搜索栏找到它： 选择列表区块后，您将能够开始处理新列表。该过程的下一部分很简单。您可以在无序（项目符号）或有序（编号）列表之间进行选择，然后开始添加条目，直到您满意为止： 正如您在上面的菜单中看到的那样， 列表区块包括广泛的其他设置。让我们看看这些选项是什么。 列表区块设置和选项 使用区块编辑器添加的任何元素都有两组选项。如果将鼠标悬停在任何块上，将显示一个菜单，其中通常包含基本格式选项。如果您单击屏幕右上角的齿轮图标，您还可以访问特定于区块的设置菜单： 让我们先回顾一下鼠标悬停在列表区块上时出现的快速设置访问菜单 。从菜单的左端开始，您可以访问以下设置： 更改您正在使用的区块类型 将方块向上或向下移动一个点 在无序列表和有序列表之间进行选择 在列表条目中添加或删除缩进 加粗、斜体或添加指向部分文本的链接 这是一个快速备忘单，显示了与这些选项对应的菜单项： 向列表区块添加格式的工作与任何其他基于文本的元素非常相似。您可以将特定条目或什至只是其中的一部分加粗或斜体，这同样适用于链接。 您还会注意到此菜单最右侧的一个附加选项。向下箭头包括更高级的格式选项，例如添加内联代码、图像、“删除线文本”、文本颜色等： 请注意，虽然可以将图像添加到列表区块，但结果往往看起来很尴尬（最好使用专用的图片区块）： 继续，一旦您打开屏幕右侧的 “设置” 菜单，您就可以访问更高级的配置选项。在那里您可以更改整个列表的字体大小，以及选择文本和背景颜色： 请记住，字体大小和颜色设置适用于整个列表，而不是单个条目。如果您想进一步自定义列表的样式，则需要使用CSS 类和HTML锚点。为此，请打开块 设置菜单下的高级选项卡（它位于字体大小和颜色选项的正下方）： 这涵盖了如何在WordPress中使用列表区块的所有基础知识 。然而，创建引人入胜的列表不仅仅是基本的格式和样式。让我们来谈谈如何确保您的清单顺利进行。 有效使用列表区块的提示和最佳实践 您可以使用许多提示和技巧来创建更具吸引力的列表。由于我们有很多使用列表区块的经验，我们将使用我们自己的列表分享一些我们最喜欢的技巧。以下是在WordPress中处理列表时要记住的事项： 每当您需要共享可以分解为易于阅读的点的关键信息时，请使用列表。 避免将图像添加到您的列表中，因为它们可以将注意力从单个条目上移开并破坏格式。 不要以相同的词开始列表中的每个条目，这样行就不会混合在一起。 对列表中的每个条目使用一致的样式和格式。 如果列表持续时间过长，用户可能会开始忽略其中的某些条目。为了清楚起见，您可以对需要对每个项目进行额外解释的列表使用以下样式： 突出显示条目的开头。 通过突出显示初始短语或句子，您可以为每个列表项指定自己的标题，然后使用常规文本扩展该点。 列表太棒了。没有什么比一个很好的清单更能说明问题的了。 尽管列表可能非常有效，但重要的是不要过度使用它们。如果您正在处理包含大量内容的文章或页面，则文本、图像、列表、表格和其他类型的元素之间应该保持健康的平衡。这种多样性将使游客保持参与。另外，它将确保当您使用列表时，读者会注意它。 关于列表区块的常见问题 到目前为止，您几乎了解了有关WordPress列表区块以及如何使用它的所有信息。但是，让我们回顾一下有关此块的一些最常见问题，以确保您不会错过任何关键信息。 在哪里可以找到WordPress列表区块？ 当您向页面或文章添加新元素时，您可以使用搜索功能或浏览全部 选项找到列表区块 。请记住，还有其他区块包含“列表”一词，例如文章列表和页面列表。 但是，这些区块提供了一组完全不同的功能。 页面列表和文章列表区块有何作用？ 您可能已经注意到WordPress中有不止一种类型的“列表”区块。页面 和文章列表区块是什么所谓的“Theme Building”区块。它们的使用方式与我们在本文中介绍的标准列表区块非常不同。无论您将它们放置在何处，它们都会添加您网站页面和文章的列表作为元素。与大多数其他区块不同，这两个区块不包含任何格式或样式选项。 传统上，大多数用户将页面列表 和文章列表区块添加到侧边栏或页脚小工具。这样，您可以将访问者引导至他们可能认为相关的网站其他部分。但是，这两个元素都与传统的列表区块没有太多共同之处。 可以在WordPress的任何地方添加列表吗？ 您可以在可以访问区块编辑器的任何位置添加列表区块。这包括文章、页面和WordPress小工具。当编辑WordPress的小工具，你可以访问区块编辑器和它的所有内容，包括的列表框和选项，如页面列表和文章列表。 小结 您可能不会认为列表非常迷人，但您错了。列表是任何类型的引人入胜的内容中最基本的元素之一，但当您处理页面和文章时，它们会变得特别有用。无论您在WordPress网站上发布什么类型的内容，列表都可以更轻松地共享关键信息并吸引访问者的注意力。 WordPress让您可以访问功能强大的列表区块，其中包含大量格式和样式选项。您可以在网站上的任何位置放置列表，包括文章、页面和小工具，我们建议您充分利用此功能。

WordPress 5.0中正式引入的古腾堡区块编辑器让用户有机会完全自定义他们的WordPress内容和网站。不再受需要在TinyMCE经典编辑器等WYSIWYG工具中创建的限制，Gutenberg为文章或页面内容的每个元素提供单独的区块。通过控制每个特定区块的设置，用户可以比以往更轻松地设计WordPress内容。让设计脱颖而出的最简单方法之一就是让它们超越默认设置。因此，我们将研究如何在WordPress中调整区块的大小，以便您可以开始跳出框框思考（和设计）。 由于区块的响应性质，区块编辑器中的大多数调整大小仍然受限于站点的内容区域。如果您将页面的内容区域设置为全幅，您将在该空间内工作。例如，如果您将文章内容区域设置为580像素或1200像素，您将在那里工作。我们用来教您如何在WordPress中调整区块大小的方法都是基于这样的想法，即您将停留在任何特定区块容器的边界内。 如何在编辑器中调整区块大小 一些（但不是全部）块具有内置的调整大小选项。由于显而易见的原因，这些是最容易调整大小的。但是，根据区块的不同，调整大小选项将位于不同的位置。 示例 #1：图片区块 单击区块会弹出上下文菜单，这里的调整大小选项实际上是间距选项。但是， 宽幅宽度和全幅宽度对齐会将图片区块的大小更改为容器的宽度（宽幅）或整个页面的宽度（全幅）。 您还可以使用右侧边栏中的块设置调整图片区块的大小。恰当命名的图像大小部分有许多选项，您可以使用这些选项调整区块的大小。 WordPress有一个用于快速调整大小的下拉菜单，您可以从缩略图、中、大和全尺寸中选择预设 。选择全尺寸将因您的主题而异，无论它是实际完全显示还是适合内容区域。 您还可以按像素专门调整宽度和高度。在此之下，您可以按百分比进行调整。该百分比基于在宽度和高度字段中的数值。不是您从下拉菜单中选择的预设图像尺寸。 最后，您可以单击图像本身以显示带有白色圆形锚点的蓝色边框 。您可以拖动它们来调整区块的大小。 您只需单击并拖动任何锚点即可缩放图像。这样做将调整块设置菜单中高度和宽度字段的大小。 示例#2：活动区块 对于活动区块，调整大小设置仅在编辑器本身的上下文菜单中。（Event Block是您将安装的Automattic的一个单独插件，它不是古腾堡核心编辑器的一部分。） 像一些图片区块选项一样，这里的调整大小选项在技术上是间距选项。但是这两个选项是居中对齐和全幅宽度。您可以选择一个在容器中居中或在屏幕上的整个宽度。 在编辑器本身中调整区块的高度有点麻烦，但有效。如果您只是在空区块字段中按Enter/return，则可以通过插入额外的空段落区块来扩展高度。 这是一个不太理想的解决方案。但它很快，而且在紧要关头工作——特别是考虑到活动区块没有真正的高度调整选项。 示例 3#：在WordPress中使用栏目调整区块大小 如果您需要调整大小的区块在其设置面板或上下文菜单中没有调整大小选项，则使用区块编辑器的栏目是您可以调整任何块大小的另一种方式。只需按任意+ 按钮搜索栏目区块即可添加新区块。 在栏目区块中，您可以添加所需的任何其他区块。在搜索选项中，还会出现区块编辑器模式。这些是您可以插入到文章或页面中的模板，其中内容已经调整大小和放置，等待您的内容替换占位符。 从一开始，栏目区块就允许您选择栏目本身的大小。它分为6个不同的方向，每个方向都有不同的页面百分比用于各个栏目。 这些不是您可以使用的唯一配置。您可以使用块内的 蓝色 + 按钮 随时添加新栏目。每个单独的栏目都有自己的设置面板，您可以在其中按百分比单独调整其宽度。 可能需要进行一些实验才能使尺寸适合您的设计。但是，当它完成后，您可以在首页上放置一些精心设计且间隔适当的内容。请记住，区块编辑器中的任何空栏目也将在前端显示为空。 通过调整不同栏目的宽度、位置和数量，您的区块几乎可以以任何方式调整大小和放置。 需要更多尺寸选择？考虑使用更高级的页面构建器 我们意识到其中一些调整区块大小的方法可能会受到限制。如果您发现它们对您来说限制太多，那么可能是时候研究更高级的页面构建器了。 例如， Divi为每个模块（区块）提供了大小调整和变换选项，与古腾堡相比，您可以更好地控制形状、大小和间距。大多数高级页面构建器也是如此，因此如果您发现Gutenberg的选项过于有限，那么查看Divi之类的内容可能是下一步的最佳选择。 如何使用CSS调整WordPress区块大小 每个区块在高级设置下的设置面板中都有一个CSS部分 。除了任何其他特定于块的高级设置外，每个设置都有一个字段用于额外CSS类。您可以将您想要的任何选择器分配给这个单独的区块，无论它们是否已经存在于您的站点上，或者您是否专门为此区块创建了它。 通常，我们建议对单个区块使用CSS ID而不是类，但区块编辑器不支持（至少默认情况下）。因此，您将只想使用多个类来跟上单个区块而不是ID。类实际上是为了涵盖大类的元素类型，而ID是为了单个元素。在这种情况下，我们建议使用清晰的命名约定来保持代码中的简洁。 无论如何，您只需将类输入到文本字段中即可。 请勿在此字段中的类名称前包含句点/点。 现在，您应该导航到外观– 自定义并在最底部找到额外CSS部分。编写或粘贴CSS代码以根据您的喜好调整区块的大小。 我们建议避免使用以像素 (px)为单位的度量，因为它们是绝对的。最好使用 vw（视口宽度）、vh（视口高度）或% （百分比）来调整区块。这些都将参考设备和/或它周围的其他内容进行缩放。 .block-1 { height:35vh; max-height:50vh; } .block-2 { width: 100vw; } […]

WordPress编辑器的经典区块旨在帮助简化WordPress的旧版TINYMCE编辑器与其较新的基于区块的编辑器（称为古腾堡）之间的转换。当新编辑器被引入WordPress Core时，之前使用旧编辑器创建的更新网站上的所有文章和页面都会使用经典区块自动转换为新的基于区块的编辑器中的内容。因此，在非常真实的意义上，经典区块只是WordPress新文本编辑器中的旧文本编辑器。也就是说，存在一些值得了解的关键差异和特定用例，即使您已经完全采用WordPress的区块编辑器（及其许多其他区块）进行内容创建，使用经典区块仍然是一个好主意。 在本教程中，我们将向您展示如何将经典区块添加到文章或页面，我们将介绍它的全部设置和选项，我们还将为您提供在新区块中有效使用它的提示 -基于WordPress的世界。 如何将经典区块添加到文章或页面 经典区块以与任何块相同的方式添加到文章和页面中。单击左上角或要放置区块的位置的区块插入器图标。 在区块插入器的搜索字段中输入经典，然后选择经典区块。 经典区块已添加到您的内容中。 经典区块设置和选项 与大多数古腾堡区块不同，经典区块在编辑器侧栏中不包括选项。相反，您需要的所有选项都在经典区块工具栏本身中。单击经典区块以显示其工具，包括工具栏，上面有一组选项。让我们仔细看看。 经典区块选项 每个区块都有自己的特定控件以及区块的选项。工具栏上方的一小组区块选项允许您更改区块类型、转换为区块以及打开选项。 第一个选项包括列数和设置组。 Group允许您将区块添加至可重用区块中。 接下来的两个选项允许您通过手动拖动区块或通过单击箭头向上或向下移动块来移动区块。 转换为区块将所有内容转换为其特定类型的区块。例如，文本将转换为段落区块，图像将转换为图片区块等。离开页面或发布后无法撤消此操作，但如果您愿意，可以将内容复制并粘贴到新的经典区块中。 这三个点打开了更多选项，允许您隐藏设置、复制、创建副本、前后插入、移动、作为HTML编辑、组合或删除区块。 经典区块工具栏 工具栏提供了经典编辑器中的所有TinyMCE工具，允许您设置文本格式、添加媒体等。永久使用此工具栏编辑所有内容。 文本格式 从文本格式下拉框中格式化突出显示的文本。默认为段落。我选择了一个段落并将其设置为H3标题。 粗体和斜体 突出显示文本并单击粗体或斜体以设置文本格式。单独或一起使用它们。 项目符号和编号列表 创建带有项目符号或数字的列表。 引用 引用控制鼠标光标所在段落的格式。引用格式因主题而异。2021主题缩进段落，添加引号，并使文本加粗。 文本对齐 对齐设置文本边缘对齐的位置。在左对齐、居中对齐和右对齐之间进行选择。在这个例子中，我选择了右对齐，所以文本在右侧对齐。左对齐是默认设置。 插入删除链接 插入链接和删除链接工具允许您添加，编辑或删除任何元素上的链接。要插入链接，请选择元素（例如文本或图像），然后单击要使用的链接工具。然后，搜索或粘贴URL。通过突出显示文本并选择删除链接来删除链接。 插入更多标签 将阅读更多标签加在您的鼠标光标放置文本停顿位置，这会为前端的博客文章创建断点。 添加媒体 添加媒体打开媒体库，您可以在其中上传或选择要添加的媒体。 显示/隐藏工具栏 这将扩展工具栏以显示下一组工具。 删除线 删除线会在您单击图标时突出显示的文本中添加删除线。 水平线 水平线在内容区域中添加一条线。它从光标位置开始划分内容，并将线放置在该点下方。在上面的示例中，我将光标放在虚拟词felis之后。 文字颜色 文本颜色可让您选择突出显示的文本的颜色。颜色工具可让您设置多种自定义颜色。 粘贴为文本 粘贴为文本允许您粘贴某些内容而不包括其格式。如果您从文字处理器或其他网站复制了文本，这会很有帮助。根据需要打开或关闭此选项。 清除格式 清除格式会删除所选文本的粗体、斜体、删除线和颜色格式。在这个例子中，我选择了一个段落中的一个词并删除了它的格式。 特殊字符 特殊字符可让您添加在标准键盘上找不到的字符。 减少增加缩进量 减少缩进量和增加缩进量会更改项目符号列表和编号列表的缩进量。这会为项目符号点创建子级别。 撤消和重做 撤消将恢复到上次编辑之前的先前设置。它突出显示了更改，以便您可以看到它。如果您一直单击该图标，它会撤消上一个设置，直到您返回到第一个设置。重做增加了这个设置。在此示例中，我取消了从编号列表更改为项目符号列表的设置。 键盘快捷键 键盘快捷键提供了与经典块一起使用的所有快捷键的列表。 […]

当您想将单个媒体文件插入WordPress网站上的文章或页面时，了解如何使用图片区块会派上用场。但是，如果您想添加一组照片怎么办？为此，您可以使用画廊区块。 WordPress画廊区块可以轻松快捷地将多个图像添加到WordPress文章和页面。在本教程中，我们将解释画廊区块是什么以及它是如何工作的。我们还将提供一些提示和最佳实践，以便在您的网站上有效地使用它。 如何将画廊区块添加到页面或文章 要将画廊区块添加到WordPress网站，首先导航到任何页面或文章（新的或现有的）。接下来，单击“添加块”按钮 – 加号 (+) 图标 – 并搜索“画廊”： 您可以单击画廊区块以将其插入，或将图标拖放到编辑器中。或者，您可以直接在编辑器中输入“/gallery”，然后按 Enter键。 插入画廊区块后，您将有几个添加照片的选项。您可以单击上传按钮从计算机中选择图像，或选择媒体库选择已上传到您网站的照片： 使用任一选项，您都可以搜索并选择要使用的所有照片。之后，它们将出现在区块中： 如您所见，顶部工具栏中有一个选项可以调整块的对齐方式，右侧菜单中还有各种设置。让我们仔细看看每个选项是什么以及如何使用它们。 画廊区块设置和选项 在画廊区块的工具栏中，您可以单击对齐图标来更改图库在页面上的位置。默认为左对齐，但您可以将区块移动到页面的右侧或中心： 您还可以选择全幅或宽幅- 后者会将画廊扩展到主题的典型内容部分宽度之外。如果您单击三个垂直点，您会发现一些其他选项，包括以下选项： 复制区块 在当前区块之前或之后插入另一个区块 移动画廊区块 作为HTML编辑 将画廊区块添加至可重用 画廊区块最有用的事情之一是它不仅让您将多张照片添加到您的WordPress页面或同时发布。您还可以使用它根据自己的喜好排列这些图像。例如，您可以自定义包含的列数和画廊中图像的大小。 您可以在右侧菜单的画廊设置部分下更改画廊列的数量： 要更改列数，您可以使用滑块或在文本字段中输入所需的值。您还可以使用裁剪图像切换选项： 默认情况下启用此设置，以便均匀裁剪图像。但是，如果您将其关闭，图像将自动以其原始版本显示。 在链接到下拉菜单下，您可以选择将画廊超链接到附件页面或媒体文件。使用图像尺寸下拉菜单，您可以调整照片的尺寸，选项包括缩略图、 中、大或全尺寸。 最后，通过单击图库中的单个图像，您会发现更多选项： 如果要编辑单张照片，只需单击铅笔图标即可。您可以选择X图标将其从画廊区块中完全删除。要在照片系列中向前或向后移动，您可以使用箭头按钮。 有效使用画廊区块的提示和最佳实践 现在我们已经介绍了画廊区块的基础知识，您已经准备好学习如何有效地使用它。您可以牢记一些最佳实践，以充分利用此WordPress功能。 首先，我们建议确保在插入画廊区块后启用裁剪图像功能。当您拥有各种大小和形状的图像时，此选项特别有用 – 默认情况下有时会显得凌乱。 当您启用此功能时，它可以确保图库中的所有图像看起来都是统一的。这有助于使其看起来更专业、更有条理和美观。 接下来，确保您上传到WordPress画廊的每张图片都经过适当优化非常重要。这包括： 选择一个对SEO友好的文件名 添加替代文本（“替代文本”，可以用Smart SEO Tool插件实现自动填写Alt替代文本） 确保每个图像都被压缩 遵循这些图像优化最佳实践有助于提高您网站的性能。它还可以提高您的搜索引擎排名。 最后，您可以考虑为画廊中的每张图片添加标题。这有助于在访问者浏览时向他们提供必要的上下文和背景信息。 关于画廊区块的常见问题 此时，您应该牢牢掌握Gallery块以及如何使用它。为确保涵盖所有基础知识，让我们看看有关此元素的一些常见问题。 在哪里可以找到WordPress中的画廊区块？ 要找到画廊区块，请导航到任何文章或页面。接下来，单击加号 (+) 图标并在搜索字段中键入“画廊”。只需单击画廊选项，或将其拖放到编辑器中即可插入区块。或者，您可以通过直接在编辑器中键入“/gallery”，然后按键盘上的Enter来找到画廊区块。 画廊区块有什么作用？ 画廊区块可以让你在一个位置添加多张照片到您的文章。您可以直接在WordPress区块编辑器中以美观的方式轻松调整大小和排列它们。例如，您可以决定要使用的列数并调整图像的大小。 可以在WordPress的任何地方添加画廊区块吗？ 您可以将画廊区块添加到任何页面或在您的WordPress网站上发布。此外，您可以使用WordPress小工具在站点的其他区域（例如页脚）中添加画廊区块。 […]