spot_img
HomeWordPress教程如何使用 WordPress Pullquote 块

如何使用 WordPress Pullquote 块

pullquote 是文章中引起注意的一个小片段。 它非常适合为您的文本添加重点或突出显示一个短语。 它为读者提供视觉帮助。 WordPress 有一个专为此目的设计的 Pullquote 块。

在本文中,我们将介绍 Pullquote Block,了解如何将其添加到您的帖子和页面,查看使用它的提示和最佳实践,以及常见问题。

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

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

要添加 Pullquote 块,请单击要放置块的位置或左上角的块插入器。 搜索 Pullquote 并选择它。 或者,您可以键入 /拉引号 然后按回车键放置方块。

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

Pullquote 块将添加到您的内容中,您可以在其中添加文章中的引用。

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

要使用它,只需输入您希望它显示的文本 添加报价. 在这下面是另一行标记的文本 添加引文 您将在其中添加您要引用的人的姓名,对于 pullquote,它是文章的作者。 引文对于 pullquotes 是可选的。

您的报价显示在两条水平线之间,并在其上加上引号。 默认设置以大字体显示引文,而引文则以常规粗细的较小字体显示。

Pullquote 块设置和选项

Pullquote 块设置和选项

Pullquote 块包括块本身和右侧边栏中的设置和选项。

Pullquote 块工具栏

Pullquote 块工具栏

贷款申请在线申请,高额度,快速下款!

Pullquote 块工具栏位于块上方。 当您选择块时它会出现。 让我们仔细看看。

更改块类型或样式

更改块类型或样式

您有多种选项可以将块转换为其他块、样式等。将其转换为段落、列、组、标题、引用或列表。 每个都提供了使用您的内容的效果的预览。 它还具有样式选项。 将鼠标悬停在选项上会显示它在您的内容中的外观预览。 在本例中,我将鼠标悬停在样式下的纯色选项上。

拖动和移动

拖动和移动

拖动工具由 6 个点表示。 抓住点并将块拖动到您想要的任何位置。 移动工具是向上和向下箭头。 单击它们以在您的内容中上下移动块。

更改对齐方式

更改对齐方式

对齐选项包括左、右、宽和全宽。 宽和全宽选项仅在您的主题支持它们时才可用。 选择向左或向右将其放置在屏幕的那一侧。 取消选择您的选项以将其恢复为居中的默认设置。 它适用于段落块。

更改对齐方式

例如,将其设置为左对齐或右对齐会将其下方的段落置于 Pullquote 块内。 在此示例中,我将其设置为 Left,并且下一段中的文本现在环绕它。

粗体和斜体

粗体和斜体

粗体和斜体选项会影响您突出显示的文本。 它们可以一起使用或独立使用。 在这个例子中,我在引文中独立使用了它们,并在引文中一起使用。

关联

关联

将链接添加到您突出显示的任何文本。 当您输入 URL 时,您会看到基于您之前使用过的建议的建议。 您还会看到在新标签页中打开链接的选项。

WordPress建站服务

关联

在这个例子中,我添加了引文的链接。 它在文本下划线以显示它是一个链接。

更多选择

更多选择

点击 更多选择 打开一个带有 7 个选项的下拉框来设置文本样式。 我已经在上面的例子中添加了它们中的每一个。 当您单击它们时,它们都会影响您突出显示的文本。 它们包括:

内联代码 – 将文本样式设置为看起来像代码并阻止代码执行。 这个单词 这个 正在格式化为内联代码。

内嵌图片 – 将媒体库中的图像添加到鼠标光标所在的位置。

键盘输入 – 使用键盘 HTML 格式设置文本样式。 这个单词 引用 使用键盘输入样式进行样式设置。

删除线 – 在文本中放置一行,例如单词 惊人的 在上图中。

下标 – 使文本比其他文本更低更小,就像字母一样 电阻 在上面的引文中。

上标 – 使文本比其他文本更高更小,就像字母一样 一种 在上面的引文中。

WordPress divi主题

文字颜色 – 让您更改文本的颜色,如单词 棕色的 在上面的引文中。 当工具栏处于活动状态时,设置图标会更改为工具栏。

更多选择

对于颜色选项,从预先选择的颜色中选择或创建自定义颜色。 从颜色选择器中选择自定义颜色或输入十六进制代码、RGB 代码或 HSL 代码。

