编辑器

引文是文章中引起注意的一个小片段。它非常适合为您的文本添加重点或突出显示一个短语。它为读者提供视觉帮助。WordPress有一个专为此目的设计的引文区块。 在本教程中，我们将介绍引文区块，了解如何将其添加到文章和页面，查看使用它的提示和最佳实践，以及常见问题。 如何将引文区块添加到文章或页面 要添加引文区块，请单击要放置块的位置或左上角的块插入器。搜索“引文”并选择它。或者，您可以输入/pullquote并在要放置块的位置按 Enter 键。 引文区块将添加到您的内容中，您可以在其中添加文章中的引用。 要使用它，只需输入您希望它在显示添加引用的位置显示的文本。在此下方是另一行标记为添加引述的文本，您将在其中添加您要引用的人的姓名，对于引文，它是文章的作者。引述对于引文是可选的。 您的引用显示在两条水平线之间，并在其上加上引号。默认设置以大字体显示引文，而引文则以常规粗细的较小字体显示。 引文区块设置和选项 引文区块包括块本身和右侧边栏中的设置和选项。 引文区块工具栏 引文区块工具栏位于区块上方。当您选择块时它会出现。让我们仔细看看。 更改区块类型或样式 您有多种选项可以将块转换为其他区块、样式等。将其转换为段落、列、组、标题、引用或列表。每个都提供了使用您的内容的效果的预览。它还具有样式选项。将鼠标悬停在选项上会显示它在您的内容中的外观预览。在本例中，我将鼠标悬停在样式下的纯色选项上。 拖动和移动 拖动工具由6个点表示。抓住点并将区块拖动到您想要的任何位置。移动工具是向上和向下箭头。单击它们以在您的内容中上下移动区块。 更改对齐方式 对齐选项包括左对齐、右对齐、宽幅和全幅。宽幅和全幅选项仅在您的主题支持它们时才可用。选择向左或向右将其放置在屏幕的那一侧。取消选择您的选项以将其恢复为居中的默认设置。它适用于段落块。 例如，将其设置为左对齐或右对齐会将其下方的段落置于引文区块内。在此示例中，我将其设置为居左对齐，并且下一段中的文本现在环绕它。 粗体和斜体 粗体和斜体选项会影响您突出显示的文本。它们可以一起使用或独立使用。在这个例子中，我在引文中独立使用了它们，并在引文中一起使用。 链接 将链接添加到您突出显示的任何文本。当您输入URL时，您会看到基于您之前使用过的建议的建议。您还会看到在新标签页中打开链接的选项。 在这个例子中，我添加了引文的链接。它在文本下划线以显示它是一个链接。 下拉选项 单击更多选项会打开一个下拉框，其中包含7个用于设置文本样式的选项。我已经在上面的例子中添加了它们中的每一个。当您单击它们时，它们都会影响您突出显示的文本。它们包括： 内联代码– 将文本样式设置为看起来像代码并阻止代码执行。这个词这是格式化为内联代码。 内嵌图像– 将媒体库中的图像添加到鼠标光标所在的位置。 键盘输入– 使用键盘HTML格式设置文本样式。单词quote使用键盘输入样式进行样式设置。 删除线– 在文本中放置一行，就像上图中的“很棒”这个词。 下标– 使文本比其他文本更低更小，就像上面引文中的字母R一样。 上标– 使文本比其他文本更高更小，就像上面引文中的字母A一样。 文本颜色– 允许您更改文本的颜色，例如上面引文中的单词Brown。当工具栏处于活动状态时，设置图标会更改为工具栏。 对于颜色选项，从预先选择的颜色中选择或创建自定义颜色。从颜色选择器中选择自定义颜色或输入十六进制代码、RGB代码或HSL代码。 选项 包括所有标准选项： 隐藏更多设置 – 隐藏右侧边栏。 复制– 复制 Pullquote 块，以便您可以将其粘贴到内容中的任何位置。 创建副本– 在原件下添加引文区块的副本。 在当前区块前插入– 在引文区块块之前添加一个空格，您可以在其中添加一个区块。 […]

