Go to comments ↓ Home » Blog

WordPress折腾手记3

blog每次逛朋友们的博客上看到一些关于wordpress的主意和修改,都很感兴趣。
折腾后的成就感是相当不错的。无奈最近比较忙,只能心痒痒。

直到前两天,决定对现在的主题和插件来一次大修整。

经历了重重困难(对这些方面接触较少- -),昨天终于基本完工。
这个文章本应该昨天发的,无奈流量几乎耗尽,这几天都盼着11月份的到来。

主题调整

外观从整体上看来区别不大。都是细节调整。

把inove升级到了1.4.6。mg12考虑得很周到,很多东西其实都写好了。但是,其他的对我来说修改起来很困难。所以只能硬着头皮,慢慢研究了。

这主题用的人很多,多到满街都是来形容也不为过。而且原生嵌套的问题,我依然没有解决。不过都不会成为我抛弃inove的理由。

文字大小方面,之前用14px虽然方便老年人,不过也造成了比例不协调。特别是在侧栏导致了大量不必要的换行。。侧栏改到13px使布局更加合理。
到全部弄好之后还是觉得正文也13px,让整体协调下,还可以稍微减少显示面积。。眼睛不好的同学们讲究吧,也可以在浏览器里面限制最小字体。

修改评论样式

WordPress Thread Comment是个优秀的插件,但是有些小问题。虽然说插件越少越好,但我还没折腾出inove的原生嵌套,只得继续依赖它了。

不过原来的评论样式不太好看,好在这个插件提供了自定义css的功能。一番折腾后头像不再独占一行,,减少屏幕空间占用,颜色搭配上更加协调,这有Vicia的功劳。
之前的:

WP Thread Comment

现在的:

嵌套回复

5层嵌套需要的空间远远小于之前的4层,so,决定开到6层。

侧栏调整

侧栏布局并没有太大变化,但现在这次侧栏并不依赖任何插件,也不使用widget。全部功能都写在php里面了。

其实实现起来也很简单,mg12把很多东西都写好了,用widget能实现的都有了,我只是调整了东南西北几个侧栏的东西,然后去掉了一些判断语句。

停用了Top Commentators Widget插件,用代码实现“本月评论最多的朋友 ”,改为显示头像,并移到了侧栏最上方。实现方法可以参考《用代码武装你的wordpress》

性能优化

大量减少插件数量,现在是15个,虽然还是不少,但比起之前的22个那好多了。接下来会进一步精简。改天来晒下插件吧。

主题里面大张的图片都压缩了,特别是那种banner,看起来稍微丑了点,不过还在可以接受的范围之内。

把主题里面的一些判断语句去掉,一些函数替换为固定的文本和链接。开了插件后查询数在5~7,比以前好多了。

其他

1.给一些特殊的链接加入提示图标效果如图。

链接提示图标

这些出现的频率不会太高,而且图标体积很小,对流量不会有太大影响,但是能提高浏览者的体验。当然,ie6无效。道版自木木同学。

2.在文章底部增加了用两排收藏和订阅链接取代之前的社会化书签收藏按钮。道版自老男人成熟男人。

3.加入了Comment Info Detector,显示留言者浏览器和系统信息。个人认为浏览器和系统并没有牵扯到隐私问题,纯属好看,国旗就不显示了。
这是在Showfom小盆友那里看到的。那个自带的op图标太模糊了,修改了一下,嘿。

还有,其他细节若干~~

如果发现什么问题,或者有好的建议,就麻烦反馈一下。

最好,一定要来这么一句:折腾永无止境。。。

» 转载请以超链接形式注明来源:A.shun Blog » 《WordPress折腾手记3》
» 本文链接地址:http://shun.im/21300

