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分页可以添加到分类列表与文章分页中,我们就以这两种方式来介绍。
分类列表中使用
将类似以下代码:
- <div class="nav-previous"><?php next_posts_link( __( '<span class="meta-nav">←</span> Older posts', 'twentyten' ) ); ?></div>
- <div class="nav-next"><?php previous_posts_link( __( 'Newer posts <span class="meta-nav">→</span>', 'twentyten' ) ); ?></div>
或
- <?php pagination($query_string); ?>
替换为:
通常上一段代码如果WP-PageNavi插件没有启用将会报错,所以我们修改下,添加一个判断,判断插件是否启用,代码如下:
- <?php if(function_exists('wp_pagenavi')) { wp_pagenavi(); } ?>
这样WP-PageNavi插件没有启用就不输出任何代码,启用则输出分页。
文章分页中使用
大部分主题中的文章分页都是使用wp_link_pages这个函数来获取,此函数获取分类不是很方便,不能设置分页显示的数量,而且也会有些问题,所以我们找到:
- <?php wp_link_pages( ... ); ?>
类似的代码,替换为:
- <?php wp_pagenavi( array( 'type' => 'multipart' ) ); ?>
同样,为了防止WP-PageNavi插件没有启用而报错,我们使用如下代码:
- <?php if(function_exists( 'wp_pagenavi')) { wp_pagenavi(array( 'type'=> 'multipart' )); } ?>
分页导航样式
插件默认的样式与绝大多数主题的样式不相符,进入后台——设置——分页导航,将使用pagenavi- css.css设置为“NO”,再添加如下CSS样式(具体根据主题来修改):
- .wp-pagenavi {
- margin: 30px 0;
- font-size: 12px;
- }
- .wp-pagenavi{
- text-align: center;
- line-height: 24px;
- }
- .wp-pagenavi{
- width: 100%;
- }
- .wp-pagenavi > span,
- .wp-pagenavi > a{
- margin: 4px 6px 4px 0;
- padding: 2px 10px;
- text-decoration: none;
- background-color: #eee;
- color: #666;
- display: inline-block;
- }
- .wp-pagenavi a:hover,
- .wp-pagenavi > .current{
- background-color: #cf2079;
- color: #fff !important;
- }
[statusbox]使用WP-PageNavi插件就完美的解决了分类列表与文章分页导航,对于自定义文章类型的分类与文章分页一样的适用。对于文章分页伪静态优化的问题,暂时没有好的解决方法,之后我们将解决WP-PageNavi插件文章分页伪静态优化的问题。[/statusbox]本文原创,作者:萨龙龙,其版权均为萨龙网络所有。
如需转载,请注明出处:https://salongweb.com/wp-pagenavi.html
一个平平常常的人,热爱生活、旅行和摄影,骑行去过西藏,一直计划再去。14年从江西骑行来到大理,现栖居于洱海边,食人间烟火,过简单生活,做简约设计!wordpress图片延迟加载已经不是稀奇的功能,网上有很多类似的文章,添加相当简单方便,woocommerce缩略图图片延迟加载也很方便的可以…WooCommerce是WordPress中最强大的商城插件,没有之一。在Slearn主题的开发过程中,需要将课程和商城结合,课程使用…萨龙网络Purity主题是集成了Woocommerce+Buddypress+Bbpress商城社区论坛,因为www.gravatar.com头…萨龙网络已经开发了很多WordPress主题,LensNews主题要创建的页面较多,所以导致很多用户来咨询如何设置用户中心,在最新上线的…WordpressMU多站点已经使用很久,在本地测试和主机上安装的都是多站点,极大的方便网站搭建以及主题开发。当我们有多个站点,需要创建的新站…在WordPress主题的开发过程中,获取用户ID的频率是很高的,可在WordPress中查看用户信息,也可以通过代码直接获取。
…Ubermenu是一个用户友好的、可高度定制响应式的Wordpress超级大菜单插件,工作原理与Wordpress3菜单系统类似,强大到可创建…WordPress4.9.8版本就发布了古滕堡编辑器,很好用,添加文章也比经典编辑器方便很多。在5.8版本后又在小工具中增加了古滕堡编辑…课程插件功能已经能满足绝大多数在线教育培训课程网站的需求,选项功能也众多,「即将推出」功能还在开发中。默认情况下WordPress是不允许重复的评论提交,主要是为了防止垃圾评论。有些情况下又需要重复评论,最近用户需要在MNewsPro主题上定制…Buddypress社区中有很多地方会直接显示用户登录名,比如用户个人主题中的名称和链接中,所有来访的用户都知道了管理员的用户名,对于小人知道了…很多个人博客都有一个小工具是来统计网站的一些信息,Deephoto主题企业版本首页就集成了网站统计,添加了工作天数、完成作品、新闻动态、摄影师、…