如何在 WordPress 中突出显示文本(初学者指南)

您想突出显示 WordPress 帖子或页面中的文本吗?

能够突出显示文本可以帮助您将用户的注意力指向特定的文本区域.这可以很好地突出号召性用语、特别优惠，或者只是强调特定的句子.

在本文中，我们将向您展示如何在使用或不使用插件的情况下轻松突出显示 WordPress 中的文本.

为什么以及何时突出显示文本

文本突出显示是一种强调内容中重要信息的简单方法.这有助于您将用户的注意力引导到重要的号召性用语上.

以下是文本突出显示的示例:

默认情况下，WordPress 内容编辑器不提供简单地选择和突出显示任何文本的选项.您仍然可以通过将文本设为斜体、更改文本颜色或将其设为粗体来强调文本.

话虽如此，让我们来看看如何在 WordPress 中轻松突出显示文本.

方法 1.突出显示 WordPress 中的任何文本(不需要 HTML)

突出显示文本的最简单方法是使用 WordPress 插件.

首先，您需要安装并激活高级编辑器工具插件.有关更多详细信息，请参阅有关如何安装 WordPress 插件的分步指南.

高级编辑器工具(以前称为 TinyMCE 高级)添加了更多格式选项并扩展了 WordPress 块编辑器.

插件激活后，您可以编辑要突出显示某些文本的 WordPress 帖子或页面.只需选择要修改的文本，然后单击下拉箭头即可获得更多格式选项.

从下拉菜单中，您需要选择"标记"选项.这将使用默认颜色突出显示文本.

但是，实际颜色可能会因您的 WordPress 主题颜色而异.您现在可以保存您的帖子/页面并预览它以查看突出显示的文本.

容易不是吗?

但是，如果您不需要经常突出显示文本，那么下一个方法允许您在不使用插件的情况下执行相同操作.

方法 2.在 WordPress 中手动突出显示文本

这个选项需要一点代码，但很容易实现.

在本例中，我们将使用 HTML 的"mark"元素.这可用于突出并引起对您写作的特定部分的关注.

只需编辑要突出显示文本的帖子或页面.接下来，转到包含文本的段落，然后单击块工具栏中的三点菜单.从这里，您需要选择"编辑为 HTML"选项.

接下来，您将看到 HTML 格式的原始文本.只需将要突出显示的文本包裹在 <mark> 和 </mark> 标签中，如下所示:

<mark>highlighted text</mark>

您现在可以通过再次单击三点菜单并在块工具栏中选择"可视化编辑"来切换回可视模式.

块区域将切换回可视模式，您会注意到您选择的文本突出显示.

根据您的 WordPress 主题，突出显示的文本可能会有所不同.然而，通常它只是一个黄色的背景.

如果您想更改它，可以通过添加您自己的自定义 CSS 来实现.

只需转到外观»定制页面以启动主题定制器.从这里，您需要切换到"其他 CSS"选项卡.

您可以在此处粘贴自定义 CSS.您可以使用以下 CSS 代码作为起点.

mark {
background-color: #ffd4a1;
}

完成后，点击"发布"按钮保存更改.您现在可以访问您的 WordPress 博客以查看您突出显示的文本.

我们希望这能帮助您学习如何在 WordPress 中突出显示文本.您可能还想查看我们关于最佳 WordPress 页面构建器的指南，以帮助您创建完全自定义的设计而无需任何代码，以及我们对最佳电子邮件营销服务的比较，以增加您的流量.