修改 WordPress 主题原生支持 LightBox 和 TagCloud 无需插件

目前本博所用的模板还是半年前从 zblog 转到 WordPress 时自己做的,当时做成以后一直没有怎么修改过,也装了不少插件结果页面打开速度就越来越慢,今天花了一些时间暂时把比较有用的 LightBox 和 TagCloud 直接整合到了模板中,这样可以少装两个插件了,因为一些定制的属性可以直接写模板里面不用存数据库,整合之后效果还是相当明显的:

修改之前的首页加载时间 7s 页面大小 215kb 左右;修改之后的首页加载时间 5s 页面大小 133kb 左右。

目前使用 YSlow 测试按照小型网站及博客标准(Small Site or Blog)可以得到 Grade A 相当不错了,如果将 TagCloud.swf 压缩并使用 GoogleAPI 加载 js 的话理论上页面加载速度还可以更快,暂时还是这样吧,由于浏览器缓存原因页面上的部分内容可能显示错误,建议使用 Ctrl+F5 重新加载一次本站页面更新浏览器缓存。

一、整合 LightBox 插件:

整合 LightBox 相对要容易的多,其实此类插件有很多如 AutoThickBox LightBox2 等等,相关的 js 类库也有很多,我这里选的是 jQuery LightBox Plugin 原因是本站之前已经引入了 jQuery 类库,所以之后添加的 js 都会在 jQuery 的基础上考虑,另外我个人使用过得类似功能的 js 插件中这个插件最小而且功能够用,非常划算。

1、下载 jQuery LightBox Plugin 插件,下载页面:http://leandrovieira.com/projects/jquery/lightbox/

2、将 js 及 css 引入模板文件,这里具体路径需要根据实际情况调整: