当前位置: 首页 > 图文教程 > 网站运营 > 建站经验 > 使用WP-PageNavi为WordPress创建分页导航

建站经验
评价网站推广的效果的方法
中国流量巨大的10种类型的商业网站
轻松快速打造PR5的网站
新手需要了解的网站建设的过程和步骤
推广个人博客最好办法 免费书签收藏代码
能坚持下来的站长让痛苦来的更猛烈些吧
博客首页该如何布局才能吸引与留住人
用户需求网站目标涉及行业盈利模式决定你做什么
建站流程应该是边修改边上线 推荐
建站经验谈 豆瓣网怎么推广的
GOOGLE在中国市场落后的5点原因分析
地方分类信息网站的有效推广方法小结
跟Alexa类似的网站流量跟踪的5个国外网站
网站建设与SEO的流程图
关于解决网站内容复制几点建议 强烈推荐
开心网转帖功能 网站推广经验
Site 网站首页不在第一页的原因及解决方法
解决首页不在第一页的问题的方法参考
网站推广 如何招兼职网络推广员
网站用户体验与公交车的用户体验

建站经验 中的 使用WP-PageNavi为WordPress创建分页导航


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-10-17   浏览: 162 ::
收藏到网摘: n/a

WP-PageNavi一款是由 Lester “GaMerZ” Chan 开发的文章分页插件, 给你的WordPress博客主题页面导航来个独一无二的升级,替代传统的“旧文章/新文章” ,就像DIGG样式的页面导航。如下:

是不是非常酷?如何轻松的把它融合到 WordPress 博客主题里呢?当指令告诉你要修改插件源文件,你要如何样式化?好问题,我来告诉你。

首先,你要安装WP-PageNavi插件才能使用。如果你没有安装插件,只能使用传统页面导航样式。

以下为引用的内容:

<?php if(function_exists(’wp_pagenavi’)) { // if PageNavi is activated ?>

<?php wp_pagenavi(); // Use PageNavi ?>

<?php } else { // Otherwise, use traditional Navigation ?>

<div class=”nav-previous”>
<!– next_post_link –>
</div>

<div class=”nav-next”>
<!– previous_post_link –>
</div>

<?php } // End if-else statement ?>

很好,现在是样式化,你到底像让该插件如何去和主题融合?所以你要做一些小的修改,在主题文件 style.css,下面我将示范下。

例子:

以下为引用的内容:

/* =PageNavi
————————————————————– */

/* Use !important to override PageNavi CSS */

.wp-pagenavi a, .wp-pagenavi a:link, .wp-pagenavi a:active {
color: blue !important;
background:transparent !important;
}
.wp-pagenavi a:hover {
}
.wp-pagenavi span.pages {
background:transparent !important;
}
.wp-pagenavi span.current {
background:transparent !important;
}
.wp-pagenavi span.extend {
background:transparent !important;
}

现在你的插件样式就会被保存了,每次升级都不会改变了,而且看起来也和主题非常融洽了。

原文:http://www.redbots.cn/wordpress/2009/08/23/12669.htm