0%

wordpress分页插件WP-PageNavi

WP-PageNavi是WordPress的一个分页插件,虽然 WordPress自身也有这个功能,但是过于简单,只能翻至前后页,因此对读者来说有时会造成阅读障碍,而安装 WP-PageNavi 之后就可以彻底解决这一问题。当你的Blog的文章数比较多的时候,就可以直接跳到某页去,而不用上一页下一页的点。

安装步骤不用说了,直接在后台搜索这个插件就可以了,我装的时候已经提示不一定兼容最新版本的wordpress了,但是仍然可以成功安装,启用后来适当位置插入




就大功告成了。

附上本站分页的CSS代码:



.wp-pagenavi {
clear: both;
text-align: center;
margin-top:-35px;
}

.wp-pagenavi a, .wp-pagenavi span {
color: #518fce;
margin-right: 2px;
padding: 0 10px;
height: 27px;
border-radius: 4px;
display: inline-block;
overflow: hidden;
text-decoration: none;
text-align: center;
line-height: 27px;
font-size: 12px;
}

.wp-pagenavi a:hover, .wp-pagenavi span.current {
color: #fff;
background: #6ac0eb;
}
.wp-pagenavi a.previouspostslink{
color: #518fce;
padding:0;
padding-left: 12px;
width: 43px;
background: url(/img/bg_pager.png) no-repeat 0 0;
}
.wp-pagenavi a.previouspostslink:hover{
color: #fff;
background: url(/img/bg_pager.png) no-repeat 0 -84px;
}

.wp-pagenavi a.nextpostslink{
background: url(/img/bg_pager.png) no-repeat 0 -28px;
color: #518fce;
padding:0;
padding-right: 12px;
width: 49px;
}
.wp-pagenavi a.nextpostslink:hover{
background: url(/img/bg_pager.png) no-repeat 0 -56px;
color: #fff;
}


这个代码是写在插件编辑里的CSS文件里的,图片自己下一下就可以了