我在WordPress网站上工作,我创建了一个页面模板,按类别slug显示帖子。为此,我为页面创建一个字段WP_Catid,并将其设置为我想要显示帖子的类别slug。但是,我只希望每页显示五个帖子,并在这些帖子的底部显示分页链接。如何正确显示分页链接?
我的代码如下:
<div id="container">
<div id="content" role="main">
<?php
$btpgid=get_queried_object_id();
$btmetanm=get_post_meta( $btpgid, 'WP_Catid','true' );
$paged = (get_query_var('paged')) ? get_query_var('paged') : 1;
$args = array( 'posts_per_page' => 5,
'category_name' => $btmetanm,
'paged' => $paged,
'post_type' => 'post' );
$myposts = get_posts( $args );
foreach ( $myposts as $post ) : setup_postdata( $post );
echo "<div style='border:2px groove black; margin-bottom:5px;'><h3 class='btposth'>";
the_title();
echo "</h3><div class='btpostdiv'>";
the_content();
echo "</div></div>";
endforeach;
next_posts_link( 'Older Entries'); //not displaying
previous_posts_link('Newer Entries »'); //not displaying
wp_reset_postdata();
?>
</div><!-- #content -->
</div><!-- #container -->
答案 0 :(得分:37)
如果您需要分页查询,请不要使用get_posts
。如果您要使用不需要分页的自定义查询,get_posts
可以正常运行,但当您需要引入分页时,它确实变得非常复杂。
我认为最简单也是最合适的方法是使用WP_Query
来构建自定义查询,即如果您不能使用pre_get_posts
来更改主要内容查询以从主查询中获取所需的输出。
我认为next_posts_link()
和previous_posts_link()
最好与自定义查询一起使用,即使用WP_Query
。但是,您必须记住在使用自定义查询时设置$max_pages
参数,否则您的分页将会中断
通过一些小的调整,您的查询应该如下所示
<div id="container">
<div id="content" role="main">
<?php
$btpgid=get_queried_object_id();
$btmetanm=get_post_meta( $btpgid, 'WP_Catid','true' );
$paged = (get_query_var('paged')) ? get_query_var('paged') : 1;
$args = array( 'posts_per_page' => 5, 'category_name' => $btmetanm,
'paged' => $paged,'post_type' => 'post' );
$postslist = new WP_Query( $args );
if ( $postslist->have_posts() ) :
while ( $postslist->have_posts() ) : $postslist->the_post();
echo "<div style='border:2px groove black; margin-bottom:5px;'><h3 class='btposth'>";
the_title();
echo "</h3><div class='btpostdiv'>";
the_content();
echo "</div></div>";
endwhile;
next_posts_link( 'Older Entries', $postslist->max_num_pages );
previous_posts_link( 'Next Entries »' );
wp_reset_postdata();
endif;
?>
</div><!-- #content -->
</div><!-- #container -->
答案 1 :(得分:13)
Pieter Goosen's answer完全正确,他建议使用WP_Query
代替最有意义。但是,我偶然发现了这个问题,同时在循环之外寻找get_posts
的分页,所以我认为这也可能是其他任何人的有用选择:
get_posts
有一个名为offset
的直接属性,与paged
中的WP_Query
几乎完全相同;但是paged
指的是分页(例如 1,2,3 ),offset
是您希望抵消查询的实际帖子数通过(例如 5,10,15 )。通过一些小数学 - numberToShow * pageNumber
- 您可以轻松获得正确的偏移量:
$paged = (get_query_var('paged')) ? get_query_var('paged') : 0;
$postsPerPage = 5;
$postOffset = $paged * $postsPerPage;
$args = array(
'posts_per_page' => $postsPerPage,
'category_name' => $btmetanm,
'offset' => $postOffset,
'post_type' => 'post'
);
$myposts = get_posts($args);
此示例中的初始paged
值为0
而不是1
,因为在将posts_per_page
相乘时,您希望初始偏移量为0
而不是5
。
如果你想要更细粒度的控制而不是简单的分页,这可能是最方便的,但是在接受的答案中应该与循环结合使用。
答案 2 :(得分:3)
尝试更改$ args:
$args = array(
'posts_per_page' => 5,
'category_name' => $btmetanm,
'post_type' => 'post',
'paged' => ( get_query_var('paged') ? get_query_var('paged') : 1 )
);
在循环之后就把这个:
if (function_exists('wp_pagenavi')) {
wp_pagenavi();
}
答案 3 :(得分:2)
我不会告诉你使用get_posts()是正确的做法......但这里是一些我使用get_posts()设置的基本分页代码。
编辑:正如彼得指出的那样,这并不意味着在生产代码中使用。但是,无论如何我只是在玩一些东西,看看我是否可以使用get_posts()进行分页。如果您处于生产环境中,则不会想要使用它。$cpt_name = 'post-type'; //add your own post type
//what pagination page are we on?
if(! empty($_GET['pag']) && is_numeric($_GET['pag']) ){
$paged = $_GET['pag'];
}else{
$paged = 1;
}
//you could use this if you want, just make sure to use "/page/2" instead of "?pag=2" in the pagination links.
//$paged = (get_query_var('paged')) ? get_query_var('paged') : 0;
//how many posts should we display?
$posts_per_page = (get_option('posts_per_page')) ? get_option('posts_per_page') : 10;
//let's first get ALL of the possible posts
$args = array(
'posts_per_page' => -1,
'orderby' => 'title',
'order' => 'ASC',
'fields' => 'ids',
'post_type' => $cpt_name
);
$all_posts = get_posts($args);
//how many total posts are there?
$post_count = count($all_posts);
//how many pages do we need to display all those posts?
$num_pages = ceil($post_count / $posts_per_page);
//let's make sure we don't have a page number that is higher than we have posts for
if($paged > $num_pages || $paged < 1){
$paged = $num_pages;
}
//now we get the posts we want to display
$args = array(
'posts_per_page' => $posts_per_page,
'orderby' => 'title',
'order' => 'ASC',
'post_type' => $cpt_name,
'paged' => $paged
);
$my_posts = get_posts($args);
//did we find any?
if(! empty($my_posts)){
echo '<div id="my-posts-wrapper">';
//THE FAKE LOOP
foreach($my_posts as $key => $my_post){
//do stuff with your posts
echo '<div class="my-post">'.$my_post->post_title.'</div>';
}
echo '</div>';
//we need to display some pagination if there are more total posts than the posts displayed per page
if($post_count > $posts_per_page ){
echo '<div class="pagination">
<ul>';
if($paged > 1){
echo '<li><a class="first" href="?pag=1">«</a></li>';
}else{
echo '<li><span class="first">«</span></li>';
}
for($p = 1; $p <= $num_pages; $p++){
if ($paged == $p) {
echo '<li><span class="current">'.$p.'</span></li>';
}else{
echo '<li><a href="?pag='.$p.'">'.$p.'</a></li>';
}
}
if($paged < $num_pages){
echo '<li><a class="last" href="?pag='.$num_pages.'">»</a></li>';
}else{
echo '<li><span class="last">»</span></li>';
}
echo '</ul></div>';
}
}
我希望有人可以利用这个:)
编辑:真是太棒了!要以错误的方式做某事......不妨正确行事!这里也是一些LESS(没有任何mixins)。.pagination { margin: 30px 0px;
ul { display:block; list-style-type:none; margin:0 auto; padding: 0px;
li { display:inline-block; list-style-type:none; margin:0; padding:0;
a, span { display:inline-block; font-size: 14px; width:auto; min-width:26px; height:26px; line-height: 26px; border: 1px solid #dddddd; border-right: 0px; background:#FFFFFF; color:#FF0000; padding: 5px; text-align: center;
&:hover { cursor:pointer; text-decoration:none; }
&.first { border-top-left-radius: 3px; border-bottom-left-radius: 3px; }
&.last { border-top-right-radius: 3px; border-bottom-right-radius: 3px;}
}
span.last,
span.first { color: #FF0000;
&:hover { cursor: default; }
}
a.last,
a.first {
&:hover { }
}
a:hover,
&.active a,
.current { background:#FF0000; color:#ffffff; border-color: #b21712; }
&:last-child {
a, span { border-right: 1px solid #dddddd; }
a {
&:hover { border-color: #FF0000; }
}
}
}
}
}