wordpress框架自定义添加page分页功能

这篇具有很好参考价值的文章主要介绍了wordpress框架自定义添加page分页功能。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

先来看效果图:

wordpress框架自定义添加page分页功能,# wordPress,android,linux,运维

一、在主题目录下的functions.php文件里,添加如下分页函数: 

/**
* 数字分页函数
* 说明:因为wordpress默认仅仅提供简单分页,所以要实现数字分页,需要自定义函数
* @Param bool $isHome   是否为主页
* @Param int $range     数字分页的宽度
* @Return string|empty  输出分页的HTML代码
*/
function number_pagenavi($isHome,$range = 4) {
    global $paged,$wp_query;
    /*如果是首页,则自定义查询*/
    if($isHome){
        $number = $wp_query->post_count;
        //只统计手游、端游、页游三个分类
        $query = new WP_Query(array(
            'category_name' => 'shouyou,duanyou,yeyou',
        ));
        $total = $query->found_posts;//总条数
        $max_page = ceil($total/$number);//总页码
    }else{
        $total = $wp_query->found_posts;//总条数
        if ( !$max_page ) {
            $max_page = $wp_query->max_num_pages;//总页码
        }
    }
    if ( !$max_page ) {
        $max_page = $wp_query->max_num_pages;
    }
    if( $max_page >1 ) {
        echo "<div class='fenye'>"; 
        if( !$paged ){
            $paged = 1;
        }
        if( $paged != 1 ) {
            echo "<a href='".get_pagenum_link(1) ."' class='extend' title='跳转到首页'>首页</a>";
        }else{
            echo "<a class='extend' style='color:#ccc;'>首页</a>";
        }
        previous_posts_link('上一页');
        if ( $max_page >$range ) {
            if( $paged <$range ) {
                for( $i = 1; $i <= ($range +1); $i++ ) {
                    echo "<a href='".get_pagenum_link($i) ."'";
                if($i==$paged) echo " class='current'";echo ">$i</a>";
                }
            }elseif($paged >= ($max_page -ceil(($range/2)))){
                for($i = $max_page -$range;$i <= $max_page;$i++){
                    echo "<a href='".get_pagenum_link($i) ."'";
                    if($i==$paged)echo " class='current'";echo ">$i</a>";
                    }
                }elseif($paged >= $range &&$paged <($max_page -ceil(($range/2)))){
                    for($i = ($paged -ceil($range/2));$i <= ($paged +ceil(($range/2)));$i++){
                        echo "<a href='".get_pagenum_link($i) ."'";if($i==$paged) echo " class='current'";echo ">$i</a>";
                    }
                }
            }else{
                for($i = 1;$i <= $max_page;$i++){
                    echo "<a href='".get_pagenum_link($i) ."'";
                    if($i==$paged)echo " class='current'";echo ">$i</a>";
                }
            }
        next_posts_link('下一页');
        if($paged != $max_page){
            echo "<a href='".get_pagenum_link($max_page) ."' class='extend'  title='跳转到最后一页'>尾页</a>";
        }else{
            echo "<a class='extend' disabled='disabled' style='color:#ccc;' >尾页</a>";
        }
        echo '<span style="margin-left:10px;">共'.$max_page.'页</span>';
        echo "</div>\n";  
    }
}

我这个函数是按网站需求做了一些调整和修改,因为我首页只显示三个分类,直接用$wp_query->max_num_pages查总页码的话是不准的,所以你要根据自己的网站数据来调整这个函数的代码。

二、在公共的css文件里添加样式,代码如下:

/*------------------
    分页部分的CSS
------------------*/
.fenye{    
    text-align: center;
    height: 25px;
    line-height: 25px;
    _background: #F9F9F9;
    padding: 2px 5px;
    margin: 20px 4px;
    _border: solid 1px #ccc;
    _text-align: center;
}

.fenye a{
    padding:4px 6px 4px 6px;
    margin:0 2px 0 2px;
    border:1px solid #aaa;
    text-decoration:none;
    color:#333;
    cursor: pointer;
}

.fenye a.current{    
    background:#ff6f3d;    
    color:#fff;
}

.fenye a:hover{
    background:#ff6f3d;
    color:#fff;
}

/*-- footer --*/
.footer {
    width:100%;
    height:64px;
    background:#E6E9ED;
    border-top: 1px solid #e2e2e3;
}


/*-- post --*/
.post {
    background:none;
}

.post .entry-cnt {
    height:auto;
    line-height:2;
    font-size:14px;
    border-top-width: 1px;
    border-top-style: dotted;
    border-top-color: #eee;
    padding:15px 0 0;
}

.post .entry-cnt p {
    line-height:2;
    font-size:14px;    
}

