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

建站经验
建站经验分享 做网站的思路
网站内容 原创,转载与伪原创
建站经验 网站要成功必须具备的6点
制作网站价格为什么那么便宜
网站流量 主要来源分析
结合个人小站 谈谈如何提高网站PV
设计网站要注意吸引客户和留住客户
搜索引擎 对自助链接的一些政策
利用反向链接提高网站权重的5种形式
搜索引擎 Bing必学的高级搜索语法
用户体验 文章引导,心理引导粘住网站用户
网站上线前要做的准备工作
Google 优化蜘蛛爬取和索引的技巧
网站发展中20条禁令 推荐
站长网站建设应避免的八大雷区小结
网站15种最差的用户体验
网站策划 网站信息闭环设计
新奇网站 认识代BT下载网站
建站入门 顶级域名与二级域名
网站改版升级的理论知识 站长需要看下

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


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