当前位置：首页-WordPress文章-WordPress-正文

Wordpress强大好用的分页插件WP-PageNavi使用

萨龙龙 萨龙龙 WordPress7年前001.73W

Wordpress强大好用的分页插件WP-PageNavi使用 - 第1张相信使用Wordpress的朋友都对WP-PageNavi分页插件不陌生，很多博客对它也有很多介绍，之前也使用过代码来实现分页，但不够人性化，使用WP-PageNavi方便，实用，对于分类列表、文章分页等都可以使用。

插件的安装

  • 后台自动安装WP-PageNavi插件：插件——安装插件——搜索“WP-PageNavi”，选择第一条，直接在线自动安装即可
  • 下载wp-pagenavi安装包——解压缩：VPS可以直接在面板或SSH中直接下载到/wp-content/plugins/目录下，解压即可；虚拟主机就将wp-pagenavi压缩包解压，使用FTP将解压后的文件夹上传

WP-PageNavi插件如何使用

WP-PageNavi分页可以添加到分类列表与文章分页中，我们就以这两种方式来介绍。

分类列表中使用

将类似以下代码：

  1. class="nav-previous">class="meta-nav">← Older posts', 'twentyten' ) ); ?>
  • class="nav-next">class="meta-nav">→', 'twentyten' ) ); ?>

    • 或

    1. $query_string); ?>

    替换为：

    通常上一段代码如果WP-PageNavi插件没有启用将会报错，所以我们修改下，添加一个判断，判断插件是否启用，代码如下：

    1. if(function_exists('wp_pagenavi')) { wp_pagenavi(); } ?>

    这样WP-PageNavi插件没有启用就不输出任何代码，启用则输出分页。

    文章分页中使用

    大部分主题中的文章分页都是使用wp_link_pages这个函数来获取，此函数获取分类不是很方便，不能设置分页显示的数量，而且也会有些问题，所以我们找到：

    类似的代码，替换为：

    1. array( 'type' => 'multipart' ) ); ?>

    同样，为了防止WP-PageNavi插件没有启用而报错，我们使用如下代码：

    1. if(function_exists( 'wp_pagenavi')) { wp_pagenavi(array( 'type'=> 'multipart' )); } ?>

    分页导航样式

    插件默认的样式与绝大多数主题的样式不相符，进入后台——设置——分页导航，将使用pagenavi- css.css设置为“NO”，再添加如下CSS样式（具体根据主题来修改）：

    1. /*文章分页*/
    2. .wp-pagenavi {
    3.     margin: 30px 0;
    4.     font-size: 12px;
    5. }
    6. .wp-pagenavi{
    7.     text-align: center;
    8.     line-height: 24px;
    9. }
    10. .wp-pagenavi{
    11.     width: 100%;
    12. }
    13. .wp-pagenavi > span,
    14. .wp-pagenavi > a{
    15.     margin: 4px 6px 4px 0;
    16.     padding: 2px 10px;
    17.     text-decoration: none;
    18.     background-color: #eee;
    19.     color: #666;
    20.     display: inline-block;
    21. }
    22. .wp-pagenavi a:hover,
    23. .wp-pagenavi > .current{
    24.     background-color: #cf2079;
    25.     color: #fff !important;
    26. }

    [statusbox]使用WP-PageNavi插件就完美的解决了分类列表与文章分页导航，对于自定义文章类型的分类与文章分页一样的适用。对于文章分页伪静态优化的问题，暂时没有好的解决方法，之后我们将解决WP-PageNavi插件文章分页伪静态优化的问题。[/statusbox]

    WP-PageNavi(1)
    本文原创，作者：萨龙龙，其版权均为4166am金沙信心之选所有。
    如需转载，请注明出处：/wp-pagenavi.html
    萨龙龙

    萨龙龙

    侠客

    一个平平常常的人，热爱生活、旅行和摄影，骑行去过西藏，一直计划再去。14年从江西骑行来到大理，现栖居于洱海边，食人间烟火，过简单生活，做简约设计！

    1321.54M122.79W￥1.81W

    相关文章

    WordPress 限制上传媒体的文件类型

    MNews和LensNews主题都有前台投稿的功能，用户可以上传图片等文件，管理员是不希望用户上传任意的媒体文件，这时我们可以对用户上传的文件后缀进行判断，从而来限制上传的文件类型。4166am金沙信心之选使用多站点已…
    5年前7.98K

    Wordpress强大的开源后台框架Redux Framework介绍与使用

    开发一个WP主题有了前端页面设计的美观与布局外，后台选项也是相当重要的一个组成部分，好的后台框架在使用主题时方便快捷的设置各个功能，也让主题开发者专注于主题功能的开发和前端页面的设计。ReduxFramew…
    8年前1.71W

    Wordpress Mega超级大菜单插件Ubermenu

    Ubermenu是一个用户友好的、可高度定制响应式的Wordpress超级大菜单插件，工作原理与Wordpress3菜单系统类似，强大到可创建任意形式的菜单。萨龙龙使用Ubermenu也是因为设计它季商城时…
    8年前1.16W