预格式区块显示您键入的文本。这意味着您可以在文本中包含空格和换行符。了解如何使用预格式区块可为您提供多种优势，例如将文本的各个部分分开并创建突出的元素。幸运的是，此区块包含多个样式选项，并且易于使用。 在本教程中，我们将介绍WordPress预格式区块。我们将了解如何将其添加到文章和页面，并查看其选项和设置。我们还将看到一些使用它的最佳实践，以及最常见的问题。 如何将预先格式区块添加到文章或页面 通过单击区块插入器工具将预格式化区块添加到您的内容中。您会在左上角和内容区域中找到它。搜索预格式并单击Enter。 您还可以通过键入/preformatted并在您希望它出现的内容区域中按 Enter来添加区块。在您键入时，WordPress会根据您输入的字母提供建议，因此您只需在看到该区块时单击它即可。 预格式区块现在已添加到文章或页面。预格式区块类似于段落区块、诗篇区块和代码区块。这是它们之间的一种交叉，但它也简化了它们。它显示您键入的文本，但不会更改格式，而是保留它。这包括所有空格和换行符。它以等宽字体显示。 预格式区块设置和选项 与大多数WordPress区块一样，该区块包含一个设置工具栏和侧边栏中的选项。这是两者的近距离观察。 预格式区块工具栏设置 工具栏位于区块上方，包含大多数标准工具。 更改区块类型或样式 此区块可以转换为其他几个区块，包括段落区块、组区块、栏目区块和代码区块。突出显示选项会显示您的内容的外观预览。 拖动和移动 拖动工具显示为6个点。抓住这个区域，您可以将区块拖放到内容中的任何位置。每次单击箭头时，向上和向下移动箭头都会在内容中向上或向下移动一个区块。 粗体、斜体和链接 粗体、斜体和链接设置控制单击按钮时突出显示的文本。您可以单独或一起使用它们。您可以通过在链接弹出窗口底部启用链接来在新选项卡中打开链接。 带有链接的文本带有下划线以表明它是可点击的。单击编辑器中的文本会打开链接编辑器，您可以在其中更改链接。 下拉选择 “更多”下拉按钮包括多个格式选项，这些选项适用于您单击该选项时突出显示的文本。选项包括： 内联代码– 这使您的文本看起来像代码，并防止区块中的任何代码执行。预格式这个词是上图中的内联代码。 内嵌图像– 这使您可以将媒体库中的图像放置在鼠标光标所在的位置。 键盘输入– 使用键盘HTML格式设置文本样式。文字文字在上图中使用键盘输入样式进行样式设置。 删除线– 这会在文本中放置一行。上图中的等宽字有删除线。 下标– 这会将文本设置为比其他文本更低更小。上图中的你这个词是一个下标。 上标– 这将比其他设置更高和更小。上图中的字线是上标。 文本颜色– 这让您可以更改文本的颜色，就像我在上图中对单词Divisions所做的那样。 更多选项 预格式区块选项包括： 隐藏更多设置– 这将隐藏或显示右侧边栏。 复制– 这会复制预格式区块，以便您可以将其粘贴到内容中的其他位置。 创建副本– 这会将预格式区块的副本放在原始区块下。 在当前区块前插入– 这会在区块上方为另一个区块添加一个空格。 在当前区块后插入– 这会在区块下方为另一个区块添加一个空格。 移动至– 这会放置一条蓝线，您可以使用箭头向上或向下移动，并将您的区块移动到您选择的位置。 编辑作为HTML编辑 – 这将打开代码编辑器，以便您可以将内容编辑为HTML。 添加至可重用区块– 这会将您的预格式化区块添加到您的可重用区块中。 组合– 这会将区块添加到组中，以便您可以将它们作为单个区块进行调整。 […]

