十月以来，陪伴我一个三个月的ADSL包月上网已经和我Say GoodBye了，取而代之的是每个月30小时68元的套餐。对于我这种人来说明显是不够的，所以就开始研究WordPress啦。今天就给大家带来《WordPress技巧：超实用的Web 2.0风格翻页代码》。
给WordPress增加一个高级翻页功能
WordPress几乎无所不能，只拿来做Blog略显单调，拿来做CMS、工作室甚至是微博客都绰绰有余。如何显示这些文章呢？文章比较少还好，但是对于几十甚至几百甚至几千篇文章，WordPress原生翻页功能就几乎变成了鸡肋了，尤其是它只能上一页、下一页的滚动，很麻烦！
还好，国外的高手制作了这款WP-PageNavi插件，让我们能够轻松拥有一个高级的翻页功能。我想应该很多人知道这一款插件吧，就不用我多介绍啦。需要的童鞋可以猛击这里。
事实上，还有很多增强WordPress翻页功能的插件，个人比较比较喜欢WP-PageNavi，所以下文就拿这款插件开刀啦~
给PageNavi开刀之前 记一下它长啥样
可怜的娃儿，你怎么长这么丑……
要给PageNavi开刀整成啥样
- 如果主题色彩非常有特色的话，你可以参考主题色系进行整容。
- 在这里NetPuter给大家强烈推荐这个玩意儿：24款超实用的Web 2.0风格翻页代码。
这里面包含了24款翻页风格，比如说Digg、Yahoo、Flickr等等，更重要的是这套风格和PageNavi的样式长得很像，脸型也差不多，方便我们修改。下载链接在这里（快点鼠标左键，哼哼哈嘿~）- 这娃儿命太苦了，算了，别折磨它了……
开刀整容吧
首先，我们需要了解一些PageNavi默认的代码样式（WP-PageNavi插件目录下的“pagenavi-css.css”）：
然后我们将24款超实用的Web 2.0风格翻页代码中的CSS.CSS所需要的CSS代码Copy出来，你会发现整容的内容（这里拿Digg的为例）。
对CSS比较了解的朋友发现了吧，这段代码比较臃肿，你可以稍微优化下。看看我是怎么整容的：
- 把上面代码中的“DIV.digg”替换成“.wp-pagenavi”，注意要灵活变通哦。
- 把“.wp-pagenavi A”和“.wp-pagenavi A:link”合并到一起，也就是写成“.wp-pagenavi A, .wp-pagenavi A:link {内容}”这样。
- 同样再把“.wp-pagenavi A:hover”和“.wp-pagenavi A:active”合并到一起。
- 你可以把修改后的“.wp-pagenavi SPAN.disabled”部分删掉，因为根本就没有用。
- 如果你不想显示前面的“Page 1 of 4”，你可以在CSS中增加以下代码：
- 最后，把上面修改的内容添加到你正在使用的主题目录下的“style.css”的屁股。
快看整成什么样
哈哈，这娃儿变得很漂亮啦，赶快去给你的PageNavi整容吧！
