什么是 Blockquote 以及如何在 WordPress 中添加它

当您希望文本中的一两句话真正弹出时,您有几个样式选项可以做到这一点。 您可以使用粗体、斜体或下划线来设置文本样式,作为显而易见的选择。 您可以更进一步,为文本着色或突出显示。 你也可以做一些更激烈的事情——一个叫做 blockquote 的选项。

最近,我们发布了一个名为 Qi Addons for Elementor 的免费插件,其中包含我们团队创建的 60 个插件。 在这些插件中,有一个块引用小部件 – 一个让您轻松添加和设置块引用样式的插件。

如果您想查看插件的实际效果——这里有一个方便的视频,解释了如何使用它来创建一个简单而有效的块引用。

对于那些喜欢阅读的人,我们将使用本文向您展示相同的内容 – 如何创建简单的块引用并熟悉此插件的一些选项。 你会读到:

什么是块引用,它是什么样的?

块引用预览

每个人都知道什么是引用——当你把别人说的话写下来,同时承认你在做什么。 很多人在教室里遇到语录和语录。 那些不知道的人可以通过消费媒体轻松熟悉它。

在谈论块引用时,您不应该对“引用”这个词采取最严格的含义。 即使你经常在块引用中引用其他人, 这也是阐明您所写重要内容的好方法——引用您自己的文字。

作为一般规则,块引用的风格与文本的其余部分不同。 通常,块引用中的文本会使用不同的字体,通常是斜体。 更大的字体大小在块引用中也很常见,夸张的引号或其他视觉元素的使用也是如此—— 块引用几乎可以使用书中的所有技巧,以使其内容脱颖而出。

这就是为什么我们说块引用是突出显示文本的设计选项。 人们已经能够使用带有标签

的 HTML 添加块引用。 有些人可能将它用作在文本中添加一些缩进的便捷方式,因为这就是经常显示块引用的方式。

然而,今天,块引用可以是丰富多彩的,或者是简单而庄重的。 块引用的外观取决于您以及您在 WordPress 中添加它们的方法。

如何在 WordPress 中添加块引用

块引用预览

如果您有兴趣在 WordPress 中添加比从 HTML 标记中获得更多样式的块引用,您需要先做几件事。 如果你没有 元素 已经安装并激活,这是你需要做的事情。 免费版可以正常工作。

您的下一步将是安装我们的 Elementor 的 Qi 插件 插件就像您在 WordPress 中安装任何其他插件一样。 激活后,您可以创建新帖子或页面,或打开现有的,您就可以在 WordPress 中添加块引用。

您可以通过在左侧面板中搜索术语“blockquote”来找到该小部件。 它将是您在结果中看到的红色小部件。 只需将其拖到空闲部分就足以在 WordPress 中添加块引用。 这就是我们添加我们的方式,但我们在这一步之后进行了一次简单的编辑——我们编辑了选择盒装内容宽度并将其设置为 735 的部分。

内容宽度

这为我们提供了用于编辑块引用和设置样式的画布。 非常欢迎您选择您喜欢的布局和样式,甚至进入该部分的高级选项。

如何编辑块引用的内容

您可以在“内容”选项中执行三项重要操作。 您可以选择布局——指的是那些引号的位置——编辑文本并选择图标类型。

块引用一般

我们选择坚持顶部布局,将引号保留在文本顶部。 我们已将 lorem ipsum 更改为我们自己的文本,并使用了我们上传到媒体库的图标。

块引用常规设置

由于在“内容”选项卡中没有太多其他事情可做,我们继续设置我们的块引用样式。 没有理由急于尝试布局、文本和图标类型 – 花点时间找到合适的匹配项。

如何样式化块引用

转到样式选项卡,您将首先遇到更改文本对齐方式、背景类型和边框类型的选项。 对齐是一个简单的选项,但背景类型和边框类型隐藏了您可以做出的大量有趣选择。 无论您是想为块引用创建颜色渐变背景还是双边框,这都是您可以做到的地方。

对于我们的块引用,我们只是将对齐更改为中心。

块引用对齐

文本样式卡是您可以找到文本的所有颜色和排版选项的地方。 您也可以选择文本标签。 我们选择不更改颜色或默认标签,但我们确实将字体更改为 DM Serif Text,并将样式更改为斜体。

块引用排版

在图标样式卡中,您将能够选择图标的对齐方式和大小,以及它的颜色。 我们只决定更改图标的大小,将其增加到 47 像素。

块引用图标大小

最后,间距样式卡是您可以调整支架填充以增加文本周围的空间、文本顶部边距和图标边距的地方。 我们决定保留这些选项,对我们的区块引用结果感到满意。

块引用决赛

让我们把它包起来!

无论您是使用它们来引用别人的话还是吸引更多注意力,blockquote 都是您可以用来完成工作的工具。 如果它是您计划用于您的网站的工具,我们的小部件将提供您自定义区块引用所需的所有选项。

In relation :  如何将 Google 搜索添加到您的 WordPress 网站
Moyens Staff
Moyens I/O 员工激励了您,为您提供技术、个人发展、生活方式和策略方面的建议,对您有所帮助。