WordPress表格区块允许您为文章或页面创建表格。这非常适合显示表格数据。它易于使用，并且可以根据您的网站设计进行样式设置。 在本教程中，我们将仔细研究表格区块。我们将了解如何将其添加到文章和页面、其设置和选项、最佳实践以及常见问题。 如何将表格区块添加到文章或页面 单击要添加区块的区块插入器并搜索表。当表格区块出现时，单击它以将其添加到您的内容中。或者，您可以使用屏幕左上角的插入器，或输入/table并按 Enter。 这会添加表格区块，您可以在其中指定列数和行数。输入表所需的列数和行数，然后单击“创建表”。 您的表格将出现在屏幕上，您可以在其中向单元格添加内容并在底部添加标题。默认样式将根据您使用的 WordPress 主题而有所不同。我在示例中使用了 22-1 WordPress 主题。 表格区块设置和选项 让我们看看设置和选项。 表格区块工具栏 单击表格时，表格区块工具栏会出现在表格上方。 更改区块类型或样式 这使您可以将表格添加到组中，设置布局的列数（不是表格列），并为表格选择所需的样式。样式有两种选择。默认样式具有纯色背景，而条纹则每隔一行添加一条灰色条纹。将鼠标悬停在选项上提供预览。 更改对齐方式 将表格设置为左、中、右、宽幅或全幅。并非所有主题都支持宽幅和全幅。在此示例中，我已将其设置为宽幅。 列对齐 分别为每一列选择对齐方式。将它们设置为左对齐、居中对齐或右对齐。在本例中，我将左栏设置为右栏，并将其余栏设置为中心。 粗体和斜体 粗体和斜体设置调整您突出显示的文本。表格或标题中的任何文本都可以设为粗体、斜体或两者兼而有之。您必须独立选择每个单元格。 链接 添加指向表格或标题中任何内容的链接。我在此示例的标题中添加了指向手表名称和标题的链接。当您键入URL时，它会在您的网站上搜索您以前使用过的 URL，并提供它们作为建议。 更多下拉选项 这将打开一个包含多个选项的下拉框。以下每个选项都添加到上图中： 内联代码– 显示样式为代码的文本。 内嵌图像– 打开媒体库，您可以在其中选择要内嵌在光标位置的图像。您可以选择图像以更改其宽度。 键盘输入– 向您的内容添加键盘标签以定义键盘输入。它以浏览器的默认等宽字体显示。 删除线– 在您突出显示的文本中放置一行。 下标– 将您突出显示的文本设为下标。 上标– 将您突出显示的文本设为上标。 文本颜色– 可让您更改突出显示的文本的颜色。您可以从预制颜色中进行选择，使用颜色选择器工具选择一种颜色，或者以十六进制或RBG代码的形式输入值。 编辑表 编辑表选项打开一个下拉框，您可以在其中插入或删除行和列。在您选择的行或列之前或之后添加它们。这样可以随时轻松更改表格的大小。我在这个例子中添加了两者。 区块选项 表格区块选项按钮会打开一个下拉框，其中包含更多可供选择的选项。表选项包括： 隐藏更多设置– 此选项隐藏右侧边栏，为您提供更干净的工作区。 复制– 将表格区块复制到剪贴板。然后，您可以将其粘贴到该页面或文章中您想要的任何位置。 新建副本– 在表下创建表格区块的副本。 在当前区块前插入– 在表格区块之前为区块插入空间。 […]

分页是将冗长的内容分解为更易于阅读的绝妙方法。如果你环顾网络，分页无处不在。搜索引擎使用它来分离结果，在线商店利用它来简化浏览，您甚至可以为博客文章添加分页。多亏分页符区块，WordPress使您能够轻松地做到这一点。 在本教程中，我们将讨论如何将分页符区块添加到您的网站，并向您展示它的外观。然后我们将讨论一些提示和技巧，以确保您正确使用分页符。 如何将分页符区块添加到文章或页面 区块编辑器包含构建现代页面和将复杂文章（包括分页符）放在一起所需的所有元素。当您在WordPress上使用分页符区块，你基本上添加该页面或文章内的新选项卡。您可以添加多个分页符并使用户能够在这些部分之间移动，如下所示： 使用区块编辑器添加分页符非常简单。首先，打开编辑器并添加您希望该文章包含的段落、列表和其他元素。 准备好要分割的内容后，单击加号图标以添加新区块。在“设计” 选项卡下 查找“分页符”选项并选择它： 如您所见，我们的页面上已经有几个分页符区块。添加区块后，单击它，您将看到拖动它的选项，或在整个页面布局中上下移动它： 单个页面或文章可以根据需要包含任意数量的分页符区块。正如您在本节开头所见，WordPress会自动将分页符区块之间的内容分成单独的页面。 尽管大多数WordPress区块提供多种自定义设置，但分页符区块不是其中之一。默认情况下，您无法更改区块的样式或其工作方式。不同的WordPress主题都有自己的分页样式。但是，区块本身被设计为尽可能易于使用。 有效使用分页符区块的技巧和最佳实践 使用分页符区块非常简单。但是，在向WordPress网站添加分页时，您应该记住一些提示和技巧。让我们一一回顾这些技术： 使每一页尽可能统一。 理想情况下，页面之间的切换应该是无缝的。如果一页与下一页的内容存在很大差异，则可能会让读者感到不快。为简单起见，我们建议每个部分使用相同的结构，并使它们的长度相似。 适度使用分页符。 尽管分页符很有用，但很少有人会在一个页面（即使是在网上商店）中点击其中的一打分页符。理想情况下，您应该只在情况需要时使用分页。 为每个子页面添加副标题。 在子页面中，正确的格式和副标题的使用仍然必不可少，因此读者知道每个部分涵盖的内容。此外，搜索引擎仍会将带有中断的页面视为一个整体。 不要在分页后隐藏关键信息。 每当您对页面设计进行更改以使其更难以导航时，都会对参与度产生负面影响。例如，如果您在五个或十个分页符区块之后“隐藏”重要信息，那么某些用户可能会错过它是理所当然的。为避免这种情况，我们建议不要在着陆页或旨在推动转化的文章中使用分页符。 如果您牢记这些提示，您将能够在WordPress中使用分页符区块，而不会影响您网站的参与度。请记住，网络上的大多数人都习惯于看到分页符。换句话说，他们已经知道这个元素是如何工作的。只要您让访问者有理由期待该分页符背后有吸引人的内容，他们就更有可能点击它。 关于分页符区块的常见问题 如果您对WordPress分页符区块以及如何使用它有任何疑问，让我们来看看用户对这个特定元素的一些常见问题。 无限滚动比分页更好吗？ 当您的网站拥有庞大的内容库时，无限滚动可以很好地工作。社交媒体平台几乎一致使用无限滚动是有原因的——它鼓励用户在您的网站上花费更多时间。 对于非社交媒体平台，分页符提供了一种更结构化的替代方案，使访问者能够在各个部分之间跳转并保持控制。如果他们想返回到较早的点，他们可以随时这样做，这在您使用无限滚动时并不那么简单。 什么时候应该使用分页符区块？ 大多数现代博客不使用分页符，即使是很长的文章。除非您有充分的理由在博客文章中添加分页符，否则我们建议您只制作每篇文章，只要它不需要分页即可。 当您需要提供在单个屏幕内可能难以消化的信息时，添加分页符非常有效。例如，如果您想提供推荐文章和页面的列表，分页效果非常好。这同样适用于产品列表，甚至常见问题 (FAQ) 部分。 小结 分页符区块为您提供了一个令人难以置信的简单的方法来添加分页到任何网页或网站中的文章。分页是将大量信息分解为读者更容易消化的部分的绝佳方式。 但是，我们建议不要在常规博客文章中使用此技术。总的来说，大多数现代博客不对其内容使用分页，即使是冗长的文章。在分离产品和推荐的文章列表、用户推荐、评论和类似元素时，分页符更有用。

