Go to comments ↓ 2010年10月13日 - Home » Blog

WordPress 折腾手记 7

Wordpress小折腾一下 WordPress，免得手生。
现在主题的样式基本上已经固定下来了，一般来说不会做太大的改动，朴素就好。
主要就修改一些小问题，现在回顾一下。
恩，下次再来改善一些评论方面的问题。

文章的最后面，简单说下关于明天的传闻。

页面模板

页面是主要改动的部分。

Tag 、分类 、月份 页面

首先，重写了 Tag 、分类 、月份 页面的模板，不再和日志页类似，更加简洁了。
页面显示更多条目并且缩短了长度，方便找资料。

新的站内搜索页面

整合的 Google 站内搜索现在采用了 Ajax 加载的方式，样式也更加协调了。传送门。

方法详见：WordPress整合Google自定义搜索

通过 Xhtml 1.1 验证

上次让主题通过 W3C CSS3 验证之后。Xhtml 还过不了。趁此机会折腾下。传送门

Xhtml 1.1 验证

确切的说，是首页通过 Xhtml 1.1 验证。日志页由于以前的习惯问题，加上播放器、各种插件，唉- -，有空再慢慢折腾吧，先假装通过。

要通过验证其实也不难，对照着校验页面的信息来修改即可。
我这主要是去掉了页面中的 target=”_blank ，给图片加上 Alt 属性，使用新的 Google 站内搜索框代码。

其他折腾

更换了免插件最新评论代码

效果一样，见侧栏。
好处是代码精简了些，也不再直接用 SQL 语言调用数据库。

详见：用get_comments()函数实现带头像最新评论

WordPress 缓存

貌似，DB Cache Reloaded 在 Wp3.0 下效果不明显？
暂时开启了 WordPress Object Cache 缓存来替代。效果差不多，Object Cache是 08年的老东西了，不简单。

Wordpress Object Cache

方法：启用 WordPress object-cache 缓存

CSS 问题修正

很囧的 CSS3 圆角问题，现在才发现 Friefox 下，实现部分圆角这么写是不行的：

-moz-border-top-left-radius
-moz-border-top-right-radius

而必须这样：

-moz-border-radius-topleft
-moz-border-radius-topright

当然，这不是标准属性，继续用 JS 输出。
这下，总算除 IE 外的主流浏览器显示效果一致了。

搜索框现在在 IE 下不会在错位了，Firefox 也不会出现光标过高的问题了。

另外还修正一些 Css 的小问题，感谢 Kars 同学的指出。

P.S.

