欢迎来到路由器窝!

WordPress 无插件 纯代码实现分页导航

浏览次数:

作者: 路由器窝

信息来源:

更新日期: 2020-03-03 17:56

文章简介

第一步:将以下代码放到自己使用的wordpress主题的模板函数文件functions.php中。 function kriesi_pagination($query_string){global $posts_per_page, $paged;$my_

  • 正文开始
  • 相关文章
第一步:将以下代码放到自己使用的wordpress主题的模板函数文件functions.php中。
function kriesi_pagination($query_string){
global $posts_per_page, $paged;
$my_query = new WP_Query($query_string ."&posts_per_page=-1");
$total_posts = $my_query->post_count;
if(empty($paged))$paged = 1;
$prev = $paged - 1;
$next = $paged + 1;
$range = 2; // only edit this if you want to show more page-links
$showitems = ($range * 2)+1;
$pages = ceil($total_posts/$posts_per_page);
if(1 != $pages){
echo "<div class='pagination'>";
echo ($paged > 2 && $paged+$range+1 > $pages && $showitems < $pages)? "<a href='".get_pagenum_link(1)."' rel='external nofollow'>最前</a>":"";
echo ($paged > 1 && $showitems < $pages)? "<a href='".get_pagenum_link($prev)."' rel='external nofollow'>上一页</a>":"";
for ($i=1; $i <= $pages; $i++){
if (1 != $pages &&( !($i >= $paged+$range+1 || $i <= $paged-$range-1) || $pages <= $showitems )){
echo ($paged == $i)? "<span class='current'>".$i."</span>":"<a href='".get_pagenum_link($i)."' class='inactive' rel='external nofollow'>".$i."</a>";
}
}
echo ($paged < $pages && $showitems < $pages) ? "<a href='".get_pagenum_link($next)."' rel='external nofollow'>下一页</a>" :"";
echo ($paged < $pages-1 && $paged+$range-1 < $pages && $showitems < $pages) ? "<a href='".get_pagenum_link($pages)."' rel='external nofollow'>最后</a>":"";
echo "</div>\n";
}
}

第二步:在wordpress分类目录模板(archive.php)中需要显示分页的代码放上下面的调用代码:
<?php kriesi_pagination($query_string); ?>
第三步:将以下CSS样式放到自己模板的style.css中。
.pagination{line-height:23px;text-align:center;}
.pagination span, .pagination a{font-size:12px;margin: 2px 6px 2px 0;background:#fff;border:1px solid #e5e5e5;color:#787878;padding:2px 5px 2px 5px;text-decoration:none;}
.pagination a:hover{background: #8391A7;border:1px solid #fff;color:#fff;}
.pagination .current{background: #fff;border:1px solid #8d8d8d;color:#393939;font-size:12px;padding:2px 5px 2px 5px;}

第四步:在网站后台设置每页显示文章数量,当达到这个数量后,自动分页显示。

转载请注明:Wordpress» WordPress 无插件 纯代码实现分页导航

标签:
  • 列表描述改编辑器
    742阅读
    ///描述改编辑器add_action("category_edit_form_fields", 'edit_form_fields_example', 10, 2);add_action("category_add_form_fields", 'add_form_fields_...
  • wordpress常用函数
    234阅读
    ?phprequire get_template_directory() . /inc/helper.php;add_filter(acf/settings/path, my_acf_settings_path); function my_acf_settings_path( $path ) { $path = get...
  • 添加基本编辑字段公共字段
    717阅读
    //添加自定义字段function my_profile( $contactmethods ) {$contactmethods['tel'] = 'tel'; //增加$contactmethods['fax'] = 'fax';$contactmeth...
  • 添加栏目编辑器
    541阅读
    //添加栏目编辑器add_action("category_edit_form_fields", 'add_form_fields_example', 10, 2);function add_form_fields_example($term, $taxonomy){echo '<tr val...
  • 分类栏目图片插件
    722阅读
    调用方法<?php get_cat_icon(); ?>
  • wordpress自定义菜单
    824阅读
    注册菜单if(function_exists('register_nav_menus')){register_nav_menus(array('header-menu' => __( '导航自定义菜单' ),));}调用菜单<?php wp_nav_menu(...
  • wordpress手机端主题插件WP Mobile X
    194阅读
    WP Mobile X是一款国产的手机端主题切换插件,通过该插件可以专门为手机端启用一个指定的wordpress主题,同时不会影响PC电脑端主题的正常运行,其功能类似于博客吧前面介绍的 MobilePress插件 和 DW Mobile Switcher插件 。WP Mobile X插件内置一款移动端主
  • id 子栏目三级 判断有无子栏目显示样式 序号输出
    590阅读
    <?php$i=1; $j=1;$args=array( 'child_of'=> 1, 'parent' => 1,'hide_empty'=>'0',);$categories=get_categories($args);foreach($categories as $category) {...
  • logo设置
    744阅读
    function p_curr_link( $i) {echo '<li><span class="page-numbers current">'.$i.'</span></li>';}//添加logo $args = ...
  • 栏目分类添加自定义字段两个
    1017阅读
    // 分类添加字段function ems_add_category_field(){echo '<div class="form-field"><label for="cat-keywords">头部文字</label><tex...
上一页:Wordpress当前位置调用
下一页:wordpress不同分类调用不同模板
最近更新作品
wordpress自定义菜单
更新时间:2023-03-09

824人已经看过了!

id 子栏目三级 判断有无子栏目显示样式 序号输出
更新时间:2023-03-08

590人已经看过了!

列表描述改编辑器
更新时间:2023-03-07

742人已经看过了!

纯代码实现WordPress分类目录添加缩略图片上传功能
更新时间:2023-03-07

930人已经看过了!

contact-form-7更改默认的rows和cols的值
更新时间:2022-09-29

774人已经看过了!

栏目分类添加自定义字段两个
更新时间:2022-09-29

1017人已经看过了!

添加基本编辑字段公共字段
更新时间:2022-09-29

717人已经看过了!

添加栏目编辑器
更新时间:2022-09-29

541人已经看过了!

后台菜单a标签添加样式
更新时间:2022-09-29

691人已经看过了!

分类栏目图片插件
更新时间:2022-09-29

722人已经看过了!