标题和副标题是任何网页的关键组成部分。使用标题，您可以将内容分成多个易于阅读的部分（比如章节）。此外，这些标题也将便于为搜索引擎提供有关您网站的重要信息。在古腾堡编辑器，WordPress标题区块即用于为文章和页面添加标题。 本文将向您展示如何使用标题区块，并介绍其设置和配置选项。我们还将讨论有效使用标题的一些技巧和窍门，并回答您可能对此元素提出的一些最常见问题。 如何将标题区块添加到文章或页面 该区块编辑器可以很容易地广泛的元素添加到您的WordPress的文章和网页。首先，打开编辑器并单击页面或文章正文中的加号 (+)。 标题区块应显示第一个结果中。如果没有，您可以搜索它或单击“浏览全部”以查看整个区块库： 选择标题区块后，您将看到占位符文本出现在文章或页面的正文中： 如果您将鼠标悬停在标题区块上，您将看到一个格式菜单。您将为添加到网站的每个标题使用该菜单，所以让我们来看看它包含哪些选项。 标题区块设置和选项 区块编辑器为每个区块提供一组独特的格式选项。标题区块可供选择的设置包括： 更改您正在使用的区块类型 向上或向下移动标题区块 设置区块的默认宽度设置 更改您使用的标题类型 调整标题文本的对齐方式 将标题加粗和斜体或添加链接 由于有很多选项，这里有一个快速备忘单可以帮助您理解它们： 在日常工作中，您最常使用的选项是第四项。默认情况下，当您添加新的标题区块时，WordPress会将其设置为H2。如果单击该H2 图标，则可以将标题切换为从H1到H6的任一个： 最后，您会注意到菜单右端有一个向下箭头图标。单击该图标将打开一个带有其他格式设置的子菜单。在这些选项中，您可以找到将内联代码、图像、下标或上标添加到标题的选项： 此外，标题区块还有更多可用的配置选项。如果在选择块时单击页面右上角的齿轮图标，您将打开一个带有样式设置的菜单。 从此菜单中，您可以修改标题的字体大小 (1) 和行高 (2)，以及颜色 (3)： 您的标题使用什么字体取决于您的活动主题。但是，如果您对这种方法感到满意，则可以使用CSS切换字体。设置菜单还允许您更改标题文本、背景和链接的颜色。 在设置菜单的底部，您会找到一个高级 选项卡。在本节中，您可以将HTML锚点和CSS类添加到您正在处理的标题中： 请务必记住，您添加的每个标题区块都有自己的设置。更改特定块的背景或文本颜色不会影响任何其他块，即使它们是相同类型的区块。 有效使用标题区块的提示和最佳实践 向WordPress添加标题非常简单。但是，当涉及到搜索引擎优化 (SEO)时，标题具有很大的权重。以下是有关如何从SEO角度有效使用标题区块的一些提示： 避免使用多个H1，而是从H2或者H3开始 强制使用标题层次结构，小节使用比主节更小的标题 使用描述性标题，以便搜索引擎可以“理解”每个部分涵盖的内容 针对Google的精选摘要优化您的标题 除了搜索引擎之外，您还需要考虑标题对读者的显示方式。标题是内容结构的主要指标，因此它们必须清晰、相对简洁，并遵循逻辑结构。如果您牢记所有这些简单的提示，您的标题将增强您的其他内容。 关于标题区块常见问题 到目前为止，您几乎了解了WordPress标题区块的所有内容。但是，在结束之前，让我们先回顾一下用户对区块和标题的一些常见问题。 在WordPress中使用标题频率？ 何时或多久使用标题没有硬性规定。一些SEO插件，例如Yoast，鼓励您每300个字左右使用它们以提高可读性。但是，在实践中，最好使内容中的每个部分尽可能长，而不是遵守严格的指导方针。为了更好地衡量，如果您要在页面或博客文章中切换主题，这是使用标题区块包含新标题的好地方。 标题对于SEO来说重要吗？ 标题对于您网站的SEO非常重要。我们知道标题是搜索引擎在对页面进行排名时考虑的众多信号之一。很难准确地说出它们的重要性，因为搜索引擎并没有透露它们对所测量的每个信号给予多少权重。然而，养成经常使用标题的习惯并使它们尽可能具有描述性，从长远来看只会使您受益。 要了解更多关于WordPress SEO优化的内容，你可以尝试在本站搜索“SEO”以获取更多教程。 应该在标题中包含关键字吗？ 在页面标题中包含内容核心关键字通常被认为是一种很好的做法。但是，我们建议不要在您的内容中使用“过度堆砌”关键字。如果可能，您应该在页面的主要标题中至少使用一次主要关键字，并在其他副标题中使用它的变体。但是，只使用那些相关且自然适合内容的关键字。 结论 标题是在线内容的核心构建区块之一。仅这篇文章就有八个单独的标题，其中没有一个是多余的。了解何时使用标题以及如何构建它们是一项技能，可以使您的内容更具吸引力，并在SEO方面对您有很大帮助。 就WordPress而言，添加标题区块再简单不过了。区块编辑器允许您选择什么类型的，你想用的标题，定制自己的格式，改变自己的风格，并添加尽可能多的人因为你的内容需求。您可以逐个标题和逐段地构建页面，这些页面将出现在搜索引擎的第一页结果中。