选项

选项

包括所有标准选项:

wordpress建站公司

隐藏更多设置 – 隐藏右侧边栏。

复制 – 复制 Pullquote 块,以便您可以将其粘贴到内容中的任何位置。

复制 – 在原件下添加 Pullquote 块的副本。

插入前 – 在 Pullquote 块之前添加一个空格,您可以在其中添加一个块。

插入后 – 在 Pullquote 块之后添加一个空格,您可以在其中添加一个块。

搬去 – 在您的内容中放置一条蓝线,您可以将其移动到您想要移动 Pullquote 区块的位置,从而轻松移动区块。

编辑为 HTML – 打开代码编辑器,您可以在其中编辑 HTML。

添加到可重用块 – 将 Pullquote 块添加到可重复使用的块中,使其易于重复使用。

团体 – 将块添加到可以作为单个单元进行调整的组中。

删除块 – 删除 Pullquote 块。

Pullquote 块侧边栏设置

Pullquote 块侧边栏设置

侧边栏设置包括样式、颜色和高级。 单击右上角的齿轮以打开或关闭侧边栏。 单击该块会将侧栏更改为 Pullquote 块选项。

样式

样式

样式显示两个选项:默认样式和纯色样式。 样式显示了 pullquote 的外观预览。 您可以通过在标记的下拉框中单击来设置默认样式 默认样式.

颜色

颜色

颜色选项包括主色和文本颜色。 有几种颜色可用作默认颜色,您也可以选择自定义颜色。 对于自定义颜色,请从颜色选择器中进行选择或输入所需的十六进制、RGB 或 HSL 颜色。

颜色

主色 影响第一种样式的引号上方和下方的行。

颜色

对于第二种风格, 主色 影响背景。 当您为背景选择深色时,它会变为浅色文本。 如果您选择难以阅读的颜色组合,它会让您知道。

颜色

文字颜色 影响引号、引用和引文。 它不会覆盖工具栏设置中设置的文本颜色。

颜色

您可以使用 文字颜色 settings 调整引号,然后使用工具栏中的颜色设置独立调整文本。

先进的

先进的

高级设置包括 HTML 锚点和附加 CSS 类。 锚点提供了一个 URL,因此您可以直接链接到该块。 CSS 类字段包括您选择的样式,您可以根据需要添加其他类。

有效使用 Pullquote 块的技巧和最佳实践

  • 使用文章本身的文本。
  • 谨慎使用它们。
  • 不使用标题也没关系。
  • 使用右对齐或左对齐使您的 pullquote 包裹您的文本。
  • 使用宽屏和全屏对齐选项来创建有趣的标题。
  • 尝试两种样式,默认样式和纯色样式,看看哪种样式最适合您的内容。 使用纯色并更改背景颜色以突出显示。
  • 使用颜色使 pullquote 更加突出。

关于 Pullquote 块的常见问题

Pullquote Block 和 Quote Block 有什么区别?

报价显示外部报价。 Pullquote 突出显示了它所在文章中的一部分文本。 Pullquote 块包含更多对齐选项并且样式不同。

使用 Pullquote 块有什么好处?

它使文本具有更加突出的图形外观。 它还突出显示文本中的一行以引起注意。

它们可以转换为报价块吗?

是的,还有一个段落块、列、组、标题或列表。

它们可以用于其他用途吗?

是的,还有简短的教程、脚注、标题等。

独立站教程教程 siteground

结论

这就是我们对 WordPress Pullquote Block 的看法。 Pullquote 是为文本添加一些视觉重点的好方法,Pullquote 块做得很好。 此块易于使用,并为您提供足够的选项来创建突出的独特外观。 它的布局选项适用于您的文本,允许您分割文本、用文本换行,甚至将其用作标题。

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

精选图片来自 girafchik / shutterstock.com

siteground 小红书电商教程
WordPress花园官方账号
WordPress花园隶致力于为广大跨境电商和独立站爱好者提供优质的WordPress教程、Woocommerce教程、Facebook、Twitter、tiktok、Instagram教程和谷歌SEO教程等资料和对应的建站推广服务。关注‘哟派出海’公众号了解最新资讯。粉丝福利:Shopline免费独立站建设14天优惠 商务合作: [email protected]
RELATED ARTICLES
spot_img