Opera UNW 明天就来了。
据说，新版要加入比较让人在意的功能，- –
怎么说好呢，当然也期待，但总之心情复杂。

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

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

    沙发

    ChromePlus 1.4.1.0 ChromePlus 1.4.1.0 Windows 7 Windows 7
    #1
    @
  2. zwwooooo 2010/10/13 19:57

    沙发先！

    Firefox 3.6.10 Firefox 3.6.10 Windows 7 Windows 7
    #2
    @
  3. 静夜燃香 2010/10/13 19:58

    前排，围观ls杯具~~

    Opera 10.62 Opera 10.62 Windows 7 Windows 7
    #3
    @
  4. Vicia 2010/10/13 20:01

    围观～

    Opera 10.70 Opera 10.70 Windows 7 Windows 7
    #4
    @
    • Vicia 2010/10/13 20:07

      @Vicia 我的wp已经全还回去了，也不知道啥时候能有时间折腾。 😥
      希望窝瓜说的新版Opera的消息是假的。:(

      Opera 10.70 Opera 10.70 Windows 7 Windows 7
      Reply
    • A.shun 2010/10/13 20:59

      @Vicia 几乎是板上钉钉的。
      不过也未必是坏事吧，观望

      Opera 10.70 Opera 10.70 Windows XP Windows XP
      Reply
  5. 静夜燃香 2010/10/13 20:01

    Tag 、分类 、月份 页面
    这个以前有想折腾过呢，后来懒下来了……嘛，再说……= =
    就那你这个当标准就行 😀

    Opera 10.62 Opera 10.62 Windows 7 Windows 7
    #5
    @
  6. snowxh 2010/10/13 20:20

    最后一句- -。。
    怎么说呢
    opera其实是我用的第一个非ie浏览器！
    快叫我前辈︿(￣︶￣)︿

    Firefox 3.6.10 Firefox 3.6.10 Windows 7 Windows 7
    #6
    @
  7. zrqx008 2010/10/13 20:41

    我倒想改下存档页面

    Firefox 3.6.10 Firefox 3.6.10 Windows 7 Windows 7
    #7
    @
  8. 小邪 2010/10/13 21:03

    Memcached object cache这个版本超给力的 ~
    我现在就俩查询 ~
    而且都是向内存查询 ~
    o(*￣▽￣*)ゞ ~

    Google Chrome 7.0.530.0 Google Chrome 7.0.530.0 Windows XP Windows XP
    #8
    @
    • A.shun 2010/10/14 00:01

      @小邪 你好厉害。。我这用了之后查询数还是好多，首页20多，日志页夸张。。。

      Opera 10.70 Opera 10.70 Windows XP Windows XP
      Reply
  9. 卡农 2010/10/13 21:03

    心情同样复杂的来顶你一下……

    Opera IBIS 10.63 Opera IBIS 10.63 Windows 7 Windows 7
    #9
    @
  10. 志言 2010/10/13 21:07

    刚才也折腾了半天博客，隔段时间就蛋疼

    Google Chrome 6.0.472.63 Google Chrome 6.0.472.63 Windows XP Windows XP
    #10
    @
  11. Stefana 2010/10/13 21:16

    shun shun shun啊
    你会把域名搞个相册页面么?
    我想把blog域名弄成anyaning.com/blog
    然后再弄个anyaning.com/photo放相片看相片
    不会..
    技术白痴，看到留言给我email求教…

    TheWorld Browser TheWorld Browser Windows 7 Windows 7
    #11
    @
    • A.shun 2010/10/14 00:00

      @Stefana 用子域名和子目录都可以的。需要一个简单的相册程序。
      有空我发Email给你吧。（大概后天呢，你急不？）

      Opera 10.70 Opera 10.70 Windows XP Windows XP
      Reply
  12. 木本无心 2010/10/13 21:18

    我用chrome，opera还行，还是有点慢，比不上谷歌。

    Google Chrome 6.0.472.59 Google Chrome 6.0.472.59 Windows XP Windows XP
    #12
    @
  13. 婉秋 2010/10/13 21:25

    外行人围观中 😀

    Firefox 3.6.10 Firefox 3.6.10 Windows XP Windows XP
    #13
    @
  14. winy 2010/10/13 21:32

    moz那个记下了。。我说呢

    Google Chrome 7.0.544.0 Google Chrome 7.0.544.0 Windows 7 Windows 7
    #14
    @
  15. 万戈 2010/10/13 21:49

    折腾万岁
    能通过W3C验证不容易啊

    Firefox 3.6.10 Firefox 3.6.10 Windows XP Windows XP
    #15
    @
  16. QiQiBoY 2010/10/13 22:01

    google搞得ajax搜索还得先跳个页面才能用啊。。不爽。。

    Firefox 3.6.10 Firefox 3.6.10 Windows 7 Windows 7
    #16
    @
  17. derek 2010/10/13 23:08

    嘎~嘎~嘎，乌鸦飘过 😀

    Firefox 3.6.10 Firefox 3.6.10 Windows 7 Windows 7
    #17
    @
  18. SoleilNeon 2010/10/14 06:19

    Firefox和Chrome的CSS3有些只能用私有的属性，蛋疼啊

    Firefox 3.6.10 Firefox 3.6.10 Windows 7 Windows 7
    #18
    @
  19. whitmine 2010/10/14 08:29

    我的小半年没动过了，基本上是因为我不会` 😉

    Firefox 3.5.13 Firefox 3.5.13 Windows XP Windows XP
    #19
    @
  20. 阿修 2010/10/14 08:51

    等有空了做大手术。自定义搜索和分类显示的效果都很赞，很赞

    Firefox 3.6.10 Firefox 3.6.10 Windows 7 Windows 7
    #20
    @
  21. mice 2010/10/14 09:57

    现在流行灰白色调么..小邪那里是,hzlzh也是..你这也是 ❗


    Warning: Undefined array key 1 in /www/wwwroot/ashun/shun.im/wp-content/plugins/wp-useragent/wp-useragent-detect-webbrowser-version.php on line 32
    GreenBrowser GreenBrowser Windows XP Windows XP
    #21
    @
  22. 浩子 2010/10/14 15:00

    那个相关日志怎么弄的呀？

    TT Explorer 4.0 TT Explorer 4.0 Windows XP Windows XP
    #22
    @
  23. lovee 2010/10/14 22:22

    有空的话偶也想换mg12的新模版啊wwwww

    Safari 5.0.2 Safari 5.0.2 Mac OS X 10.6.4 Mac OS X 10.6.4
    #23
    @
    • A.shun 2010/10/14 22:38

      @lovee 那个是私人主题来着，我也想，可惜不行。

      Opera 10.70 Opera 10.70 Windows XP Windows XP
      Reply
    • lovee 2010/10/14 23:18

      @A.shun 其实不一定要他现在用的哪一个 😆 偶觉得就他的第一个模版Elegant Box就行，那个似乎去年还更新过一次

      Safari 5.0.2 Safari 5.0.2 Mac OS X 10.6.4 Mac OS X 10.6.4
      Reply
  24. 西门 2010/10/15 17:13

    Tag 、分类 、月份 这些模板我还不知道怎么写了，囧 💡

    Google Chrome 6.0.472.63 Google Chrome 6.0.472.63 Windows 7 Windows 7
    #24
    @
    • A.shun 2010/10/16 19:34

      @西门 蛮容易的，把single.php做个副本，修改名字改一下，tag就是tag.php，然后修改里面的布局即可。

      Opera 10.70 Opera 10.70 Windows XP Windows XP
      Reply
  25. 老饕 2010/10/16 10:32

    Google自定义搜索整的不错！ 😀

    Firefox 3.6.10 Firefox 3.6.10 Windows 7 Windows 7
    #25
    @
  26. Bee君 2010/10/17 13:51

    我现在都没有时间折腾了

    Google Chrome 7.0.517.41 Google Chrome 7.0.517.41 Windows 7 Windows 7
    #26
    @
  27. Netforce 2010/10/18 16:43

    是的，不折腾会生疏，我的博客好久未折腾了，手都生疏了，不短该如何下手。这里还是那样的热闹。

    Internet Explorer 8.0 (Compatibility Mode) Internet Explorer 8.0 (Compatibility Mode) Windows 7 x64 Edition Windows 7 x64 Edition
    #27
    @
  28. 有点蓝 2010/10/19 14:26

    是浏览器的问题还是视错觉？ 怎么好像网页有点斜了似的……

    Opera 10.70 Opera 10.70 Windows XP Windows XP
    #28
    @
  29. 左岸读书 2010/10/23 16:21

    看一个人的主题，大抵可以看出博主的心境。

    Firefox 3.6.11 Firefox 3.6.11 Windows 7 Windows 7
    #29
    @
  30. A.shun 2010/10/30 21:18

    测试1.30

    Opera 11.00 Opera 11.00 Windows XP Windows XP
    #30
    @
  31. Weitian Zhao 2010/11/01 20:07

    过验证…体力活儿…
    不过我有绿色情节,这个一定要过 😡

    ChromePlus 1.4.1.0 ChromePlus 1.4.1.0 Windows 7 Windows 7
    #31
    @
  32. ptubuntu 2010/11/05 09:33

    看来你对这个很有研究呀…

    Google Chrome 7.0.517.41 Google Chrome 7.0.517.41 GNU/Linux GNU/Linux
    #32
    @
  33. wmtimes 2010/11/23 12:30

    看来你也是个比较能折腾的。

    Firefox 3.6.12 Firefox 3.6.12 Windows 7 Windows 7
    #33
    @
  34. creolophis 2010/11/29 09:53

    来学习下,刚刚接触wordpress,发现要折腾的东西太多了 ❗

    Opera 10.63 Opera 10.63 Windows XP Windows XP
    #34
    @
  35. yesureadmin 2011/07/12 19:09

    加入到收藏,再慢慢看

    Google Chrome 12.0.742.9 Google Chrome 12.0.742.9 Windows 7 Windows 7
    #35
    @
  37. evelinabeautysalon 2017/10/01 13:15
    Internet Explorer 6.0 Internet Explorer 6.0 Windows XP Windows XP
    #37
    @
Leave a Reply

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