在 WordPress 中突出显示内容:Blockquote 与 Pullquote

在 WordPress 中突出显示内容:Blockquote 与 Pullquote

发布新内容时,重要的是要注意其整体图形布局 - 而不仅仅是使页面看起来不错。适当突出显示某些部分可以提高清晰度并吸引访问者对内容的关键部分的注意力。因此,即使用户没有阅读整篇文章而只是浏览一下,他也会获得最重要的信息。

今天我们将重点关注在 WordPress 编辑器中使用引号突出显示文本。我们将向您展示如何在特定情况下进行块引用和拉式引用,并解释它们之间的区别。

文章回答了以下问题:

何时使用块引用

术语块引用是通过缩短短语而创建的 块引用 这意味着它是对单个内容(块)的引用。通常它不是从文章本身中提取的文本。块引用引用外部来源。您可以将它们用作以下内容的引用:

  • 另一个来源和专业出版物
  • 名人名言
  • 来自满意客户的评价

块引用引起对特定内容的关注。他们通过以图形方式将信息与其他内容区分开来将其标记为重要信息。块引用通常通过引号或引号来直观地表示。但是,它们的最终外观取决于您使用的 WordPress 主题。

如何在 WordPress 编辑器中插入块引用

有一个特殊的块用于将块引用插入到页面或帖子中,称为引用块。它可以很容易地添加到您的页面:

1. 第一个选项是单击顶部栏中或编辑器中要放置块的位置的“+”符号。然后在搜索栏中查找“引用”一词。

添加报价块
单击“+”添加报价块

2. 第二个选项是通过在正斜杠“/”后键入块名称来搜索块。

使用斜杠“/”添加引用块
要查找并添加引用块,您还可以使用斜杠“/”

全做完了。您已经创建了一个带有占位符和文本“Write quote”的块。

块样式和格式

新添加的报价块具有默认样式和格式。有一条垂直线突出显示引文并将其与其余内容分开。但是,您可以通过单击工具栏中的引号 (“) 图标或在右侧检查器中选择“样式”将样式更改为“大”。

大样式删除垂直线,增加字体大小并将其更改为斜体。尽管预览页面上报价的最终外观取决于您所使用的 WordPress 主题的设计。

将报价块样式从“默认”更改为“大”
查看当您将引用块的块样式从“默认”更改为“大”时,其外观会有何不同

块引用格式与段落格式类似。引文格式可以设置为粗体或斜体,您甚至可以在引文中使用超链接(URL)。文本对齐方式可以是左对齐、居中对齐或右对齐。引用块本身始终固定为内容的宽度。

将 Blockquote 转换为另一种块类型

您只需单击一下即可将块引用转换为另一种块类型。优点是您可以直接从 Quote 块切换到 Pullqoute,反之亦然。以下是可供选择的所有可用块的完整列表:

  • 段落
  • 拉科特
  • 标题
  • 列表

引述:什么时候使用它们?

块引用引用外部来源,而引文则突出显示直接从页面内容中提取的最重要信息。这意味着它们会引起人们对帖子或页面中特定段落的关注,并强调其重要性。

拉式报价如何运作?

  • 作为增强内容及其结构的图形元素
  • 它们在滚动页面时吸引用户的注意力
  • 它们可以用作页面上的副标题或标题

如何添加 Pullquote 块

在 WordPress 块编辑器(版本低于 5.0)发布之前,需要在 CSS 中设置引文的样式。现在,借助 Pullquote 块,您只需单击几下即可添加它们。将 Pullquote 块插入页面与插入 Quote 块完全相同。搜索时只需使用该块的名称即可。

Pullquote 块的定制

Pullqoute 块提供 2 种基本样式 - 默认和纯色。您可以在工具栏或检查器中在它们之间切换。他们看起来怎么样?

默认样式的特点是 两条水平线,位于报价的顶部和底部。您可以更改这两行的颜色,但背景将保持白色。

拉引默认样式
Pullquote 的默认样式

另一方面,纯色是一种设计更简单的风格, 没有任何线条。与默认样式相比,字体大小稍大,并且使用纯色样式时可以选择整个块的背景颜色。

拉引 纯色
Pullquote 块的纯色样式

无论您选择哪种样式,都可以更改两种样式的字体颜色。还有可用的标准段落格式,例如粗体、斜体或插入 URL。

高级 Pullqoute 块对齐选项

与 Quote 块不同,Pullqoute 块除了标准对齐(左、右、中)之外,还提供更多对齐选项:宽宽度或全宽度。

由于具有宽屏视图,pullqoute 可以用作标题或副标题。它不仅可以很好地划分页面上的内容,还可以起到悬念的作用,吸引用户继续浏览页面。请记住,Pullquote 的最终外观取决于主题的设计。并非所有主题都支持高级对齐选项。

Pullqoute 块的全宽对齐
Pullqoute 可以用作标题(拉伸到全宽)

Citadela主题允许您毫无困难地选择宽幅或全幅。
下载并亲自看看!

转换为另一种块类型

Pullquote 块转换为其他类型块的可能性有限。事实上,Pullquote 块只能转换为 Quote 块。

结论:引用块还是 Pullquote 块?

何时使用 Quote 块而不是 Pullquote 块,反之亦然?

当表达观点和引用名人或引用外部资源时,我们建议使用引用块。引用应该是用户无法直接在页面或帖子中找到的文本。它非常适合推荐,因为它们以图形方式将评论与其他内容分开(在设计和格式方面 - 例如通过使用斜体)。乍一看很明显这是一个引文,因此需要强调。

Pullqoute 块应该用于突出显示直接从页面文本中提取的关键信息。由于拉引是内容的摘录,因此您的网络访问者无需彻底阅读文章即可了解最重要的信息。然而,如果 Pullquote 块中的信息确实很有吸引力,它将鼓励访问者在您的网站上花费更多时间。此外,您还可以使用 Pullqoute 作为标题或替代字幕。

5 对“Highlighting content in WordPress: Blockquote vs. Pullquote”的思考

  1. 嗨艾维,
    感谢您提供有关如何正确使用 wordpress blockquote 的指南,我尝试通过我的主题编辑器添加它,但几乎使所有内容都崩溃了。再次感谢。

    请问您使用的是哪个 WordPress 目录插件?它很漂亮,我很想在我的网站上实现它。

    1. 你好,博拉里萨,

      谢谢你的夸奖。请查看发布在以下位置的详细信息:https://www.ait-themes.club/create-table-in-wordpress-without-plugin-blog/

      亲切的问候!
      兹拉特科
      艾特团队

  2. 在我的 citadela pro 插件主题布局示例中,我找不到如何更改引文中的照片

    https://prnt.sc/v26fce

    1. 你好呀,

      感谢您的来信。我们恳请您检查我们的知识库和/或带有视频教程的文档:
      https://www.ait-themes.club/ait-themes-documentation/
      或者随时直接在我们的专用支持票系统中发布技术问题。请通过 https://system.ait-themes.club/support/add-question 登录您的帐户。

      亲切的问候!
      兹拉特科
      艾特团队

评论已关闭。