wordpress分页插件pagebar介绍

一直用wordpress,直到文章慢慢写的多了起来,才发现wordpress自带的分页功能太过简单,而且视觉上也不好看。园子在这里给你推荐一个好用的插件,通过简单的设置你就可以拥有和我博客首页一样的翻页。

pagebar插件使用方法

首先要下载wordpress的PageBar插件(在本页面下方即可下载),然后把pagebar上传到wp的插件目录,在后台激活,激活后进行如下设置(提供参数仅供参考):

PageBar插件截图

然后把下面的代码添加到首页和相关页面即可:

'Page: ', 'after'=>' ', 'tooltip'=>true, 'tooltip_text'=>'Page'))?>

如果你对CSS熟悉,你可以通过修改css来定义不同的外观,以制作更适合你的翻页效果。

最后加入CSS样式,下面我把我使用的CSS文件共享一下,直接放到你的CSS文件中即可看到效果。

.pagebar {padding: 0;margin-right: 0.1em;margin-bottom: 1.0em;text-decoration: none;}
.pagebar .text,.pagebar a,.pagebar .this-page,.pagebar .inactive,.break {border: 1px solid #9AAFE5;text-decoration: none;padding: 0.2em 0.5em;background: #FFFFFF;color: #2E6AB1;}
.pagebar a,.pagebar .this-page,.pagebar a:visited {border: 1px solid #9AAFE5;}
.pagebar .break {border: none;}
.pagebar .this-page {border-color: #2E6AB1;background: #2E6AB1;color: #fff;font-weight: bold;}
.pagebar a:hover {border-color: #2E6AB1;}
.pagebar .inactive{border-color: #cccccc;color: #ccc;}
.navigation{display: none;}

pagebar插件下载:

点此下载pagebar插件

wordpress分页插件pagebar介绍》上有9条评论

发表评论