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

2021-08-24 0 1,049 百度已收录

我相信使用WordPress的朋友对WP pagenavi分页插件并不陌生。许多博客也介绍了它。他们以前也使用代码实现分页,但它不是人性化的。使用WP pagenavi既方便又实用。可用分类列表、物品分页等。

使用了WordPress强大易用的分页插件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>
    <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_uu链接uu。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设置为“否”,然后添加以下css样式(可根据主题修改):

  1. /*文章分页*/
    .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;
    }
    

     

使用WP pagenavi插件完美解决了分类列表和文章分页导航问题。自定义项目类型的分类与项目分页一样适用。文章分页的伪静态优化问题没有很好的解决方案。稍后,我们将解决WP pagenavi插件的文章分页的伪静态优化问题。

收藏 (0) 打赏

感谢您的支持,我会继续努力的!

打开微信/支付宝扫一扫,即可进行扫码打赏哦,分享从这里开始,精彩与您同在
点赞 (0)

免责声明   ⚠️ 1. 本站所有资源来源于网络收集,若资源侵犯了您的合法权益, 请来信通知我们(Email: 1427707223@qq.com),我们会及时删除,给您带来的不便,我们深表歉意! 2. 分享目的仅供大家学习和交流,若使用商业用途,请购买正版授权! 否则产生的一切后果将由下载用户自行承担! 3. 会员不得使用于非法商业用途,不得违反国家法律。否则后果自负! 4. 本站提供的源码、模板、插件等等其他资源,都不包含技术服务请大家谅解! 5. 本站资源售价只是赞助,收取费用仅维持本站的日常运营所需! 6. 因源码具有可复制性,一经购买 ,不得以任何形式退款。 7.更多详情请点击查看

优站网 WordPress 使用了WordPress强大易用的分页插件WP-PageNavi https://www.zhanceo.com/15243.html

诚乃立身之本、信为道德之基

常见问题
  • 如果付款后没有弹出下载页面,多刷新几下,有问题联系客服!
查看详情
  • 本站所有资源版权均属于原作者所有,这里所提供资源均只能用于参考学习用,请勿直接商用。若由于商用引起版权纠纷,一切责任均由使用者承担。
查看详情

相关文章

联系官方客服

为您解决烦忧 - 24小时在线 专业服务

使用了WordPress强大易用的分页插件WP-PageNavi-海报