Go to comments ↓ Home » Blog

WordPress 折腾手记 8

Wordpress昨天在弄归档页面的时候发现今年我还没有更新博客。。。

最近比较忙是一个原因,还有习惯性的注意力不集中也困扰着我。

好吧,每次文囧都是写篇折腾主题的总结来解决。
改善 WordPress theme、记录博客的变化,同时为文囧做个缓冲,这不坏嘛。

图片查看插件更换为 jQuery Lightbox

之前用的 Shadowbox 很不错,只是看久了有点腻,顺手换掉(其实换一段时间了,只是现在才提)

jQuery Lightbox 可以更方便的翻上下张图片(直接点击图片左右侧即可),更方便的退出幻灯片浏览。
而且体积小巧,js 部分仅 6K。
支持的媒体类型好像只有图片而已,并没有 Shadowbox 那么丰富,不过对我来说足够了。

jQuery Lightbox 演示:

jQuery LightboxjQuery Lightbox 演示jQuery Lightbox 效果

那么,我的图片查看效果插件变更:Highslide → Shadowbox → jQuery Lightbox
恩,什么时候看腻了再换。

使用很简单,而且网上 N 多教程,我就不制造重复内容了。
jQuery Lightbox 下载和使用方法见:jQuery lightBox plugin

页面调整

博客月份归档页面

以前的博客存档页面比较复杂,也存在一些问题。就换一个,同样是免插件的。

除了没有年份筛选功能,功能算是很完善的:显示每月文章数、显示每篇文章的评论数、jQuery 折叠滑动效果。

博客归档页面

传送门:归档页面

实现方法:代码实现WordPress归档页面模板

新的 404 页面

其实也就是换了一张图片而已,这是在一张大图上截下来的。
传送门:404 页面

全站通过 W3C 验证

W3C 验证的意义除了让网络更加标准之外,对个人而言主要在于帮助发现并纠正坏习惯。
上一次搞定 CSS3 验证和让首页通过了 Xhtml 1.1 验证之后,现在把内页也搞好了。

Xhtml 验证

这个简单,都是以前的不注意导致的。
其实我还有一些带插件内容的页面过不了验证 – -。

细节调整

这也是本次折腾的主要部分,所以比较难以看出来。

  • 排版优化(这是永远的追求),稍微拓宽了正文部分,调整列表、引用、表格样式
  • 导航栏和侧栏区块标题、楼层号样式微调
  • 相关日志修复,样式调整

