星期六 , 2020-10-24
首页 > WordPress教程 > 为WordPress文章添加正文增大减小字号功能

为WordPress文章添加正文增大减小字号功能

在很多新闻资讯或小说网站的文章页面都会有个增大减小字号功能,如上图所示为新浪新闻文章页面增大减小字号功能截图。这个功能是便于用户浏览正文内容的。有些用户的视力不好,特别是老年人,就需要增大文章正文的字号便于看清内容。也有些用户是因为要一屏看到更多内容而不想不断滚屏,就需要减小字号查看内容。所以,这个功能还是比较实用的。实现为WordPress文章添加正文增大减小字号功能并不难,以下是具体方法:

/*
添加文章正文增大减小字号功能
代码来源: www.wpzhinan.com
*/

代码说明:先将以上代码插入到主题single.php正文内容所在div id容器entry前面,如:

如果你的主题single正文所在的id名不是entry,请用你自己的id容器名替换以上代码中的entry即可。这段代码的作用是圈定可调整字号的内容区域。

然后,将以下代码插入到你想要在single.php中显示字号调整链接的地方。


至于div样式和字号,你可以根据自己的需要进行调整,以上仅示例!以上代码中的doZoom后的数字即字号,单位是px,也可根据实际需要调整。

本文地址:http://www.wpzhinan.com/jiaocheng/1063.html
版权申明:除部分代码外,本站内容均为原创,转载请注明来源,违者必究侵权责任!

相关推荐

WP_Image_Editor_Imagick 指令注入漏洞修复方法

Imagick组件爆出了超级漏洞,危害等级极高,直接导致大量使用Imagick组件的网站均 ...