时间:2020-02-14
编辑:网站制作公司
676
0
突出显示的文本是万维网上几乎所有可用网站的共同特征。经常会发现由WordPress驱动的网站中包含带有彩色背景突出显示的文本且颜色通常为“黄色”的WordPress。
突出显示确实是从特定内容中读取和保留信息的有效手段。它被证明对于提高文本的读者群有效。根据一项调查,与包含纯文本的网页/博客相比,包含突出显示的文本的网页/博客的读者数量更多。芜湖高端网站制作:简而言之,“读者”的注意力指向网页/博客文章中突出显示的区域,无论文本传达了什么内容。尽管WordPress网站具有各种内置功能,使其在人群中脱颖而出,但文本突出显示功能实际上可以使网站的整体性能更加完美。
按照这种方法,您可以借助插件轻松突出显示放置在WordPress网站上的重要内容。这是两个插件的简要说明,可让您轻松进行文本突出显示:
插件1 - RAD文本荧光笔
安装此插件可以让您突出显示站点的重要内容,而无需打扰通常的WordPress文本编辑器。您需要做的就是将文本(要突出显示的文本)插入两个短代码括号之间,然后就可以完成。该插件还允许您根据自己的喜好更改突出显示的颜色。您可以选择此插件来突出显示帖子,页面或侧边栏小部件中的文本。
插件2 – WordPress的CKeditor
如果您对替换常规的WordPress文本编辑器表示“确定”,则该插件是为您量身定制的。安装此WordPress插件会将您的默认编辑器替换为一个默认编辑器,该编辑器将为您提供各种在网页中突出显示文本的选项。芜湖高端网站制作:CKeditor与广泛的Web浏览器和操作系统兼容,使其成为全球WordPress网站所有者的最佳选择。迄今为止,下载量已超过397,563,CKeditor肯定会留下来。
如果您擅长使用站点的CSS编码,那么此方法非常适合您。这里要遵循的步骤包括:
步骤1 –在CSS文件中创建一个新的“类”,并将其命名为“ highlight-text”。
步骤2 –创建一个子主题。
步骤3 –将新的“类”(在步骤1中创建的类)放入子主题的CSS文件中。
.highlight-text { background-color:#FFFF00; }
步骤4 –使用颜色选择器选择一种颜色。
步骤5 –在WordPress编辑器中切换到“文本”视图,并以以下格式包装要突出显示的文本:
<span class="highlight-text">… text to highlight …</span>
而且,您已经完成了突出显示样式中的文本的操作。
按照这种方法,您可以选择在帖子中插入一个代码,其中包含需要突出显示的内容。您可以在文本编辑器中查看相应的帖子,并在下面提到的代码中添加代码:
<span style="background-color:yellow;"> … your text here … </span>
在上面的代码中,您可以选择任何颜色。在我的示例中,我选择了黄色。
内联样式的唯一缺点是,如果您要更改特定突出显示的颜色,则必须返回到每个帖子并进行编辑。芜湖高端网站制作:如果您觉得更改突出显示的文本的颜色对于您的WordPress网站来说是一项常规活动,则建议您使用方法2。
因此,本教程仅此而已。希望您喜欢阅读。我敢肯定,按照本文中提到的步骤进行操作肯定会帮助您突出显示帖子和页面中的重要文本。
3
s后返回登录3
s后返回登录