使用图像是丰富WordPress页面和文章内容的最简单但最有效的方法之一。不过，如果你第一次使用WordPress的区块编辑器，你可能会感到困惑。 其实上，插入和使用图片区块非常容易。了解其各种设置将使您能够在整个网站中更无缝地添加图像，并根据自己的喜好自定义它们。在这篇教程中，我们将解释图片区块及其工作原理，带您了解它的每个选项，并提供一些使用技巧。 如何将图片区块添加到文章或页面 图片区块将图片添加到WordPress的文章和网页十分简单。首先从WordPress仪表盘导航到任何文章或页面。 接下来，在古腾堡编辑器中，在要插入图像的任何位置单击“添加区块”按钮（由加号图标标记）。然后选择图片区块： 如果它没有立即出现，您也可以在搜索栏中输入“图片”。 添加区块后，下一步是选择要使用的图像。从那里，您有三个选择。您可以选择上传、媒体库或从URL插入： 如果选择上传，则可以选择保存在计算机上的图像。对于您已经上传到WordPress网站的图片，您可以导航到媒体库。要从复制的链接插入图像，请单击从 URL 插入。 对于我们的示例，我们将上传一张图片： 如您所见，一旦您插入图像，就会出现一个带有各种选项的工具栏。您还可以在屏幕右侧选择一些设置。让我们更详细地探讨这些选项。 图片区块设置和选项 插入图像后，您可以通过在“添加标题”字段中键入来在其下方添加标题。然后在块工具栏中，您将找到可用于调整图像的各种设置和控件。我们将从左到右遍历它们。 图片区块工具栏设置 工具栏上的第一个选项可让您切换到不同类型的区块。接下来，如果您单击应用双色调过滤器图标，您可以从双色调集合中进行选择以应用于您的图像： 此选项还允许您修改图像中的阴影和高光，以更改其显示方式。如果您想恢复到原始图像，可以单击“清除”。 接下来，您可以通过选择更改对齐方式来调整页面上图像的对齐方式： 默认情况下，WordPress会将您的图像设置为左对齐。但是，您可以通过选择居中对齐、右对齐等来更改此设置。您还可以选择使图像成为宽幅或全幅。后者可用于将图像扩展到当前主题的标准内容区域之外。 要超链接您的图像，您可以单击链接图标并选择 媒体文件 或 附件页面： 如果要修剪图像，可以单击“裁剪”图标。执行此操作后，工具栏将展开以提供另外三个选项： 以下是每个图标含义的快速备忘单： 放大镜可让您放大图像，范围从 0% 到 300%。 纵横比让您选择图像的比例，包括纵向和横向选项。 箭头图标可让您旋转图像。 进行调整后，您可以单击“应用”按钮保存更改。 最后，最后一个图标可让您在图像上添加文本： 与常规文本编辑器一样，图像上方会出现一个迷你工具栏。您可以使用这些控件来加粗、斜体或链接文本，并调整其对齐方式。 附加图片区块选项 如果您单击图片区块工具栏末尾的三个垂直点，您会发现各种附加选项。这包括以下设置： 复制图像 将图像编辑为HTML 将图像添加到可重用块 在图片区块之前或之后插入一个新块 现在，让我们转到侧栏中的区块设置。在这里您可以选择四种风格： 默认 圆角 边框 框架 以下是每种样式的外观示例： 接下来，在图片设置下，您可以找到用于输入Alt 文本 和 (1) 更改图像尺寸(2)的字段： 请注意，输入替代文本对于搜索引擎优化 (SEO)和可访问性目的都很重要。 在该选项下方，您可以调整图像的大小。您可以从下拉菜单中选择预设尺寸，或在宽度和高度字段中输入自定义值。 有效使用图片区块的技巧和最佳实践 一旦您学习了如何在WordPress页面和文章中插入图像，您可能会对学习如何有效使用它们感兴趣。如果是这样，您需要牢记一些提示和技巧。 首先，我们始终建议优化您的图像。您可以通过在上传图像之前压缩图像来实现此目的，以提高页面加载时间和整体网站性能。之后，优化文件名和替代文本可以帮助提高您的SEO（可以使用Smart SEO Tool插件对WordPress上传的图片进行标题及Alt文本优化）。 […]

