跳到主要内容

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

能够突出显示文本可以帮助您将用户的注意力吸引到特定的文本区域。突出显示号召性用语,特价商品,或者仅强调特定句子,这可能非常有用。

在本文中,我们将向您展示如何轻松在WordPress中突出显示带有或不带有插件的文本。

如何在wordpress中突出显示文本
如何在wordpress中突出显示文本

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

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

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

如何在wordpress中突出显示文本
如何在wordpress中突出显示文本

默认情况下,WordPress内容编辑器不带有简单选择并突出显示任何文本的选项。您仍然可以通过使文本变为斜体,更改文本颜色或使其变为粗体来强调文本。

如何在wordpress中突出显示文本
如何在wordpress中突出显示文本

话虽如此,让我们看一下如何轻松地在WordPress中突出显示文本。

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

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

首先,您需要安装并激活Advanced Editor Tools插件。有关更多详细信息,请参阅有关如何安装WordPress插件的分步指南。

高级编辑器工具(以前称为TinyMCE Advanced)增加了更多格式设置选项,并扩展了WordPress块编辑器。

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

如何在wordpress中突出显示文本
如何在wordpress中突出显示文本

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

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

如何在wordpress中突出显示文本
如何在wordpress中突出显示文本

是不是很简单?

但是,如果您不需要经常突出显示文本,则可以使用下一个方法,而无需使用插件。

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

此选项需要一些代码,但易于实现。

在此示例中,我们将使用HTML’mark’元素。这可以用来突出显示并吸引您对写作的某些部分的关注。

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

如何在wordpress中突出显示文本
如何在wordpress中突出显示文本

接下来,您将看到HTML格式的原始文本。只需将要突出显示的文本包装在<mark>and</mark>标记内,如下所示:

<mark>highlighted text</mark>

现在,您可以通过再次单击三点菜单并在块工具栏中选择“可视地编辑”来切换回可视模式。

如何在wordpress中突出显示文本
如何在wordpress中突出显示文本

阻止区域将切换回可视模式,您会注意到所选文本突出显示。

如何在wordpress中突出显示文本
如何在wordpress中突出显示文本

根据WordPress主题,突出显示的文本可能看起来有所不同。但是,通常它只是黄色背景。

如果您想更改它,可以通过添加自己的自定义CSS来进行。

只需转到外观»定制页面以启动主题定制器。从这里,您需要切换到“其他CSS”标签。

如何在wordpress中突出显示文本
如何在wordpress中突出显示文本

在这里您可以粘贴自定义CSS。您可以使用以下CSS代码作为起点。

mark {background-color: #ffd4a1;}

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

如何在wordpress中突出显示文本
如何在wordpress中突出显示文本

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

回到顶部