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

建站经验
网站推广是个持久战 站长要掌握战术技巧
持之以恒的网站推广和日常更新
效果营销 有广告预算不知道用哪些渠道
论坛运营管理经验 防垃圾广告的3种方法
网页页面加载对用户访问的影响
博客网站该如何提升流量
盈利模式 让用户对网站内容买单
网站运营的步骤小结
分类信息网站线下低成本推广方式分析
地方门户网站低推广高回报的思路分析
网站运营战略应该放弃的网站分析
中国网站PR8以上的网站分析
把网站当作自己的孩子 坚持把它养大才能赚钱
网站设计角度分析 提高B2C网站转换率
QQ群推广网站注意的细节问题
闲置的域名该怎么发挥下作用
用虚拟主机做的网站如何迁移
经营一个成功得博客
新手建网站切莫使用低廉服务器(针对做大站的朋友)
BBS型社区运营思路 事件营销是有效的推广方式

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


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-10-17   浏览: 165 ::
收藏到网摘: 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