wordpress：カスタム投稿記事の最下に記事一覧をランダム表示させる

この綺優のサイトはwordpressの独自テーマで作成しています。
できる限りプラグインを使わず制作するようしており、「あれやってみたいなぁ」「こういうのはどうかな」と感じると、時間があればすぐ追加・修正してはいるのですが、時間がないとなかなか手が出ないのも事実で。
そんな中･･･
wordpressで作られたwebサイトで、最近よくみかける「ブログ記事の最下に記事一覧を掲載」しているのが気になったので追加してみることにしました。

構築内容

構築内容の軸となるのは
・ループを使って記事を表示させる
・ランダムで記事を選んで表示させる
です。

まずは先に構築内容を下記します。

<?php $args = array( 'post_type' => ‘tweet’, ‘orderby’ => ‘rand’, ‘posts_per_page’ => 4, ); $news_query = new WP_Query( $args ); if ( $news_query->have_posts() ): while ( $news_query->have_posts() ): $news_query->the_post(); ?> <div class="under-post1"> <a href="<?php the_permalink(); ?>“> <?php the_post_thumbnail(); ?><br /> <?php echo mb_substr($post->post_title, 0, 18) . ‘…’; ?> </a> </div> <?php endwhile; endif; wp_reset_postdata(); ?>
では中身を見ていきます。

ループさせるカスタム投稿は何か？

今回は「tweet」というカスタム投稿なので
‘post_type’ => ‘tweet’,
となります。
他のカスタム投稿で利用したい場合は「tweet」部分を変更すればOKです。

どういう記事を表示させるか？

今回はランダム抽選して表示させたいので
‘orderby’ => ‘rand’,
となります。

表示させたい記事数は？

今回は4記事表示させたいので
‘posts_per_page’ => 4,
となります。
この「4」を変更すれば表示させたい記事数になります。

あとはcssで調整すれば出来上がります。
同じようにwordpressのカスタム投稿記事の最下に一覧を表示させたいと思っていた方は、是非挑戦してみてください。
あぁそうだ･･･
上記phpはsinglephpに埋め込んでいます。