【WordPress】「Fukasawa」のTOPページの記事をランダム表示できた！【解決編】

とっちゃん@nyanco! です。

今回はPinterest（ピンタレスト）みたいなWordPress無料テーマ「Fukasawa」のトップページ記事をランダム表示にカスタマイズできたよというお話です。

先日書いた下記記事の【解決編】となります。

【WordPress】「Fukasawa」のTOPページの記事をランダム表示するカスタマイズ【かなり難あり】

今回はポートフォリオやアートなサイトに向いているWordPressの無料テーマ「Fukasawa」のTOPページの記事をランダム表示にカスタムしてみたよというお話です。肉玉にゃんこWordPress非推奨のテン...

blog.nyanco.me

2021.06.07

紆余曲折ありましたが、解決した結果だけ知りたい方は目次から【解決】の項へどうぞ。

非推奨の「query_posts」を使わずランダム表示できた！と思ったら…

前回記事ではWordPresで推奨されてないテンプレートタグ「query_posts」を使ってとりあえずランダム表示させてました。

が、別の方法を模索すること半日ほど。

こちらのサイト様の記事を参考にして見よう見まねで記述した下記コードでランダム表示が実現できました！！

....
	<?php if ( have_posts() ) : ?>

		<div class="posts" id="posts">
			<?php 
			$args = array('orderby' => rand);
			$q = new WP_Query( $args );
			if ( $q->have_posts() ) : while ( $q->have_posts() ) : $q->the_post();
				$template_part_name = get_post_type() == 'post' ? get_post_format() : get_post_type();
				get_template_part( 'content', $template_part_name );
			endwhile; endif; wp_reset_postdata(); 
			?>
		</div><!-- .posts -->

		<?php get_template_part( 'pagination' ); ?>
....

※「index.php」の61〜68行目（テーマのバージョンによっては異なるかも）です。

「query_posts」の代わりに「WP_Query」を使ったモダンな記述方法とのこと。

…と思ったのも束の間、ふと他のページ（カテゴリー一覧ページ）に行ってみると。。

カテゴリー一覧ページなのにカテゴリー関係なくランダム表示されている…！

つまり前回記事の「難あり」と同じ状態です…

どうもトップページ以外にも影響がある記述になってしまっているようで。

やはり付け焼き刃程度の知識ではどうにもならないのか…と疲れてしまい、そのまま数日放置してましたが、日を改めて再度チャレンジしてみたところ、呆気なく解決！

【解決】TOPページの記事をランダム表示する方法

早速ですが、解決に至ったコードはこちら。

<?php
function home_random_posts( $query ) {
 if ( $query->is_home() && $query->is_main_query() ) {
  $query->set( 'orderby', 'rand' );
 }
}
add_action( 'pre_get_posts', 'home_random_posts' );
// 呼び出しの指定
add_shortcode("getCategoryArticle", "getCatItems");
?>

このたった数行を「子テーマ」の「functions.php」に貼り付けるだけ！

これだけで「トップページだけ」をランダム表示させることができるようになりました。

前回記事と本記事で色々いじった「index.php」は元に戻す必要があるので、親テーマフォルダからコピーして戻しておきます。

解決に導いてくれたのは下記サイト様の記事です、ありがとうございます！

WordPressトップページの記事をランダム表示にする方法!カスタマイズのやり方 | オイカワイズ

Wordpressのトップページの記事表示・配列をランダムにする方法です。 Wordpressトップページの記事をランダ

oikawa0.com

おわりに

ちなみに本記事でTOPページの記事をランダム表示させるようにしたのは、筆者運営の下記サイトです（見るタイミングによってはランダム表示ではない時もあるかも知れませんが）。

Benjamins Archives – ベンジャミン。 それ即ち刹那を切り取りロックンロールに昇華させる化学反応。

benz.nyanco.me

それにしても、WordPressはやっぱり難しいですね…

WordPress関連の記事はたくさんヒットするものの、書いてあることが理解し切れないことも多く、まだまだ精進が足りないと痛感した出来事でございました。

本記事がどなたかの参考になれば幸いです。

今回は以上となります。
最後まで読んでいただきましてありがとうございました！
それではまた〜✧٩(ˊωˋ*)و✧