经常会看到一些网页在显著位置有一个“大、中、小”的字号选择切换按钮，这是个很人性化的设计，方便不同人群的阅读习惯。下面以默认主题Twenty Eleven为例，把该功能集成到Wordpress主题中。
一、打开Twenty Eleven主题文章页面模板single.php，把下面javascript代码：
- <script type="text/javascript">
- function doZoom(size) {
- var zoom = document.all ? document.all['primary'] : document.getElementById('primary');
- zoom.style.fontSize = size + 'px';
- }
- </script>
加到第12行：
- <div id="primary">
上面。
注：primary为正文内容所在的id选择器标签名称，可根据不同主题进行修改，前提正文内容所在选择器必须是<div id="primary">形式，采用<div class="primary">控制将失效。
二、把下面代码：
- <div class="font"><a href="javascript:doZoom(12)">小</a> <a href="javascript:doZoom(13)">中</a> <a href="javascript:doZoom(18)">大</a></div>
加到：
- <span class="nav-next"><?php next_post_link( '%link', __( 'Next <span class="meta-nav">→</span>', 'twentyeleven' ) ); ?></span>
下面，视不同主题可以放在自己认为合适的位置。
其中：数字为不同的字号大小，可自行修改。
三、最后根据不同的主题添加适当的样式控制，这里略过。
本站文章大部分为原创，用于个人学习记录，可能对您有所帮助，仅供参考！
我的微信
微信号已复制
版权声明
本站原创文章转载请注明文章出处及链接，谢谢合作！
河北省廊坊市大城县 1F
沙发。。。
河南省安阳市 2F
鸟哥，又在研究新的主题了~~~
浙江省台州市 3F
鸟哥的主题，功能是没话说的，哈
福建省泉州市 4F
有没有办法让浏览者选择一次后，以后的文章就按选择的字体大小显示？
也就是如何用cookie实现这个功能？
中国 B1
@ 左岸读书 本文方法并不适用，我会再写一篇可以保存到cookie中的方法
上海市 5F
哈哈。连左岸也来看鸟哥的技术贴了。
河南省郑州市 6F
不错啊，改天我自己也试试。
河南省郑州市 7F
鸟哥，非常感谢你的主题，挺喜欢的。我在我的博客中发表的文章，为什么上下两片文章不链接，比如说上一篇是52，下一篇就是57，为什么文章序号不是连续（如：1，2，3，4）这的呢？
中国 B1
@ 旭阳 可以自己网上搜索:Wordpress ID不连续
江西省南昌市 8F
牛逼了
北京市 9F
不能用呀。。。。
上海市 10F
这个还真没装过。一般都用默认的了
广东省广州市 11F
厉害,厉害
河北省唐山市 12F
很棒，值得学习，以前没用过，看来真的得试试了！
河北省邯郸市 13F
鸟哥，鸟弟有个问题想请教你，就是文章写完了，如果我再次修改，能不能在文章的最下面显示出我最后修改的时间呢?我在学习中
河北省邯郸市 14F
更进一步学些，最后修改的时间能不能加在http://zmingcx.com/wordpress-mobile-theme.html文章的下面那个方框内呢？具体我要怎么修改呢？
中国 B1
@ tsolove 最后更新时间函数是
<?php the_modified_date(‘Y年m月d日’); ?>
加到single模版适合的位置
河北省邯郸市 B2
@ 知更鸟 鸟哥好久没有更新了，现在很忙吗？谢谢！这个我先去折腾下。
河北省邯郸市 B2
@ 知更鸟 对了鸟哥，如果一些文章没有更新过，和开始发文章时间一样，下面不想显示该怎么折腾呢?
北京市 15F
Bucuo不错
安徽省马鞍山市 16F
不错
江苏省扬州市 17F
哥啊!想死我了!终于盼到你回来了.
湖北省武汉市 18F
这个倒是不错，可以折腾看看。
广东省肇庆市 19F
看了这么多主题，还是鸟哥的主题最强大，教程文章也很到位，谢谢伟大无私的鸟哥分享的主，让我们看到了功能强大无所不能的WP.
上海市 20F
这个倒是不错,研究一下看看
广东省深圳市 21F
挺好的关注了。
广东省深圳市 22F
学习了
北京市 23F
不错的网站
河南省新乡市 24F
把下面javascript代码：
河南省 25F
赞一个赞一个，很棒的设置！
陕西省西安市 26F
这个是干货
来自外部的引用