WordPressサイトで作業しています。カテゴリスラッグで投稿を表示するページテンプレートを作成しました。これを行うには、ページのフィールドWP_Catidを作成し、設定します投稿を表示するカテゴリのスラッグと同じですが、ページごとに5つの投稿のみを表示し、それらの投稿の下部にページネーションリンクを表示したいのですが、ページネーションリンクを適切に表示するにはどうすればよいですか。
私のコードは次のとおりです。
<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 -->
これの甘くて短い、ページ分割されたクエリが必要な場合は _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 -->
_
Pieter Goosenの答え は完全に正しいので、代わりに_WP_Query
_を使用するという彼の提案が最も理にかなっています。しかし、ループの外で_get_posts
_のページネーションを探しているときにこの質問に出くわしたので、これは他の人にとっても有用な代替手段になると思いました:
_get_posts
_には offset
と呼ばれる直接プロパティがあり、これは_WP_Query
_のpaged
とほぼ同じことを実現します。ただし、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
_。
これは、単純なページネーションではなく、もう少しきめ細かい制御が必要な場合に最も便利ですが、受け入れられた回答のループと組み合わせても同様に機能するはずです。
$ 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();
}
Get_posts()を使用するのは正しいことだとは言いませんが、get_posts()を使用して設定した基本的なページネーションコードを次に示します。
編集:Pieterが指摘したように、これは製品コードで使用するためのものではありません。とにかく、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>';
}
}
私は誰かがこれから何らかの使用を得ることを願っています:)
編集:一体何だ!間違った方法で何かをしようとすると...同様に正しく行うかもしれません!以下も同様です(mixinなし)。
.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; }
}
}
}
}
}