段落区块是在你阅读每一个WordPress的博客文章的核心。该区块非常易于使用，但它隐藏了一些您乍一看可能会错过的功能。 在本教程中，我们将告诉您有关古腾堡编辑器段落区块的所有信息。这包括如何使用它、它的设置和选项，以及一些常见问题的答案。 如何将段落区块添加到文章或页面 将段落区块添加到文章或者页面内容只需几秒钟。首先，打开古腾堡区块块编辑器并通过单击文章或页面正文中的加号 (+) 添加一个新块。 段落区块应该是你最先看到的选项之一。如果不是，请单击“全部浏览” 以查看您可以使用的所有区块，或使用搜索栏搜索“段落”： 添加段落区块后，您可以继续并开始输入。如果您看到占位符文本“键入 / 以选择块”，如上例所示，则您已经在使用该区块。 请记住，在您开始输入之前，您不会看到任何自定义选项和文本设置。添加一些文本后，块上会出现一个格式菜单： 让我们在下一节中讨论这些格式选项是什么。我们还将介绍您可以与此区块一起使用的所有其他自定义设置。 段落区块设置和选项 如果您发布博客文章（或任何其他类型的书面内容），您可能会花费大量时间修改文本格式以使其看起来恰到好处。古腾堡区块编辑器通过为您提供一个各种格式选项的菜单，使该过程变得简单。大多数块都有类似的菜单，但它们包含的选项可能会有所不同。 在段落区块的情况下，以下是它允许您访问的格式选项： 更改您正在使用的区块类型 修改文本对齐方式 粗体和斜体文本 添加到段落的链接 如果您使用过任何类型的文本编辑器，您可能会认出所有这些选项。这是一个快速备忘单，向您显示每个单独设置在菜单中的位置： 您还会注意到格式菜单包括一个带有向下箭头的图标。单击该箭头将打开一个带有其他选项的子菜单。在那里，您可以在段落中嵌入图像、添加内联代码等： 在更改文本格式时，需要牢记一些小注意事项。段落区块，您可以粗体或斜体特定的词，以及链接添加到他们。但是，您无法更改段落部分的文本对齐方式。 没有看到将列表添加到段落的选项也可能令人惊讶。这是因为区块编辑器添加了一个独立的列表区块，它带有自己的一组功能。 如果您熟悉WordPress经典编辑器，为您编写的每个段落添加一个新区块似乎工作量太大。但是，区块编辑器使该过程变得简单。每次您按 Enter移到新行时，编辑器都会自动为您添加一个新的段落区块（您可以使用它或切换到另一个选项）。 除了格式选项之外， 段落 块还提供了一些额外的设置来帮助您自定义文本。要访问它们，请单击编辑器右上角的齿轮图标： 从此菜单中，您可以更改正在处理的段落的字体大小 (1) 和行高 (2)。同样，您可以更改文本的整体颜色、背景以及其中包含的任何链接的颜色 (3)。该菜单还包括一个选项，用于为您正在自定义的段落添加首字下沉 (4)： 我们刚才提到的所有设置都适用于整个区块。换句话说，您无法更改每个段落中特定单词的颜色或字体大小。同样，如果您启用首字下沉，则该设置仅适用于您选择的区块。 最后，段落区块还允许您添加HTML锚点和CSS 类。这意味着如果需要，您可以使用CSS进一步自定义区块： 这涵盖了可用于段落区块的所有选项和设置。 有效使用段落区块的技巧和最佳实践 段落区块是WordPress网页和文章的基础。您最终会经常使用这个区块，因此应该很容易掌握它的所有设置和选项。 当谈到段落时，要记住的主要事情是避免“文本墙”。使用大量的短段落对眼睛来说更容易，对用户也更有吸引力。这是因为当人们在网上阅读时，他们倾向于跳过他们认为不相关的信息。通过使用较短的段落，您可以根据用户的行为调整您的内容。 关于段落区块的常见问题 如果您对如何使用段落区块或其功能有任何疑问 ，本节将一一解答。让我们先谈谈WordPress如何对待每个段落。 可以使用单个段落区块吗？ 如果您使用的是WordPress经典编辑器，则必须为每个段落添加单独的区块可能会有点复杂。但是，区块编辑器通过在您每次按下Enter时自动添加一个新的段落区块来解决该问题。 理论上，您可以在页面或文章上使用单个段落区块，并在其中包含您想要的所有内容。但是，长长的文字墙可能难以理解，因此我们不建议采用这种方法。 可以在段落区块中添加列表吗？ 区块编辑器提供用于列表和段落的独立区块。这是因为它为每种类型的元素提供了不同的格式设置和样式选项。如果您习惯了经典编辑器，这可能会有点令人惊讶，但这是一个很容易习惯的小变化。 如何在段落区块中添加图像？ 您可以在段落区块添加嵌入的图像。但是，我们建议您改用图片区块。使用图片区块，您可以访问更多用于自定义、调整大小和格式化图像的选项。 小结 段落是将大多数网站连接在一起的粘合剂。我们大部分时间都花在网络阅读内容上，如果您正在访问WordPress网站，则内容很可能是使用段落区块创建的。考虑到此元素的重要性，您必须了解其来龙去脉。 根据我们的经验，您将大部分时间花在块编辑器中处理段落、列表、图像和标题。一旦掌握了这些基本区块，使用更复杂的元素也应该很容易。特别是段落区块的最佳之处在于它与您需要的一样简单或深入。

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小工具在站点的其他区域（例如页脚）中添加画廊区块。 […]

