为WordPress文章添加正文增大减小字号功能-利剑分享-科技生活
利剑分享-科技生活-利剑分享-科技生活
利剑分享-科技生活

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

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

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

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

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

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

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

小 中 大

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

© 版权声明
THE END
喜欢就支持一下吧
点赞6 分享