WordPress添加字体切换大小按钮

给自己的网站WordPress添加字体切换大小按钮吧，这样方便读者阅读文章，一般网页字体大小都在12-16PX之间，中文最新的就是12PX了，当然还可以再小，不过就几乎看不见了，

这里分享一个代码的方法，给WordPress的文章页面添加一个字体控制按钮，这里也附上美化样式，实现方法如下：

WordPress添加字体切换大小按钮

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

<script type="text/javascript">
function doZoom(size) {
var zoom = document.all ? document.all['entry'] : document.getElementById('entry');
zoom.style.fontSize = size + 'px';
}
</script>

这里需要注意的就是，上面代码的entry指的是正文内容的div id，必须根据主题的实际情况进行修改即可。

前端调用html（在文章适当页面加入即可一般都是single.php）：

<div id="fschange">
<span id="font_title">字号：</span>
<span id="fs_dec"><a href="javascript:doZoom(12)" title="缩小">-</a></span>
<span id="fs_n"><a href="javascript:doZoom(14)" title="恢复">o</a></span>
<span id="fs_inc"><a href="javascript:doZoom(16)" title="增大">+</a></span>
</div>

然后是美化的css代码，加入主题文件中即可：

/* 字体大小 */
#fschange {float:right; margin:0; padding:0;}
#fschange #font_title{margin-top:2px;}
#fschange span {display:inline; float:left; margin-left:4px;}
#fschange span a {border-bottom:#c8c8c8 1px solid; text-align:center; border-left:#c8c8c8 1px solid; width:16px; display:block; height:18px; border-top:#c8c8c8 2px solid; border-right:#c8c8c8 1px solid;}
#fschange span a:hover {background:#ebebeb; text-decoration:none;}