如何使用 WordPress 报价块

WordPress 报价块提供了一种简单的方法来显示来自外部来源的报价。 它显示带有引号的文本，并包含用于添加引文的标题。 这是一个简单的块，但在您的内容中使用它可以吸引读者的注意力并为您的文本添加一些重点。

在本文中，我们将查看 Quote Block 并看看它可以做什么。 我们将研究如何将它添加到您的帖子和页面，查看使用它的一些提示和最佳实践，并查看常见问题。

如何将引用块添加到您的帖子或页面

要添加报价块，请在要放置块的位置单击块插入器。 您也可以单击左上角的插入器。 搜索报价并从弹出窗口中选择它。

或者，您可以在要放置块的位置键入/quote并按 Enter 键或从选项中选择它。

这会将引用块添加到您的内容中，您可以在其中添加所需的任何引用。

要使用它，只需输入或粘贴您希望它显示的文本添加报价。 引文下方是一小行标有“添加引文”的文本，您将在其中添加对引文的引用。 参考可以包括名称、标题、日期、出版商、链接等。

设计将根据您使用的主题而有所不同。 使用 22-1 主题的引用以半粗体显示，而引文以常规粗细显示。

通过选择左上角的插入器图标添加预制设计，选择模式，搜索引用，然后从列表中显示的模式中进行选择。

报价块设置和选项

报价块包括块内和右侧栏上的设置和选项。 我们将仔细研究这两种类型的设置和选项。

报价块工具栏

报价块工具栏位于块上方。 当您选择块时会出现此工具栏。 您可能需要在它下面的另一个块才能看到所有工具。 让我们仔细看看。

更改块类型或样式

您有多种转换块的选项，包括段落、标题、列表、列、组或引用。 每个都显示了它与您的内容的外观的预览。 它还有几个样式选项。 将鼠标悬停在其中任何一个上会显示包含您的内容的预览。 如果您想设置背景样式、添加边框和添加间距，组是一个不错的选择。 在这个例子中，我将鼠标悬停在 pullquote 上。

拖动和移动

拖动和移动工具可以轻松移动块。 由 6 个点表示的拖动工具可让您拖动块。 移动工具，即向上和向下箭头，只需单击一下，就可以在您的内容中向上或向下移动块。

更改对齐方式

对齐选项包括左对齐、居中对齐和右对齐。 这会将内容与您选择的一侧对齐。 与其他块不同，它不包括宽和全宽选项，也不用其下的段落包裹块。 您可以通过将块转换为组来添加宽和全宽选项。

此示例使用居中对齐，将文本和引文居中放置在块中。

粗体和斜体

粗体和斜体为您突出显示的文本设置样式。 一起或独立使用它们。 在这个例子中，我在引文中和引文中独立地一起使用它们。

关联

这会为您突出显示的文本添加一个 URL。 输入 URL 会显示基于您之前使用过的 URL 的建议。 您可以将其设置为在新选项卡中打开链接。

我在这个例子中添加了引文的链接。 文本带有下划线以表明它是一个链接。

更多选择

更多选项有七个选项，可用于设置单击时突出显示的文本的样式。 我在上面的例子中添加并强调了它们中的每一个。 选项包括：

内联代码——这使文本看起来像代码。 知道这个词是格式化为内联代码。

内嵌图像- 这会从您的媒体库中添加图像。 我在上图中添加了一个罐子的图形。 您可以更改图像的像素宽度。

键盘输入– 将文本样式设置为键盘 HTML 格式。 那里的单词使用键盘输入样式进行格式化。

删除线- 这会在文本上添加一行。 我在这个词上添加了删除线，但在上图中。

下标- 这使文本成为下标，就像单词human 一样。

上标- 这使文本成为上标，就像单词error 一样。

文本颜色- 这可以自定义文本的颜色，如上例中的引文。 当设置图标处于活动状态时，它会移动到工具栏。

通过从颜色选择器中选择预选颜色或自定义颜色，或输入十六进制代码、RGB 代码或 HSL 代码来自定义颜色。

选项

选项按钮包括 10 个标准块选项：

隐藏更多设置- 这将隐藏右侧边栏。

复制- 这会复制报价块，以便您可以将其粘贴到内容中的其他位置。

重复- 这会在原始下方添加报价块的副本。

插入前- 这会在报价块之前为块添加一个空格。

插入后- 这会在报价块之后为块添加一个空格。

移动到- 这使您可以通过放置一条蓝线来移动块，以显示移动块的位置。

编辑为 HTML - 这将打开代码编辑器，您可以在其中编辑 HTML。

添加到可重用块- 这会将引用块添加到您的可重用块中，以便您可以在其他页面和帖子上重用它。

组- 这会将块添加到您可以自定义的组中。

删除块– 这将删除报价块。

报价块侧边栏设置

侧边栏设置包括样式和高级。 单击该块会在边栏中打开“报价块”选项更改。 单击右上角的齿轮可打开或关闭侧边栏。

样式

样式显示两个选项：默认样式和大样式。 两者都显示了 Quote 外观的预览。 您可以在标有Default Style的下拉框中设置默认样式。 样式可能因您的主题而异。 上面的示例显示了大样式。

先进的

标准高级设置在这里，其中包括 HTML 锚点和附加 CSS 类。 HTML 锚点创建一个 URL，以便您可以链接到该块。 在“附加 CSS 类”字段中，您可以添加要使用的任何 CSS 类。 它包括您从样式选项中选择的样式。

有效使用报价块的提示和最佳实践

使用引号来强调文本的一部分或让您的读者有一个重点关注的想法。

将它们用于在文章其他地方找不到的引用。

选择大样式以将引文与文本更显着地区别开来。

根据您的内容和受众选择引文样式。

引用作者时，尽可能提供作品的标题。

对于学术引用，请使用您学校首选的引用方法。

选择组以添加背景颜色或边框。

关于报价块的常见问题

报价块的目的是什么？

呈现在您的内容中看起来不错的引语。 它们以不同的字体添加到内容中，并包括引号和引文标题。

Quote Block 和 Pullquote Block 之间有什么区别？

引用用于外部引用，而 pullquote 突出显示其所在文章中的一部分文本。 Pullquote 块具有颜色选项和不同的布局。 Pullquotes 可以用作标题。

使用这个块有什么好处？

它从文本的其余部分中脱颖而出，因此引起了人们的注意。 读者一眼就能看出这是一个引文。 该块比 Pullquote 块更易于使用。

它可以变成什么？

它可以转换为段落、标题、组、pullquote、列表和列。

这个块可以用来做什么？

引用块是显示推荐、评论、个人引用、来自专业或学术来源的引用、作者、名人、灵感等等的好方法。 不应在内容中的其他地方找到引用。

结论

这就是我们对 WordPress 报价块的看法。 此块是强调与其他内容不同的文本的好方法。 它没有很多样式选项，但它确实看起来很优雅，您可以通过将其转换为一组来设置背景样式。 它非常适合引用名人名言、引用来源、推荐和灵感。

我们希望听到您的意见。 你使用报价块吗？ 请在评论中告诉我们您对此的看法。

精选图片来自 Vector.design/shutterstock.com