wordpressのWP_Queryとかでoffsetを使わずにオフセットする

前回の記事で、WP_QueryやQuery_postsで’offset’のプロパティを使用すると、ページャーにエラーが出て同じ記事しか表示されない…的なことを書きました。
WordPressでページネーション実装したときのWP_Queryとquery_posts共通のハマりポイント

で？なに？if(have_posts()): while(have_posts()): the_post();でいいじゃん？

って方も多いと思いますが、上記のような問題は、ページにループを2つ作る場合に非常に困るんですよね。

最新記事のみ「ループ1」、2番目以降は「ループ2」で出力したい時とかあると思うんですね。
ループ2の最初の記事は先頭から2記事目を表示したい、ということです。

WP-PageNaviとoffsetの関係 -WordPress(ワードプレス) (wald-grun/blog)
一応ここにそれっぽい解決法がありましたが、どうも上手く行かず。

なので、事実上offsetは諦めて、先頭記事をループ2から除外することにしました。

WP_Queryやquery_postsでoffsetを指定せずに2番めの記事から表示する

では、どうするか…

先頭記事のIDを取得して、ループ2からそれを除外します。
WP_QueryやQuery_postsにはそれぞれ、投稿を除外するアレがありますね。
テンプレートタグ/query posts – WordPress Codex 日本語版
 関数リファレンス/WP Query – WordPress Codex 日本語版

‘post__not_in’に指定するIDを取得する

get_the_IDをループ2の直前で使います。
関数リファレンス/get the ID – WordPress Codex 日本語版

それを、WP_Queryの引数として指定する配列にブチ込みます。

 $firstID = get_the_ID(); //投稿の最初の記事ID    $postOthers = array(    ‘showposts’ =&gt; 5 ,    ‘paged’ =&gt; get_query_var(‘paged’) ,    ‘post__not_in’ =&gt; array($firstID)  );

$firstID = get_the_ID(); //投稿の最初の記事ID

$postOthers = array(

‘showposts’ => 5 ,

‘paged’ => get_query_var(‘paged’) ,

‘post__not_in’ => array($firstID)

);

ループ1と2の扱いはこんな感じ。

 &lt;ul class=”loop1″&gt;  &lt;?php //【1】    $postNum1 = array(        ‘posts_per_page’ =&gt; 1 ,      );      $post1 = new WP_Query( $postNum1 );      if($post1-&gt;have_posts()){      while($post1-&gt;have_posts()){ //最初の1記事        $post1-&gt;the_post();  ?&gt;    &lt;li&gt;      &lt;a href=”&lt;?php the_permalink(); ?&gt;”&gt;       ループ1で出したい内容…      &lt;/a&gt;    &lt;/li&gt;    &lt;?php       }    }    ?&gt;  &lt;/ul&gt;  &lt;ul class=”loop2″&gt;   &lt;?php //【2】    $firstID = get_the_ID(); //投稿の最初の記事ID      $postOthers = array(      ‘showposts’ =&gt; 5 ,      ‘paged’ =&gt; get_query_var(‘paged’) ,      ‘post__not_in’ =&gt; array($firstID) //ここにさっきの$firstIDを。      );      $postOther =  new WP_Query($postOthers) ;      if($postOther -&gt; have_posts()){      while($postOther-&gt; have_posts()){ //最初の1記事以降の        $postOther-&gt;the_post();   ?&gt;  &lt;li class=”&lt;?php echo addCatClass(post);?&gt;”&gt;   &lt;a href=”&lt;?php the_permalink(); ?&gt;”&gt;  　ループ2で出したい内容…    &lt;h2&gt;&lt;?php echo get_the_title(); ?&gt;&lt;/h2&gt;    &lt;p&gt;&lt;span class=”data-date”&gt;&lt;?php the_time(‘Y年n月j日’); ?&gt;&lt;/span&gt;&lt;/p&gt;    &lt;button type=”button” class=”btn btn-default” &gt;記事を読む&lt;/button&gt;   &lt;/a&gt;  &lt;/li&gt;   &lt;?php      }   }   ?&gt;  &lt;/ul&gt;

<?php //【1】

$postNum1 = array(

‘posts_per_page’ => 1 ,

);

$post1 = new WP_Query( $postNum1 );

if($post1–>have_posts()){

while($post1–>have_posts()){ //最初の1記事

$post1–>the_post();

<li>

ループ1で出したい内容…

</a>

</li>

<?php

}

</ul>

<?php //【2】

$firstID = get_the_ID(); //投稿の最初の記事ID

$postOthers = array(

‘showposts’ => 5 ,

‘paged’ => get_query_var(‘paged’) ,

‘post__not_in’ => array($firstID) //ここにさっきの$firstIDを。

);

$postOther = new WP_Query($postOthers) ;

if($postOther –> have_posts()){

while($postOther–> have_posts()){ //最初の1記事以降の

$postOther–>the_post();

　ループ2で出したい内容…

<button type=“button” class=“btn btn-default” >記事を読む</button>

</a>

</li>

<?php

}

</ul>

ちょっと素人クサイかもしれませんが、これでイケました！

ページャーで次のページにジャンプした時、そのページでの先頭記事がスッポ抜けるかと心配していましたが…それも無事回避していました！やったね！

おそらく、ループ2の外でget_the_ID()しているのがミソかと思います。
試していませんが、ループの中だと各記事のIDを取ってしまうのではないかと。

これを思いつく前にふと、最初の記事だけ漠然と判別できれば…と思いましたが、それをどうするかイマイチ閃かなかったので、こっちでも「こうやれば同じこと出来るよ！」とかアイデアがあれば是非是非お申し付けくださいませ

 function isFirst(){//最初の記事の判別   global $wp_query;   return ($wp_query-&gt;current_post === 0);  }     function isLast(){//最後の記事の判別   global $wp_query;   return ($wp_query-&gt;current_post+1 === $wp_query-&gt;post_count);  }     function isOdd(){//奇数記事の判別   global $wp_query;   return ((($wp_query-&gt;current_post+1) % 2) === 1);  }     function isEver(){//偶数記事の判別   global $wp_query;   return ((($wp_query-&gt;current_post+1) % 2) === 0);  }

function isFirst(){//最初の記事の判別

global $wp_query;

return ($wp_query–>current_post === 0);

}

function isLast(){//最後の記事の判別

global $wp_query;

return ($wp_query–>current_post+1 === $wp_query–>post_count);

}

function isOdd(){//奇数記事の判別

global $wp_query;

return ((($wp_query–>current_post+1) % 2) === 1);

}

function isEver(){//偶数記事の判別

global $wp_query;

return ((($wp_query–>current_post+1) % 2) === 0);

}

今回はWP_Queryで実装していましたが、理屈は同じ（?）なのでquery_postsでも大丈夫だと思います。ダメだったら言ってください。satohmsysが陳謝します。

でわ！