WordPress自作テーマでトップページでサブループを使って最新記事を表示する方法
こんにちはふるぽんです。
今回はwordpressの自作テーマで最新記事を表示する方法を解説していきます。
ここでは使用頻度の高いサブループでの表示方法です。
メインループとサブループ?
ループにはメインループ(クエリ)とサブループ(クエリ)があります。
投稿を表示する時に使うのがループと言われる処理です。
ちなみにメインループと言われるコードは以下のようなもの。
<?php if (have_posts()):
while (have_posts()) : the_post(); ?>
<div id="post-<?php the_ID(); ?>" >
<span><?php echo get_the_date(); ?></span>
<h2><a href=“<?php the_permalink(); ?>”><?php the_title(); ?></a></h2>
<?php the_content(); ?>
</div>
<?php endwhile; ?>
<?php else: ?>
<!-- 投稿が無い場合の処理 -->
<?php endif; ?>
表示する記事があればループ内のthe_content()などで記事を表示します。
しかし基本的に一つのテンプレートの中でメインループは一つまでしか使用できません。
ですが複数の記事を表示したいときもあるでしょう。そんな時に以下を参考にしてください。
サブループの表示方法
サブループはメインループとは違った場所にループ処理をして記事を表示したい時に使用します。
以下はカスタム投稿タイプの”news”という投稿記事を表示するときのコードです。
<div>
<h2>お知らせ</h2>
<?php
$args = array(
'post_type' => 'news',
'post_status' => 'publish',
'posts_per_page' => 5,
);
?>
<ul>
<?php
$the_query = new WP_Query($args);
if($the_query->have_posts()):
while($the_query->have_posts()):$the_query->the_post();
?>
<li id="post-<?php the_ID();?>">
<span><?php echo get_the_date();?><span/>
<h3><a href="<?php the_permalink();?>" ><?php the_title();?></a></h3>
</li>
</ul>
<?php endwhile;?>
<?php wp_reset_postdata();?>
<?php else:?>
<p>記事が見当たりません</p>
<?php endif;?>
</div>
‘post_status’ => ‘publish’, 公開済みの記事を表示
‘posts_per_page’ => 5, 表示する記事数
上記の情報を$argsに代入しています。
if($the_query->have_posts()):
while($the_query->have_posts()):$the_query->the_post();
$argsに入っているクエリ(情報)を$the_queryに代入して、サブループを開始していきます。
そしてループ内で以下のような関数を使って記事を表示していきます。
the_time()
the_permarink()
the_content()
ループの終わりに以下を書いてループをリセットします。
ここは難しく考えずにサブループの終わりの決まり文句みたいなものです。
<?php wp_reset_postdata();?>
wp_reset_postdata()
elseなどの処理
<?php endif;?>
他にも色々なループの使い方があるのでこちらを参考にどうぞ
公式文書は慣れないですが、自作テーマを色々いじっていくと、よく確認する頻度が増えていくので、慣れていくことをお勧めします。
以上サブループで最新記事を表示する方法でした。読んでいただきありがとうございました。
Web制作の学習でつまずきそうなら、DM頂けましたら僕にできることはお手伝い&助言いたします。
とは言え、まだまだ僕も未熟者ですので、一緒に頑張りましょう。
以下は40代の僕が独学で学習してきたことです。
何を勉強したら良いかわからない方はどうぞ。
40代からはじめる副業!プログラミング学習してWebサイト制作で月10万稼ぐ方法 – ふるぽんブログ
44歳の僕でも独学でプログラミング学習をはじめて、初案件から半年で、100万円以上売り上げました。 40代の方はもちろん、それ以外の方のお役に立てればと思います。Web制作は再現性が高く、副業に最適かとおもいます。40代以上のWeb制作で月10万稼ぐまでのステップアップとプログラミング学習の心得を解説していきます。
さばかんブログ - ビットコインなどの仮想通貨とNFT、おすすめの副業などの情報を発信
仮想通貨(暗号資産)初心者のあれこれを発信します。仮想通貨を勉強したい方、これからビットコインなどを始めたい方への記事を、初心者にも分かりやすく解説していきます。
ゲームで仮想通貨の不労所得を稼ぐ【オンラインカジノBetfuryのやり方】