当前位置:园子博客 » Wordpress » wordpress分页插件pagebar介绍

wordpress分页插件pagebar介绍

十二 29th, 2008 | Filed under Wordpress | 共有4,841次浏览

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

pagebar插件使用方法

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

PageBar插件截图

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

<?php wp_pagebar(array('before'=>'Page: ', 'after'=>' ', 'tooltip'=>true, 'tooltip_text'=>'Page'))?>

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

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

1
2
3
4
5
6
7
8
.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插件

  1. G字头老大
    七 2nd, 201105:22

    推荐“WP-PageNavi”,更美观!!

  2. 走音
    五 21st, 201109:13

    请问,这是文章内部分页的吗?

  3. G字头老大
    十二 3rd, 201007:23

    page.php

  4. G字头老大
    十二 3rd, 201007:22

    “把下面的代码添加到首页和相关页面即可:”——这话说的,谁能明白!!!

  5. 一心而已
    五 7th, 201011:50

    你这个不是zblog吗

  6. 土狼妹妹
    一 20th, 201007:37

    使用一下

  7. 赢在SEO
    六 14th, 200918:16

    最好在留个下载地址就PERFECT了

提示: 评论者允许使用'@user空格'的方式将自己的评论通知另外评论者,请注意评论者名称大小写要一致。

无觅相关文章插件,快速提升流量