.related {
    padding:10px 5px 10px 5px;
    border-top:1px solid #eee;
    border-bottom:1px solid #eee;
    margin: 20px auto 10px auto;
}

.r-left {
    float:left;
}

.r-right {
    float:right;
}

/*-- discuss --*/
.discuss {
    padding:25px;
}

三、在需要使用分页的位置,插入以下代码:文章来源地址https://www.toymoban.com/news/detail-603265.html

<!-- 插入分页功能 -->
<?php number_pagenavi(false); ?>

到了这里,关于wordpress框架自定义添加page分页功能的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • 【WordPress】分页插件WP-PageNavi使用教程

    参考:WordPress分页插件:WP-PageNavi_51CTO博客_wordpress静态化插件 注意:此插件并不是启用后就可以看到效果了,必须把以下代码放到模板上; 例如:分类目录模板【如果放置在底部,请添加到footer.php的底部即可】 切记:不要把代码放到循环内!

    2024年02月07日
    浏览(52)
  • 给wordpress额外添加一个编辑器

    在制作wordpress模板时,有时会用到同一个文章需要分开录入内容,分别调用的情况,这个时候就需要给文章,再添加一个录入额外内容的编辑器。将下面的代码添加到functions.php中,就可以实现。 添加完了后,在录入文章时,就可以显示出来。在此编辑器中录入内容,在需要

    2024年01月21日
    浏览(43)
  • WordPress给每个文章开头或者末尾添加内容

    有需求想要给每个文章开头或者末尾添加内容,百度搜了些代码,感觉好用,贴上来备忘。 使用方法:在主题文件的functions.php 中,直接添加以下代码即可。 在文章内容开头添加固定内容 在文章内容末尾添加固定内容   在开头和末尾同时添加固定内容 在自定义文章类型“

    2024年02月13日
    浏览(40)
  • 若依框架ruoyi前后端实现自定义分页功能(ES分页查询)

    若依 ruoyi 框架主要针对 Sql 进行了分页集成,像平时别的一些数据库或者中间件的分页,则需要自己实现. 本文主要使用 ES 的分页查询为例,展示前后端的基本操作,原理可以类推到其他中间件分页查询上.

    2024年02月12日
    浏览(53)
  • 采集发布到WordPress自定义参数

    Wordpress有自定义设置的参数,一般是用户自行设置,或主题和插件扩展新增的自定义参数,要怎么发布? WordPress主题或插件扩展新增的自定义参数,一般是保存到数据库的wp_postmeta表中。 先去数据库中确定对应自定义参数的字段名称,然后再在发布模块将自定义字段名称和对

    2024年02月12日
    浏览(41)
  • WordPress批量给没有图片的文章自动添加图片配图

    每次写文章配图巨麻烦,特别是有些人批量采集文章,不可能一个个去配图,那么有没有什么方法能批量给WordPress没有图片的文章自动添加图片,并且还要自动识别该文章有没有图片,如果没有图片才自动配图,如果有图片就不配图。 一开始我在网上查了一下资料,找了一些

    2024年02月07日
    浏览(35)
  • WordPress(5)在主题中添加文章字数和预计阅读时间

    提示:文章写完后,目录可以自动生成,如何生成可参考右边的帮助文档 提示:以下是本篇文章正文内容,下面案例可供参考 在主题目录下functions.php文件把下面的代码添加进去:

    2024年02月10日
    浏览(37)
  • wordpress自定义上传文件类型的方法

    前言 众所周知WordPress默认支持大部分图片等文件格式的上传,但也有一些文件格式是不支持的,根据个人需要,我们需要增加一些格式,一些格式也可以禁止上传,设置非常非常简单,下面来一起看看吧。 方法如下 直接把以下代码复制到你的主题的functions.php文件中,如果没

    2023年04月25日
    浏览(56)
  • 怎么给wordpress网站底部页脚添加备案号和链接?

    以前“WordPress后台 常规”最底部是有一个ICP备案号的,我们只需要填写备案号并保存更改即可让WordPress自带主题底部显示ICP备案号,但是现在新版本的WordPress已经没有了这个ICP备案号选项,而且也无法直接添加公安联网备案号,加上国内使用WordPress自带主题的人确实不大,所

    2024年01月23日
    浏览(48)
  • 怎么移除WordPress后台工具栏“新建”菜单?如何添加“新建文章”菜单?

    默认情况下,WordPress后台顶部管理工具栏有左侧有一个“+新建”菜单,而且还有下拉菜单文章、媒体、链接、页面和用户等,不过我们平时用得最多的就是“新建文章”,虽然可以直接点击“+新建”,或点击“新建 – 文章”,但是总感觉有点复杂。 我们能不能将整个“+新

    2024年01月24日
    浏览(51)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包