增加WordPress文章字体大小的选择

作者:左岸|2009-03-25|分类:创造之路|标签:|3,005 views|字体:.....

留言板idk 说文章的字体太小,很伤眼睛,我本来想借用插件的方法,找了一下,好像没有专门提供这一功能的插件,就自己写了一小段代码,基本能满足这一功能。
方法很简单:

  1. 打开single.php文件,在<?php get_header(); ?>下面插入以下Js代码:
    <script type="text/javascript">
    function SetFont(size){
    	document.getElementById("logPanel").style.fontSize=size
    }
    </script>
  2. 在你想提供改变字体大小按钮的地方插入以下代码:

    字体大小: <a href=”javascript:SetFont(’12px’)” accesskey=”1″>小</a> <a href=”javascript:SetFont(’14px’)” accesskey=”2″>中</a> <a href=”javascript:SetFont(’16px’)” accesskey=”3″>大</a>

  3. 在你显示文章内容部分的<div></div>增加一个id=”logPanel”标识,一般是这样写的:<div id=”logPanel” class=”content”> 显示文章内容代码</div>

也许您还喜欢这些:

还有12 条评论

  1. 阿士 说道:

    能不能叫我把我博客主题的字体改大点?

    左岸 Reply:

    @阿士, 找到style.css文件中修饰主题字体的代码,进行修改啊!
    其实我不知道你要改的地方是哪里。

    阿士 Reply:

    @左岸, 我已经改了,自己一个个试,终于搞定,不容易啊

  2. 子猴 说道:

    恩 非常不错!谢谢

  3. 朵未 说道:

    用你的方法试验成功了。能否再分享下改背景颜色的那段fuctions代码?谢谢!

    左岸 Reply:

    @朵未, 我看了一下你的博客,你已经试验成功了,就不用我多说了吧。

    朵未 Reply:

    @左岸, 呵呵,还得多谢你。我后来用firebug查看了下,不建议吧。。

  4. 塽歌 说道:

    哎,失败了。我尽力了,还是没有显示,只能作罢了。希望搞个插件出来吧。

  5. 运动服博客 说道:

    学习了,试试看看