为了加强用户的阅读体验,我们可以给文章加一个字体大小切换的功能。在做之前先去网上看了下有没有这方面的内容,一看还真不少!基本都是利用Jquery来进行调节的,方法都大同小异,看下面代码。
首先你需要用到的HTML代码内容(放在single.PHP文件里面,一般是在标题的下面):
然后是js 代码(放在header.PHP文件里面或者也可以放在js文件里面进行引入):
接下来还需要在添加一些css样式放到主题style.css文件中。
.entry-utility .changef ul li{ float:left; margin:0 3px 0 3px; border:1px dashed #e0e0e0; border-radius:5px; padding:0px 4px 0px 4px; text-align:center; display:block; font-family:"微软雅黑"; cursor:pointer;}
.changef ul li.current {font-weight:bold; color:#FE872A;}
/*当你点击小,中,大其中任意的名称的时候,字体会变粗,颜色会改变。*/
http://www.favortt.com/