Go to comments ↓ 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》
» 本文链接地址:http://shun.im/21416

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

    ChromePlus 1.4.1.0 ChromePlus 1.4.1.0 Windows 7 Windows 7
    #1
    @
  2. 沙发先!

    Firefox 3.6.10 Firefox 3.6.10 Windows 7 Windows 7
    #2
    @
  3. 前排,围观ls杯具~~

    Opera 10.62 Opera 10.62 Windows 7 Windows 7
    #3
    @
  4. 围观~

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

      Opera 10.70 Opera 10.70 Windows 7 Windows 7
    • @Vicia 几乎是板上钉钉的。
      不过也未必是坏事吧,观望

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

    Opera 10.62 Opera 10.62 Windows 7 Windows 7
    #5
    @
  6. 最后一句- -。。
    怎么说呢
    opera其实是我用的第一个非ie浏览器!
    快叫我前辈︿( ̄︶ ̄)︿

    Firefox 3.6.10 Firefox 3.6.10 Windows 7 Windows 7
    #6
    @
  7. 我倒想改下存档页面

    Firefox 3.6.10 Firefox 3.6.10 Windows 7 Windows 7
    #7
    @
  8. Memcached object cache这个版本超给力的 ~
    我现在就俩查询 ~
    而且都是向内存查询 ~
    o(* ̄▽ ̄*)ゞ ~

    Google Chrome 7.0.530.0 Google Chrome 7.0.530.0 Windows XP Windows XP
    #8
    @
    • @小邪 你好厉害。。我这用了之后查询数还是好多,首页20多,日志页夸张。。。

      Opera 10.70 Opera 10.70 Windows XP Windows XP
  9. 心情同样复杂的来顶你一下……

    Opera 10.63 Opera 10.63 Windows 7 Windows 7
    #9
    @
  10. 刚才也折腾了半天博客,隔段时间就蛋疼

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

    TheWorld Browser TheWorld Browser Windows 7 Windows 7
    #11
    @
    • @Stefana 用子域名和子目录都可以的。需要一个简单的相册程序。
      有空我发Email给你吧。(大概后天呢,你急不?)

      Opera 10.70 Opera 10.70 Windows XP Windows XP
  12. 木本无心

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

    Google Chrome 6.0.472.59 Google Chrome 6.0.472.59 Windows XP Windows XP
    #12
    @
  13. 外行人围观中 😀

    Firefox 3.6.10 Firefox 3.6.10 Windows XP Windows XP
    #13
    @
  14. moz那个记下了。。我说呢

    Google Chrome 7.0.544.0 Google Chrome 7.0.544.0 Windows 7 Windows 7
    #14
    @
  15. 折腾万岁
    能通过W3C验证不容易啊

    Firefox 3.6.10 Firefox 3.6.10 Windows XP Windows XP
    #15
    @
  16. google搞得ajax搜索还得先跳个页面才能用啊。。不爽。。

    Firefox 3.6.10 Firefox 3.6.10 Windows 7 Windows 7
    #16
    @
  17. 嘎~嘎~嘎,乌鸦飘过 😀

    Firefox 3.6.10 Firefox 3.6.10 Windows 7 Windows 7
    #17
    @
  18. Firefox和Chrome的CSS3有些只能用私有的属性,蛋疼啊

    Firefox 3.6.10 Firefox 3.6.10 Windows 7 Windows 7
    #18
    @
  19. 我的小半年没动过了,基本上是因为我不会` 😉

    Firefox 3.5.13 Firefox 3.5.13 Windows XP Windows XP
    #19
    @
  20. 等有空了做大手术。自定义搜索和分类显示的效果都很赞,很赞

    Firefox 3.6.10 Firefox 3.6.10 Windows 7 Windows 7
    #20
    @
  21. 现在流行灰白色调么..小邪那里是,hzlzh也是..你这也是 ❗

    GreenBrowser GreenBrowser Windows XP Windows XP
    #21
    @
  22. 那个相关日志怎么弄的呀?

    Tencent Traveler 4.0 Tencent Traveler 4.0 Windows XP Windows XP
    #22
    @
  23. 有空的话偶也想换mg12的新模版啊wwwww

    Safari 5.0.2 Safari 5.0.2 Mac OS X 10.6.4 Mac OS X 10.6.4
    #23
    @
    • @lovee 那个是私人主题来着,我也想,可惜不行。

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

      Safari 5.0.2 Safari 5.0.2 Mac OS X 10.6.4 Mac OS X 10.6.4
  24. Tag 、分类 、月份 这些模板我还不知道怎么写了,囧 💡

    Google Chrome 6.0.472.63 Google Chrome 6.0.472.63 Windows 7 Windows 7
    #24
    @
    • @西门 蛮容易的,把single.php做个副本,修改名字改一下,tag就是tag.php,然后修改里面的布局即可。

      Opera 10.70 Opera 10.70 Windows XP Windows XP
  25. Google自定义搜索整的不错! 😀

    Firefox 3.6.10 Firefox 3.6.10 Windows 7 Windows 7
    #25
    @
  26. 我现在都没有时间折腾了

    Google Chrome 7.0.517.41 Google Chrome 7.0.517.41 Windows 7 Windows 7
    #26
    @
  27. Netforce

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

    Internet Explorer 8.0 (Compatibility Mode) Internet Explorer 8.0 (Compatibility Mode) Windows 7 x64 Edition Windows 7 x64 Edition
    #27
    @
  28. 是浏览器的问题还是视错觉? 怎么好像网页有点斜了似的……

    Opera 10.70 Opera 10.70 Windows XP Windows XP
    #28
    @
  29. 看一个人的主题,大抵可以看出博主的心境。

    Firefox 3.6.11 Firefox 3.6.11 Windows 7 Windows 7
    #29
    @
  30. 测试1.30

    Opera 11.00 Opera 11.00 Windows XP Windows XP
    #30
    @
  31. 过验证…体力活儿…
    不过我有绿色情节,这个一定要过 😡

    ChromePlus 1.4.1.0 ChromePlus 1.4.1.0 Windows 7 Windows 7
    #31
    @
  32. 看来你对这个很有研究呀…

    Google Chrome 7.0.517.41 Google Chrome 7.0.517.41 GNU/Linux GNU/Linux
    #32
    @
  33. 看来你也是个比较能折腾的。

    Firefox 3.6.12 Firefox 3.6.12 Windows 7 Windows 7
    #33
    @
  34. creolophis

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

    Opera 10.63 Opera 10.63 Windows XP Windows XP
    #34
    @
  35. 加入到收藏,再慢慢看

    Google Chrome 12.0.742.9 Google Chrome 12.0.742.9 Windows 7 Windows 7
    #35
    @
  36. 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: