【简单云】WORDPRESS主题添加字体大小切换按钮

小编经常会看到一些网页在显著位置有一个“大、中、小”的字号选择切换按钮，个人认为这是个很人性化的设计，方便不同人群的阅读习惯。很多站长朋友也想在自己的网站中实现这个功能，而且是用wordpress建站，接下来小编以默认主题Twenty Eleven为例，把该功能集成到Wordpress主题中。
一、连接FTP工具，打开Twenty Eleven主题文章页面模板single.php，把下面javascript代码：

`1`	`<script type="text/javascript">`

`2`	`function` `doZoom(size) {`

`3`	`var` `zoom = document.all ? document.all['primary'] : document.getElementById('primary');`

`4`	`zoom.style.fontSize = size +` `'px';`

5 }

`6`	`</script>`

加到第12行：

`1`	`<div id="primary">`

上面。
（primary为正文内容所在的id选择器标签名称，可根据不同主题进行修改，前提正文内容所在选择器必须是<div id=”primary”>形式，采用<div class=”primary”>控制将失效。）
二、把下面代码：

`1`	`<div` `class="font"><a href="javascript:doZoom(12)">小</a> <a href="javascript:doZoom(13)">中</a> <a href="javascript:doZoom(18)">大</a></div>`