» 本文采用 BY-NC-SA 协议进行授权。
» 建议通过 Rss( Feedly | Feedburner | Feedsky )方式及时获取更新。
  1. nicidoggy

    博客在于折腾

    Firefox 3.5.4 Firefox 3.5.4 Windows XP Windows XP
    #1
    @
  2. 生命在于折腾。

    Firefox 3.5.4 Firefox 3.5.4 Windows XP Windows XP
    #2
    @
  3. 最近WordPress把我折腾的要死!

    PS:我原来的网站——“很黄很暴力de生活”被“墙”了,请访问这个新网站,(*^__^*) 嘻嘻……

    TheWorld Browser TheWorld Browser Windows XP Windows XP
    #3
    @
    • @81度, 你那个的博客起那么个名字,被wall很正常呢 😕

      Opera 10.10 Opera 10.10 Windows XP Windows XP
  4. 精益求精~ 😆

    Firefox 3.0.15 Firefox 3.0.15 Windows 2000 Windows 2000
    #4
    @
  5. 评论部分太花哨了吧

    Firefox 3.5.4 Firefox 3.5.4 Windows XP Windows XP
    #5
    @
    • @卢松松, 老卢果然老成~~
      我放着好玩嘛

      Opera 10.10 Opera 10.10 Windows XP Windows XP
  6. 嵌套回复样式很养眼 :roll:

    Firefox 3.5.3 Firefox 3.5.3 Windows Server 2003 Windows Server 2003
    #6
    @
  7. 你真会折腾啊

    Internet Explorer 7.0 Internet Explorer 7.0 Windows XP Windows XP
    #7
    @
  8. 其实评论嵌套用这个插件很不错 但是用WordPress原生的功能也可以搞好

    可以参考一下mg12做的另外一个主题Elegant Box

    我倒是基本捣鼓出来了 但是我没用

    TheWorld Browser TheWorld Browser Windows XP Windows XP
    #8
    @
    • @whisperer, 我有时间再捣鼓下,不行就请教你哈 ➡ ➡

      Opera 10.10 Opera 10.10 Windows XP Windows XP
  9. 这回复看着舒服多了~~还有最近都流行显示方可的IE和OS版本啊?什么状况?

    Google Chrome 3.0.195.27 Google Chrome 3.0.195.27 Windows 7 Windows 7
    #9
    @
  10. 使劲折腾吧!~

    Firefox 3.5.4 Firefox 3.5.4 Windows XP Windows XP
    #10
    @
  11. 生命在与折腾,谁说的站出来

    Internet Explorer 6.0 Internet Explorer 6.0 Windows XP Windows XP
    #11
    @
  12. 我要咨询下那个回复头像的问题,我前天自己弄了半天也没弄完美

    Internet Explorer 8.0 Internet Explorer 8.0 Windows 7 Windows 7
    #12
    @
    • @junjun, 你跟我用的是一个插件,好办
      我直接把代码和css发给你,你在WP Thread Comment的选项填进去就行了

      Opera 10.10 Opera 10.10 Windows XP Windows XP
    • @shun, 太感谢了呀 😀

      Safari 3.1.1 Safari 3.1.1 iPhone iOS 2.2.1 iPhone iOS 2.2.1
    • @Junjun, 呀。。回来还换了系统 😀

      Opera 10.10 Opera 10.10 Windows XP Windows XP
    • @Junjun, 不客气,你只要稍微把色调改成你喜欢的就行了 :smile:

      Opera 10.10 Opera 10.10 Windows XP Windows XP
  13. 小明猪

    折腾完WP我找不到成就感,看来我这人还挺淡…?

    Unknown Unknown Unknown Unknown
    #13
    @
  14. 小明猪

    啊,提交成功了,我还怕手机上页面被分页会无法提交数据呢…

    Unknown Unknown Unknown Unknown
    #14
    @
    • @小明猪, 现在的手机浏览器越来越强大了

      Opera 10.10 Opera 10.10 Windows XP Windows XP
  15. 不死鸟

    不折腾,蛋疼, 😛

    Firefox 3.5.4 Firefox 3.5.4 Windows 7 Windows 7
    #15
    @
  16. 全来学习一下,有时间我也折腾折腾..

    Firefox 3.5.4 Firefox 3.5.4 Windows 7 Windows 7
    #16
    @
  17. 世纪之光

    前阵子我也优化了一把,不过从你的反应来看,还是不理想。

    Firefox 3.5.4 Firefox 3.5.4 Windows XP Windows XP
    #17
    @
    • @世纪之光, 还好嘛,只是我用了更多时间而已

      Opera 10.10 Opera 10.10 Windows XP Windows XP
  18. 小搓板

    发现你是个有才的人。

    Internet Explorer 8.0 Internet Explorer 8.0 Windows XP Windows XP
    #18
    @
  19. 看看我的信息~~~ 😛

    Firefox 3.5.2 Firefox 3.5.2 Windows 7 Windows 7
    #19
    @
  20. 这两天也玩一把wp,调了下布局,还是蓝白灰色调
    看一下我用的什么浏览器和系统先!

    Firefox 3.0.15 Firefox 3.0.15 Windows XP Windows XP
    #20
    @
  21. 看一下啥版本。

    Firefox 3.0.10 Firefox 3.0.10 Windows XP Windows XP
    #21
    @
  22. 折騰這麼久,彷彿變化不大呢 ❓

    Firefox 3.5.4 Firefox 3.5.4 Mac OS X 10.6 Mac OS X 10.6
    #22
    @
    • @深白色, 额,我又不换主题,都是细节变化嘛 :smile:

      Opera 10.10 Opera 10.10 Windows XP Windows XP
  23. 玩wordpress 就是折腾啊

    Google Chrome 4.0.223.16 Google Chrome 4.0.223.16 Windows XP Windows XP
    #23
    @
  24. 都是别的浏览器啊,我却用你们鄙视的ie6,惭愧啊!

    Internet Explorer 6.0 Internet Explorer 6.0 Windows Server 2003 Windows Server 2003
    #24
    @
    • @huangjun, 没什么好鄙视的,只是在改主题的时候带来了些麻烦。
      我现在的机器还是ie6呢,启动快

      Opera 10.10 Opera 10.10 Windows XP Windows XP
  25. 换主题了

    Firefox 3.5.4 Firefox 3.5.4 Windows XP Windows XP
    #25
    @
  26. 其实你既然选择了iNove主题,何必不用@回复这个方式呢??inove对@回复支持是非常好的,只要安装mail to commenter插件就完美了。。。
    如果对Thread Comment很执着的话,可以考虑下MG12的Blocks主题,非常简洁。。。

    Firefox 3.5.5 Firefox 3.5.5 Windows XP Windows XP
    #26
    @
    • @Alex, 我还是比较喜欢嵌套,有对话的感觉

      Opera 10.10 Opera 10.10 Windows XP Windows XP
  27. 重新回来拾牙慧 😥

    Firefox 3.5.4 Firefox 3.5.4 Windows Vista Windows Vista
    #27
    @
  28. 能问一下Comment Info Detector的图标是在哪儿找的吗?

    Firefox 3.5.4 Firefox 3.5.4 Windows 7 Windows 7
    #28
    @
  29. 这类文章我喜欢~但显示浏览器那个插件还要手动改代码,没弄好。

    Firefox 3.5.5 Firefox 3.5.5 Windows 7 Windows 7
    #29
    @
  30. 给一些特殊的链接加入提示图标效果~~这个我要折腾!

    Firefox 3.5.4 Firefox 3.5.4 Windows 7 Windows 7
    #30
    @
  31. :roll: 赞一个,这样的分享对玩wp的同志们很有用

    Google Chrome 4.0.222.3 Google Chrome 4.0.222.3 Windows XP Windows XP
    #31
    @
  32. 查询次数这么少!简直和静态一样啊! 👿

    Firefox 3.0.15 Firefox 3.0.15 Windows XP Windows XP
    #32
    @
    • @睡到自然醒blog, 其实查询次数还是要30~50的
      只是有缓存

      Opera 10.10 Opera 10.10 Windows XP Windows XP
  33. 折腾的不错啊 呵呵

    Firefox 3.5.5 Firefox 3.5.5 Windows XP Windows XP
    #33
    @
  34. 😀 效果的确不错!

    Google Chrome 3.0.195.32 Google Chrome 3.0.195.32 Windows Vista Windows Vista
    #34
    @
  35. 😛 我已经放弃折腾了,习惯了就挺好的,哈哈~

    Maxthon 2.0 Maxthon 2.0 Windows XP Windows XP
    #35
    @
    • @Evanna M, 你那已经挺不错了,不需要折腾。不过建议装个回复邮件通知

      Opera 10.10 Opera 10.10 Windows XP Windows XP
  36. 那个 国旗一翻墙就不准了 哈哈 😀

    Google Chrome 4.0.249.89 Google Chrome 4.0.249.89 Windows 7 Windows 7
    #36
    @
  37. 请问那个欢迎的悬浮窗是怎么弄的?那个来路判断怎么搞出来的?

    Google Chrome 17.0.963.83 Google Chrome 17.0.963.83 Windows 7 x64 Edition Windows 7 x64 Edition
    #37
    @
  38. Appreciation for a few other great article. The place more may anybody obtain that style of info in this perfect way of writing? I have a presentation up coming few days, using this program . for the try to find this sort of details Άμεση και εγγυημένη επισκευή iPhone σε 20 λεπτά. Το smartphone είναι ένα απαραίτητο εργαλείο στην καθημερινότητα μας, κι αν χαλάσει θέλουμε να επισκευαστεί άμεσα..

    Unknown Unknown Unknown Unknown
    #38
    @
Leave a Reply to junjun

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen:

点击这里取消回复。