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

建站经验
推广经验 利用QQ推广网站的方法
google 恶意软件网站 警告后 怎么办
站长浅谈 运营网站切勿盲目跟风
远离垃圾站 做一个有用的站 让人们需要你
站长想把网站做好需要专心
让百度蜘蛛认为你的网站是一个好网站
企业网站 建设目标分析
问答推广的实施步骤与问答推广方法和技巧
SEO B2B行业网站优化经验
搜索引擎算法调整和被搜索引擎惩罚的解决方法
选择不知名网站源码来建站选择技巧
digg 创始人经验分享 发展网站用户的9个方法
智能查询域名的10个国外网站
成功网站的法则 简单的直击人最基本需求
网站 邀请机制的使用说明
成功网站=充实的内容+勤奋的站长+运气
网站内容的主动组织和展示技巧
百度K站和降权原因大收集 看看你占了哪一条
网络媒体 让资讯与服务融为一体
网站运营 SNS社区产品设计思想

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


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