萨龙网络
登录
首页-WordPress文章-WordPress-正文

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

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

插件的安装

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

WP-PageNavi插件如何使用

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

分类列表中使用

将类似以下代码:
  1. <div class="nav-previous"><?php next_posts_link( __( '<span class="meta-nav">&larr;</span> Older posts', 'twentyten' ) ); ?></div>
  2. <div class="nav-next"><?php previous_posts_link( __( 'Newer posts <span class="meta-nav">&rarr;</span>', 'twentyten' ) ); ?></div>
  1. <?php pagination($query_string); ?>
替换为:
  1. <?php wp_pagenavi(); ?>
通常上一段代码如果WP-PageNavi插件没有启用将会报错,所以我们修改下,添加一个判断,判断插件是否启用,代码如下:
  1. <?php if(function_exists('wp_pagenavi')) { wp_pagenavi(); } ?>
这样WP-PageNavi插件没有启用就不输出任何代码,启用则输出分页。

文章分页中使用

大部分主题中的文章分页都是使用wp_link_pages这个函数来获取,此函数获取分类不是很方便,不能设置分页显示的数量,而且也会有些问题,所以我们找到:
  1. <?php wp_link_pages( ... ); ?>
类似的代码,替换为:
  1. <?php wp_pagenavi( array( 'type' => 'multipart' ) ); ?>
同样,为了防止WP-PageNavi插件没有启用而报错,我们使用如下代码:
  1. <?php if(function_exists( 'wp_pagenavi')) { wp_pagenavi(array( 'type'=> 'multipart' )); } ?>

分页导航样式

插件默认的样式与绝大多数主题的样式不相符,进入后台——设置——分页导航,将使用pagenavi- css.css设置为“NO”,再添加如下CSS样式(具体根据主题来修改):
  1. /*文章分页*/
  2. .wp-pagenavi {
  3.     margin30px 0;
  4.     font-size12px;
  5. }
  6. .wp-pagenavi{
  7.     text-aligncenter;
  8.     line-height24px;
  9. }
  10. .wp-pagenavi{
  11.     width: 100%;
  12. }
  13. .wp-pagenavi > span,
  14. .wp-pagenavi > a{
  15.     margin4px 6px 4px 0;
  16.     padding2px 10px;
  17.     text-decorationnone;
  18.     background-color#eee;
  19.     color#666;
  20.     displayinline-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]
标签:
本文原创,作者:萨龙龙,其版权均为萨龙网络所有。
如需转载,请注明出处:https://salongweb.com/wp-pagenavi.html
萨龙龙

萨龙龙

侠客
一个平平常常的人,热爱生活、旅行和摄影,骑行去过西藏,一直计划再去。14年从江西骑行来到大理,现栖居于洱海边,食人间烟火,过简单生活,做简约设计!
1342.31M457.08W4.42W
加载中…
分享:
WordPress桌面客户端无需浏览器管理多个站点及JetPack安装使用
WordPress桌面客户端无需浏览器管理多个站点及JetPack安装使用上一篇
Wordpress自定义域与HTML5简洁的音乐播放器下一篇
Wordpress自定义域与HTML5简洁的音乐播放器
相关文章
总数:107

WordPress 获取用户 ID 的8种方法

在WordPress主题的开发过程中,获取用户ID的频率是很高的,可在WordPress中查看用户信息,也可以通过代码直接获取。 …
萨龙龙萨龙龙
WordPress
4年前
0
0
5.03W
0

WordPress 功能函数—— add_clean_index(向指定的表添加索引)

描述 向指定的表添加索引。 用法 add_clean_index(string$table,st…
萨龙龙萨龙龙
WordPress Functions
7年前
0
0
9.88K
0

修改Buddypress中管理员的显示名与用户名区别开提高账户安全

Buddypress社区中有很多地方会直接显示用户登录名,比如用户个人主题中的名称和链接中,所有来访的用户都知道了管理员的用户名,对于小人知道了…
萨龙龙萨龙龙
Buddypress, WordPress
10年前
0
0
1.67W
0

WordPress 从不需要的页面禁用 WooCommerce 样式和脚本

WooCommerce在每个页面上加载三个核心CSS样式表,并在WordPress站点上安装时发布。可以通过从不需要它的页面和内容中删除样式和…
萨龙龙萨龙龙
WooCommerce
6年前
0
0
1.80W
0

WordPress 主题 MNews Pro 5.2 投稿新增可插入音视频功能

MNewsPro主题已经更新到5.2版本,功能已经很完善,且实用,在文章投稿编辑器有用户提出不能上传视频或者插入视频简码不方便的问题。 …
萨龙龙萨龙龙
WordPress
3年前
0
0
2.60W
0

WordPress添加 span 标签到分类目录和文章归档文章数量上

WordPress默认提供了分类目录,文章归档等小工具,在前台开发中,由于分类目录和文章归档显示的文章数量没有添加标签,导致写样式比较麻烦,如…
萨龙龙萨龙龙
WordPress
6年前
0
0
1.44W
0

WordPress 功能函数—— add_action(将函数挂接到特定的操作上)

描述 WordPress核心执行期间,在特定点执行时或特定事件发生时,Actions是钩子。插件可以指定使用ActionAPI在…
萨龙龙萨龙龙
WordPress Functions
7年前
0
0
2.27W
0

WordPress 添加菜单项目描述

WordPress能够在自定义菜单中存储每个菜单项的描述,默认情况下,这些描述不会显示在前端菜单中,需要为相应的菜单增加显示描述的功能。 一…
萨龙龙萨龙龙
WordPress
7年前
0
0
1.43W
0

通过 WordPress 多语言插件 WPML 的语言配置文件 wpml-config.xml 来支持 Polylang 翻译主题选项字段

网上已经有很多介绍WordPress多语言的插件了,比如Polylang和WPML等强大的多语言插件,但是只是介绍,很快都是能掌握怎…
萨龙龙萨龙龙
WordPress
8年前
0
0
1.56W
0

WordPress桌面客户端无需浏览器管理多个站点及JetPack安装使用

WordPress推出已经十多年了,越来越多的个人与公司都是在使用其开发自己的网站,全球的开发者也都在为其提供程序。WordPress移动客户端…
萨龙龙萨龙龙
WordPress
10年前
0
0
1.77W
0

删除或失效WordPress文章中的图像大小属性

默认情况下,WordPress会将图像元素width和height属性添加到图像元素中。这些属性会影响CSS宽度和高度属性,图片延迟加载时默认图…
萨龙龙萨龙龙
WordPress, 前端资讯
7年前
0
0
1.18W
0

在WooCommerce中添加“立即购买”按钮直接跳转到结算页面

MNews主题集成了WooCommerce商城插件,有些用户要求增加一个『立即购买』按钮,这篇文章介绍下如何在WooCommerce中添加…
萨龙龙萨龙龙
WooCommerce
8年前
0
0
3.18W
0
评论表单游客 您好,欢迎参与讨论。
加载中…
评论列表
总数:0
萨龙网络
没有相关内容