如何使用wp_link_ages显示下一页、上一页和页码

时间:2019-02-05 作者:Anita Desai

我想修改的输出wp_link_pages.

基本上我需要的是显示上一页和下一页按钮以及当前页/总页数。我创建了“上一步”和“下一步”按钮。现在,我想在它们之间添加一个当前页面和总页数。

这是我的密码

wp_link_pages( array(
    \'before\' => \'<div class="page-links">\' . __(\'\'),
    \'after\' => \'</div>\',
    \'next_or_number\' => \'next\',
    \'nextpagelink\' => __(\'Next\'),
    \'previouspagelink\' => __(\'Previous\'),
    \'pagelink\' => \'%\',
    \'echo\' => 1,
) );
我不知道该怎么办。我想要得到的效果如下图所示。enter image description here

2 个回复
SO网友:Arturo Gallegos

您使用了错误的功能,请检查此链接https://codex.wordpress.org/Function_Reference/paginate_links

正如您所看到的,您的代码应该是

global $wp_query;

$big = 999999999; // need an unlikely integer

echo paginate_links( array(
  \'base\' => str_replace( $big, \'%#%\', esc_url( get_pagenum_link( $big ) ) ),
  \'format\' => \'?paged=%#%\',
  \'current\' => max( 1, get_query_var(\'paged\') ),
  \'total\' => $wp_query->max_num_pages,
  \'next_text\' => \'<i class="fa fa-angle-right"></i>\',
  \'prev_text\' => \'<i class="fa fa-angle-left"></i>\'
) );
如果将自定义查询与WP\\u query()一起使用,则代码应类似于:

$query_post = new WP_Query(array(
...
\'paged\' => get_query_var(\'paged\'),
...
));


$big = 999999999; // need an unlikely integer

echo paginate_links( array(
  \'base\' => str_replace( $big, \'%#%\', esc_url( get_pagenum_link( $big ) ) ),
  \'format\' => \'?paged=%#%\',
  \'current\' => max( 1, get_query_var(\'paged\') ),
  \'total\' => $query_post->max_num_pages,
  \'next_text\' => \'<i class="fa fa-angle-right"></i>\',
  \'prev_text\' => \'<i class="fa fa-angle-left"></i>\'
) );

SO网友:paulmiller3000

+阿图罗的答案是1(我没有足够的代表投票)。我刚刚在一个项目中使用了他的解决方案。

这里有一些风格规则来修饰一下。这是二十世纪二十年代与Elementor合作的,所以是YMMV。注意,我添加了一个类名为的divcustom-pagination-container 围绕pagination 部门。

<style>
.custom-pagination-container {
  display: flex;
}

.pagination {
  flex-grow: 1;
  flex-shrink: 1;
  justify-content: center;
  order: 1;
  font-size: 15px;
}

.pagination a,
.pagination .current {
  margin: 0;
}

.pagination a:hover {
  background: none;
}

.pagination .next,
.pagination a,
.pagination .prev,
.pagination span {
  display: inline-block;
  float: none;
}

.pagination .dots {
  vertical-align: sub;
  margin-bottom: 0;
}  

相关推荐

Count posts for pagination

我正在为一个网站分页<;上一页(页码)下一页>很简单,已经完成。但是现在我需要添加一个选择器来直接转到页面(例如:转到第7页),要这样做,我需要知道有多少页面,为此我需要计算在查询中找到了多少帖子。问题是这个网站有太多的帖子(>13.000),查询所有帖子都会减慢页面加载速度,这就像。。。10秒后页面才能加载。显然,这是不可接受的。分页解决了这个问题,因为一次只加载50或100篇文章,但我无法将它们全部计算在内。我可以在不加载的情况下统计某个查询中的帖子吗?或者我可以通过其他方式获得页数吗