WordPress添加字体切换大小按钮

众口难调,网页上正文的字体大小一般在12px~16px之间,然而许多的老年朋友却因为看不到字而苦恼。虽然有网页缩放这一功能,但一是不能用正常的方式阅读网页、二是会让图片因为放大而变得异常模糊。所以最好的方法就是:游客可以直接按下网站上的“放大”“减小”按钮调整网页上的字体大小,现在我们可以将此小功能集成到wordpress中。

WordPress添加字体切换大小按钮

WordPress添加字体切换大小按钮 张弦先生のchrafz.com

实现代码示例

将此JS代码添加到single.php中:

需要注意的是,上面的entry指的是正文内容的div id,必须根据主题的实际情况进行修改。

前台代码示例

添加至合适的位置即可。

HTML:

CSS:

 

本文由 @张弦先生 原创发布.如若转载,请注明出处:张弦先生-chrafz.com » WordPress添加字体切换大小按钮
分享到:
赞(14) 打赏

评论1

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址
  1. #1
    访问量不高。就不纠结这种功能
    夏天烤洋芋2017-01-12 14:18:53回复

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