增加WordPress文章字体大小及背景色的选择按钮

/ 24评 / 19

今天在左岸读书那看文章,看到它的文章页面上的有几个按钮很有意思,可以调文字的大小和背景色,哈,很是喜欢,习惯性的打开火狐,打开之前写过介绍的firebug查看了下源代码,准备copy下来,希望不要介意哈。嘿嘿。
不出意外,我发现了一下代码:

  

有戏了,哈哈,然后我找到主题文件中single.php,在< ?php get_header(); ?>下面插入以下Js代码:

然后在tittle和content之间适当的位置插入以下代码以显示文字按钮:

字体:  
颜色: 

最后在content的DIV中加了一个"sizecolor"的ID,如下:

……

这样,这个功能就完美仿造成功了,试试效果吧,文章按钮我放在文章作者日期那一行,由于inove主题的特殊性,中文会出现乱码,它是由主题目录中languages下的一个文件zh_CN.po汉化的,暂时用英文代替,在本地服务器中我已经搞定中文了,以后再说吧。

  1. 西门说道:

    搜索看见这篇文章的,没有cookie,不给力!

    • hesiway说道:

      @西门 @西门, 难得有搜索过来的,cookie下次来就有了。呵呵~

  2. OnC说道:

    之前看到别人的blog里有这个功能,一直想知道是怎么实现的。当时没想到用firebug查看源代码 :强: ~那个更换背景颜色的最好加多一个换回原来背景(白色)的吧,我觉得会好一些 :微笑:

    • hesiway说道:

      @OnC @OnC, 当时改后就在也没去动它,连中文也懒得换了,到时候我一起改了吧~

  3. 岸边说道:

    按钮在哪里呢,没找到 :汗:

    • hesiway说道:

      @岸边 @岸边, 不是说了在文章日期那一行,只是英文显示着~

  4. 未扬清说道:

    在宽屏笔记本下感觉还是有点小

    • hesiway说道:

      @未扬清 @未扬清, 宽度不是百分制的设计,在某些机子上都已经成全屏了~ :委屈:

  5. merror说道:

    嗯,最近才用上FIREBUG ,即时显示修改后的效果很不错。

  6. 人好哇!说道:

    看完了留个名,我表示我喜欢简洁的博客,不喜欢花哨的装饰。
    不过代码还是可喜研究下的,今后不排除会做一些花哨的站,哎~
    __________________________________________
    【★号外!今天小博满月,欢迎过来围观!★】

  7. 风小说道:

    看完留名 :帅:

  8. 好专业 谢谢博主分享了 哈哈 收下慢慢研究

  9. only博客说道:

    很不错的方法
    博主厉害 :嘻:

  10. 扯远了说道:

    继续折腾……

  11. 流年说道:

    乱码是因为你不是保存为utf8编码的原因。
    另,颜色没设置可以还原

    • hesiway说道:

      @流年 @流年, .po这类文件很强大,很多做多国翻译的都靠这个完成的,其他还在完善中~

  12. 小松说道:

    不错,简洁的代码~不过jquery也可以实现~

    • hesiway说道:

      @小松 @小松, 恩,是的,而且代码会更少~不过暂时还没徒手写jQuery的能力~

Comments have been closed.