恩,这次的改动幅度很小。

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

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

    Opera 11.01 Opera 11.01 Windows 7 Windows 7
    #1
    @
  2. 累哟,沙发都么了……

    Google Chrome 10.0.612.3 Google Chrome 10.0.612.3 Windows 7 Windows 7
    #2
    @
  3. 最爱看的就是阿顺的折腾手记.最近的都有看 😎
    这次运动幅度很小吗 😛

    Google Chrome 10.0.628.0 Google Chrome 10.0.628.0 Windows 7 Windows 7
    #3
    @
    • @Veezy 有这么好看么,囧。
      恩,这次改得不多,自我感觉良好就不做大改动。
      不过细节修起来也蛮烦的。

      Opera 10.70 Opera 10.70 Windows XP Windows XP
    • @A.shun
      😀 当然有
      你的每个修改都有出处,CP起来非常方便 :smile:
      哈哈 我好猥琐 😉

      Google Chrome 10.0.628.0 Google Chrome 10.0.628.0 Windows 7 Windows 7
  4. jQuery Lightbox相对起来还是不错的,一直都是用这个~

    Google Chrome 8.0.552.215 Google Chrome 8.0.552.215 Windows 7 Windows 7
    #4
    @
  5. 一直没用图片插件,怕的就是太臃肿,看起来这个不错哦。

    Chromium 10.0.628.0 Chromium 10.0.628.0 Ubuntu 10.10 Ubuntu 10.10
    #5
    @
    • @峄峰 图片插件为了看图方便也优化了排版。其实并不大,这个 js、css 加起来也就 8k。

      Opera 10.70 Opera 10.70 Windows XP Windows XP
  6. 404以前那个柯南的真相只有一个很棒,很有创意,现在这个比较平淡。

    Google Chrome 8.0.552.224 Google Chrome 8.0.552.224 Windows 7 Windows 7
    #6
    @
  7. 发现每次来的时候,你的博客都有新的变化!

    TheWorld Browser TheWorld Browser Windows 7 x64 Edition Windows 7 x64 Edition
    #7
    @
  8. 汗,我被墙了,顿时无语

    Firefox 3.6.13 Firefox 3.6.13 Windows 7 Windows 7
    #8
    @
  9. 很想跟博主交流,最近在期末复习,寒假多多指教~

    Firefox 3.6.13 Firefox 3.6.13 Windows 7 Windows 7
    #9
    @
  10. 新年快樂!

    我一直喜歡你博客主題的簡潔,現在又添了新功能,感覺更加完善了。

    看來,我停頓已久的博客主題,似乎也該找時間折騰一番了 😛

    Firefox 3.6.13 Firefox 3.6.13 Windows XP Windows XP
    #10
    @
  11. 等我看腻了highslide再来换个Lightbox效果玩玩

    Firefox 3.6.13 Firefox 3.6.13 Windows XP Windows XP
    #11
    @
  12. FF下,点击 lightbox 的 CLOSE 会出现滚动条、、真是个诡异的问题、、 ❗

    Namoroka 3.6.13 Namoroka 3.6.13 Windows XP Windows XP
    #12
    @
    • @Kars 囧,这个还真是诡异。
      嘛,暂时不管了。
      从来不点 close,点旁边的黑色部分即可。或者最后一张图片右侧。

      Opera 10.70 Opera 10.70 Windows XP Windows XP
  13. 全站通过 W3C 验证 厉害厉害啊

    Firefox 3.6.13 Firefox 3.6.13 Windows 7 Windows 7
    #13
    @
  14. 404用死神小朋友嘛~~帅眼镜 😎

    折腾折腾啊~~~生命不息 😛

    Google Chrome 10.0.612.3 Google Chrome 10.0.612.3 Windows 7 Windows 7
    #14
    @
  15. 404这个,是绝望先生啊~~
    验证什么的以后做吧,我敢角应该问题不大
    载入的橙色小线很拉轰

    Google Chrome 9.0.597.19 Google Chrome 9.0.597.19 Windows 7 Windows 7
    #15
    @
    • @阿修 载入的橙线是学 om 的,但是目前有点问题,暂时没说。
      可能过几天就拿下了。

      Opera 10.70 Opera 10.70 Windows XP Windows XP
  16. 折腾wordpress是我认为的人生中最浪费精力的事情之一。

    Google Chrome 10.0.621.0 Google Chrome 10.0.621.0 Windows 7 Windows 7
    #16
    @
  17. 你好勤快哦,我一直都懶得折騰了

    Firefox 3.6.13 Firefox 3.6.13 Mac OS X 10.6 Mac OS X 10.6
    #17
    @
    • @深白色 还好,这文章总结出来的是较长的一段时间加起来的改动,折腾频率不高的说。

      Opera 10.70 Opera 10.70 Windows XP Windows XP
  18. 我最近才把评论的刷新和ajax搞的差不多了。可惜时间都被手上的项目占用了.. 😐

    ChromePlus 1.5.1.1 ChromePlus 1.5.1.1 Windows 7 Windows 7
    #18
    @
  19. 绝望了!对这个404页面绝望了!!
    p.s. 原来A.shun是黑猫党w

    Safari 5.0.3 Safari 5.0.3 Mac OS X 10.6.6 Mac OS X 10.6.6
    #19
    @
  20. ➡ 好多细节 哇哈哈..

    Internet Explorer 8.0 (Compatibility Mode) Internet Explorer 8.0 (Compatibility Mode) Windows 7 Windows 7
    #20
    @
  21. 稳定为主,懒得折腾 ➡

    Firefox 3.6.13 Firefox 3.6.13 Windows 7 Windows 7
    #21
    @
  22. ZWW那个网页打不开。
    我之前也弄了个归档,是用的自立的,就是少了每个月文章统计,其他都一样。

    Google Chrome 8.0.552.224 Google Chrome 8.0.552.224 Windows 7 Windows 7
    #22
    @
  23. aShun果然牛人啊~ 图片查看插件借走了~

    Google Chrome 8.0.552.224 Google Chrome 8.0.552.224 Windows 7 Windows 7
    #23
    @
  24. 第8次折腾了啊?

    Google Chrome 10.0.612.3 Google Chrome 10.0.612.3 Windows 7 Windows 7
    #24
    @
  25. 现在是无折腾无文章,囧

    Opera 11.01 Opera 11.01 Windows 7 Windows 7
    #25
    @
  26. 今天围脖上有人说有人搜字母a过来的。我就搜了一下a ,你博客竟然在第一页这么靠前的地方。你博客流量不是一般的高吧?!

    Maxthon Maxthon Windows XP Windows XP
    #26
    @
    • @huangjun 流量很低的说。相对你们 来说,这点 ip 不值一提。
      是有些人搜索这个,但点进来的很少。
      话说我也没弄个关键字,排名靠前这个比较奇怪。

      Opera 10.70 Opera 10.70 Windows XP Windows XP
  27. 主题是我喜欢的简捷灰色调,圆角柔和有爱。喜欢!

    Firefox 3.6.13 Firefox 3.6.13 Windows XP Windows XP
    #27
    @
  28. 博客已经折腾的比较细腻了。赞一个。

    Google Chrome 8.0.552.224 Google Chrome 8.0.552.224 GNU/Linux GNU/Linux
    #28
    @
  29. 我还以为jQuery lightBox plugin是插件,激活失败,原来还是要自己折腾一番来者,已经用上了。

    Google Chrome 8.0.552.224 Google Chrome 8.0.552.224 Windows 7 Windows 7
    #29
    @
  30. 这个主题的确是越来越细腻了

    Opera 10.70 Opera 10.70 Windows XP Windows XP
    #30
    @
  31. 加了这么多特效 网速还是不慢 厉害

    Firefox 3.6.13 Firefox 3.6.13 Windows XP Windows XP
    #31
    @
  32. 看了一整页的评论,竟然还没有ie, :roll:

    Firefox 3.6.13 Firefox 3.6.13 Windows 7 Windows 7
    #32
    @
    • @天毅 其实 IE 的访客还不少,大约有 40%+
      不过用 IE 的评论者就很少了。
      基本上是从搜索引擎来找东西,然后就离开的那种。

      Opera 10.70 Opera 10.70 Windows XP Windows XP
  33. 看来都有追求完美的癖好,哈哈

    好久没看到Century Gothic字体,好舒服的感觉

    Firefox 3.6.13 Firefox 3.6.13 Windows XP Windows XP
    #33
    @
  34. 炮姐威武…

    Firefox 3.6.8 Firefox 3.6.8 Windows XP Windows XP
    #34
    @
  35. 我都懒得折腾啊 赞助广告给你攒钱了啊 呵呵

    Firefox 3.6.13 Firefox 3.6.13 Windows 7 Windows 7
    #35
    @
  36. 黑猫控注目~这个图片插件很好耶~
    我的验证……自从懒得折腾用上了插件以后,就再也过不去了……orz
    这些可恶的插件作者们T T

    Opera 11.00 Opera 11.00 Windows 7 Windows 7
    #36
    @
  37. 不愧为一个高科技的博客,哈哈!

    Maxthon Maxthon Windows XP Windows XP
    #37
    @
  38. CSS运用得不错!

    Firefox 3.6.13 Firefox 3.6.13 Windows 7 Windows 7
    #38
    @
  39. 正在学习WordPress,无意中发现了我需要的东西。运气不错。

    Firefox 3.6.13 Firefox 3.6.13 Windows XP Windows XP
    #39
    @
  40. 你每次折腾还写点东西啊,像你学习,也写一个!

    Firefox 3.6.10 Firefox 3.6.10 Windows 7 Windows 7
    #40
    @
  41. 哇,技术博,哈哈,我是过来留脚印。。。 😛

    Google Chrome 9.0.597.98 Google Chrome 9.0.597.98 Windows 7 Windows 7
    #41
    @
  42. 大爱黑猫啊

    Google Chrome 17.0.963.83 Google Chrome 17.0.963.83 Windows 7 x64 Edition Windows 7 x64 Edition
    #42
    @
Leave a Reply

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