本文目录[隐藏]1Solid Code Theme Editor 简介2Solid Code Theme Editor 的主要特色3Solid Code Theme Editor 安装使用 有些朋友总喜欢直接在WordPress后台编辑主题文件，但是你发现没有，默认的主题编辑器功能实在太简单了（不能查看js文件、不能查看三级子目录文件，不能删除或添加文件……）今天，要推介的就是 Solid Code Theme Editor ，一个可以解决以上问题的WordPress插件，相信你会喜欢！ Solid Code Theme Editor 简介 Solid Code Theme Editor 是一个非常强大的WordPress主题编辑器插件，让喜欢在后台编辑主题的你拥有至高无上的操作权限！你可以在线创建、删除主题文件，甚至下载文件，支持浏览主题的所有文件。 Solid Code Theme Editor 的主要特色 以树级目录方式浏览主题的所有文件（包括多级子目录下的文件）可以查看和管理所有的文件（不仅仅 PHP 和 CSS）支持编辑多种格式的文件： LESS, PHP, CSS, JS, XML, HTML, HTM, TXT, SQL代码高亮和显示行数支持 ZIP 打包下载整个主题支持下载单个文件可在线创建和删除文件对常用的代码有小提示 Solid Code Theme Editor 安装使用 直接在后台插件安装界面搜索 […]

