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

wordpress分页插件pagebar介绍

12月 29th, 2008 | Filed under Wordpress | 共有11,527次浏览

一直用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. 潇遥
    7月 6th, 201212:50

    pagebar插件和Wp-PageNavi哪一个更好呢,好像Wp-PageNavi要出名点吧

  2. G字头老大
    7月 2nd, 201105:22

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

  3. 走音
    5月 21st, 201109:13

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

  4. G字头老大
    12月 3rd, 201007:23

    page.php

  5. G字头老大
    12月 3rd, 201007:22

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

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

    你这个不是zblog吗

  7. 土狼妹妹
    1月 20th, 201007:37

    使用一下

  8. 赢在SEO
    6月 14th, 200918:16

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

您必须在 登录 后才能发布评论.