使用高亮标注文本以突出作者需要重点说明的点,并能够起到吸引用户的注意力。可以使用高亮文本突出显示诸如号召性用语,特价商品,或者仅强调特定句子。
在本文中,将会详细说明如何在WordPress文章或者页面编辑中高亮显示文本。

为什么以及何时高亮显示文本
高亮显示文本是强调内容中重要信息的简便方法。这有助于将用户的注意力吸引到重要的号召性用语上。
以下是高亮突出显示的示例:

默认情况下,WordPress内容编辑器不支持选择并高亮显示任何文本的选项。一般情况下只能够通过使斜体,更改文本颜色或粗体来强调文本。
如果需要对特定的文本进行高亮显示,你可以参考以下方法:
方法1.使用插件实现文本高亮显示
高亮突出显示文本的最简单方法是使用WordPress插件。
首先,您需要安装并启用Advanced Editor Tools插件。
Advanced Editor Tools (以前称为TinyMCE Advanced)将会提供更多格式设置选项,以增强WordPress古腾堡编辑器。
启用插件后,即可在编辑文章或者页面时对特定文本设置高亮。只需选择要修改的文本,然后单击下拉箭头以获取更多格式选项。

从下拉菜单中,您需要选择“Mark”选项。这将使用默认颜色突出显示文本。
但是,实际颜色可能会因您的WordPress主题颜色而异。现在,保存文章/页面并进行预览,即可查看高亮显示文本的效果。

但是,如果高亮文本并非经常需要用到的功能,安装插件似乎就有点多余。那么你可以尝试无插件的情况,通过HTML代码方法实现文本高亮。
方法2. 手动编辑代码实现文本高亮
虽然涉及到代码,但实现起来非常简单。
在此示例中,我们将使用HTML-‘mark’元素。这可以用来高亮显示特定文本。
只需在要高亮显示文本的地方编辑文章或页面。接下来,转到包含文本的段落,然后单击块工具栏中的更多菜单按钮,选择“作为HTML编辑”选项。

接下来,将会看到HTML格式的原始文本。只需将要高亮显示的文本包在和标记内,如下所示:
highlighted text
现在,可以通过再次单击更多按钮并在下拉菜单中选择“可视化编辑”来切换回可视模式。

区块将切换回可视模式,可以看到所选文本已经高亮显示。

基于WordPress主题,高亮显示的文本可能看起来有所不同。但是,通常为黄色背景。
如果您想更改它,可以通过添加自定义CSS来实现。转到外观»自定义页面,选择“额外CSS”标签。
注:如果你安装的是闪电博的WordPress主题,在主题设置界面,一般都会提供有自定义CSS功能。

贴入自定义CSS,如下:
mark {
background-color: #f00;
}
完成后,点击“发布”按钮以保存您的更改。访问WordPress已设置高亮文本的文章或者页面查看高亮文本效果是否生效。

希望本教程可以帮助您学习如何在WordPress中设置高亮文本。enjoy!
免责声明
- 本站文章均为原创,除非另有说明,否则本站内容依据 CC BY-NC-SA 4.0 许可证进行授权,转载请附上出处链接及本声明,谢谢。
- 本站提供的资源(插件或主题)均为网上搜集,如有涉及或侵害到您的版权,请立即通过邮箱 admin@wpwpp.com 通知我们。
- 本站所有下载文件,仅用作学习研究使用,下载后请在 24小时内 删除。请支持正版,切勿用作商业用途。
- 因代码可变性,本站不保证兼容所有浏览器、不保证兼容所有版本的 WordPress,不保证兼容您安装的其他插件。
- 本站保证所提供资源(插件或主题)的完整性,但不含授权许可、帮助文档、XML文件、PSD、后续升级等。
- 使用该资源(插件或主题)需要用户有一定代码基础知识!本站只提供汉化及安装教程,仅供参考。由本站提供的资源对您的网站或计算机造成严重后果的,本站概不负责。
- 有时可能会遇到部分字段无法汉化,同时请保留作者汉化宣传信息,谢谢!
- 本站资源售价只是赞助和汉化辛苦费,收取费用仅维持本站的日常运营所需。
- 如果您喜欢本站资源,开通会员享受更多优惠折扣,谢谢支持!
- 如果网盘地址失效,请在相应资源页面下留言,我们会尽快修复下载地址。
- 本站网址:wpwpp.com,联系邮箱:admin@wpwpp.com。














暂无评论内容