本文目录[隐藏]1WP Editor2WP Editor功能3WP Editor下载安装 还记得之前推荐过的WordPress主题编辑器 Solid Code Theme Editor 吗？它可是真的强大，但是仅仅只能编辑主题文件。不过，今天要介绍的 WP Editor，可不仅仅是一个主题编辑器哦。 WP Editor WP Editor 是一个替换WordPress默认主题和插件编辑器以及文章编辑器的插件，这个插件整合了CodeMirror 和 FancyBox，支持浏览主题和插件的文件，同时还可以上传文件，高亮显示代码等。 WP Editor功能 CodeMirror代码高亮显示行码Line Wrapping支持全屏编辑(ESC, F11)文本搜索(CMD + F, CTRL + F)每个编辑器都有独立的设置Individual Settings for Each EditorFancyBox 图片预览AJAX 文件浏览后台设置功能 WP Editor下载安装 可以直接在后台插件安装界面搜索 WP Editor 即可在线安装，或者在此下载 WP Editor

之前推荐过 WP Editor 和 Solid Code Theme Editor 这两个主题和插件在线编辑器，今天再补充一个 WPide。 WPide 其实不仅仅是一个主题和插件在线编辑器插件，因为它可以浏览和编辑 wp-content 目录下的所有目录和文件。主要功能特色如下： 标签式浏览，同时编辑多个文件支持代码高亮（似乎高亮效果不是很明显）和显示行数支持快捷键操作，比如保存 Ctrl+S、撤销 Ctrl+Z，缩进Tab 等可浏览和编辑wp-content 目录下的所有目录和文件，支持创建目录和文件支持WordPress和PHP函数输入提示和函数讲解支持php语法检查和提示支持恢复之前保存的代码版本支持“未保存”提示 在后台插件安装界面搜索 WPide 即可在线安装，或者下载 WPide 提示：WPide 具备比较强大的文件操作权限，请注意使用安全，建议不用的时候卸载它，需要时再安装。

WordPress Editor Lock 是用来禁止其他管理员使用WordPress主题/插件编辑器的插件，对于那些有多个管理员的站点很有用。你只需选择其他管理员的用户名，然后点击“Block”即可： 在后台插件安装界面搜索 WordPress Editor Lock 即可在线安装，或者下载 WordPress Editor Lock

最近在群里有朋友询问编辑器里输入字体不显示（白色字体，选中后才显示），这样的问题在网站更换主机空间或者升级WordPress版本时偶尔会出现，而原因大多是编辑器所需的脚本文件没有正常加载。相近的一个问题是WordPress可视化编辑器不显示，也就是无法在可视化和文本之间切换。 遇到类似问题，大家首先应该回想一下，是由于自己进行了哪些操作才出现的： 更换新主题？安装新插件或升级插件？更新WordPress版本？网站数据备份还原？网站更换空间、更换域名？…… 可以尝试的方法： 检查是否开启了可视化编辑器：后台 > 用户 > 我的个人资料，查看是否勾选“撰写文章时不使用可视化编辑器”更换为WP自带默认主题，禁用所有插件清空浏览器缓存，或者使用其他浏览器看看下载相同版本的WordPress安装包，解压后，将 /wp-admin/ 和 /wp-includes/ 这两个文件夹的文件重新上传覆盖打开根目录的 wp-config.php ，在底部添加下面的代码： 1 define(’CONCATENATE_SCRIPTS’, false); define(‘CONCATENATE_SCRIPTS’, false); 暂时只有这些了，如果上面的哪种方法解决了你的问题，或者你找到了其他方法，欢迎反馈给我们，帮助更多朋友。

如果你想禁用某种自定义文章类型的可视化编辑器，可以将下面的代码添加到主题的 functions.php 即可： 1 2 3 4 5 6 7 8 9 10 11 /** * WordPress 禁用自定义文章类型的可视化编辑器 * https://www.wpdaxue.com/disable-wysiwyg-editor-for-custom-post-types.html */ add_filter( ‘user_can_richedit’, ‘disable_wysiwyg_editor_for_cpt’ ); function disable_wysiwyg_editor_for_cpt( $default ) { global $post; if ( get_post_type( $post ) == ‘question’) // 请修改 question 为你的文章类型 return false; return $default; } /** * WordPress 禁用自定义文章类型的可视化编辑器 * https://www.wpdaxue.com/disable-wysiwyg-editor-for-custom-post-types.html */ […]