home
twitter
ページトップへ
目次
  • まず、ループを書く際に使う、PHPのコロン構文について
  • 「WordPress」におけるループとは?
  • <?php if ( have_posts() ) : ?>
  • <?php while ( have_posts() ) : ?>
  • <?php the_post(); ?>
  • まとめ!
about
categories
page
archive
皇帝ペンギンブログ

2025/12/27 (更新日:2025/12/27)

「ループ」を使って投稿を表示してみよう!【have_post(), the_post()】

Categories > programming
こんばんは!初めましての方は初めまして!
しゅーた(@chibasyuta)です!

・「ループ」を使った投稿を表示
・PHPのコロン構文
・have_post()
・the_post()

この辺をこの記事で扱います。

「WordPressの記事一覧」はこちらから!体系的にまとまっています。

https://chibasyuta.org/category/programming/wordpress/

目次
非表示
  • まず、ループを書く際に使う、PHPのコロン構文について
  • 「WordPress」におけるループとは?
  • <?php if ( have_posts() ) : ?>
  • <?php while ( have_posts() ) : ?>
  • <?php the_post(); ?>
  • まとめ!

まず、ループを書く際に使う、PHPのコロン構文について


<?php if ( have_posts() ) { ?>
   <h2>記事があります</h2>
<?php } ?>


<?php if ( have_posts() ) : ?>
   <h2>記事があります</h2>
<?php endif; ?>

・下のが「コロン構文」です。
・「代替構文」になります。
・if、 while、for、 foreach、switch などで使える

コードが長くなると、 } だと何が終わったのか分からなくなるので、この構文ができました。

「WordPress」におけるループとは?

<?php if ( have_posts() ) : ?>
    <?php while ( have_posts() ) : ?>
        <?php the_post(); ?>

        <article id="post-<?php the_ID(); ?>">
            <h2><?php the_title(); ?></h2>
            <div class="entry-content">
                <?php the_content(); ?>
            </div>
        </article>

    <?php endwhile; ?>
<?php endif; ?>

「WordPress」で「複数」の「記事の情報」を使う際は、ループの中で使います。

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

まず、

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

で、ループするための記事が存在しているかどうか、確認します。

elseを使えば、処理を分けることもできますし、単純にエラーが防げます。

<?php while ( have_posts() ) : ?>

<?php while ( have_posts() ) : ?>

は、普通のwhile文です。

記事がある限り、下記のコードを繰り返します。

これによりタイトルの列挙などができます。一覧ページなどで使えそうですね。

<?php the_post(); ?>

重要です。

<?php the_post(); ?> はPHPのビルトイン関数ではなく、WordPressの関数です。

何をしているかというと、

「グローバル変数 $post」にデータをセットする

という関数です。

the_title()  投稿のタイトルを表示
the_content() 投稿の本文をすべて表示
the_excerpt() 投稿の「抜粋」を表示
the_permalink()  その記事の個別ページへのURL(リンク)を表示

これらは、「グローバル変数 $post」からデータを取り出す関数です。

なので、ループの中で、<?php the_post(); ?> を使ってあげることが「重要」ということですね。

まとめ!

・「ループ」を使った投稿を表示
・PHPのコロン構文
・have_post()
・the_post()

「WordPressの記事一覧」はこちらから!体系的にまとまっています。

https://chibasyuta.org/category/programming/wordpress/

自分のロゴ!

皇帝ペンギン

全力で、書きます。
少しでもお役に立てたら幸いです。
楽しんで読んで下さい 。-_- 。
よろしくお願いします!

x(旧twitter) youtube
Categories
  • トップへ
  • ITパスポート (1)
  • programming (189)
    • CSSのアニメーション編 (26)
    • CSSのグリッドレイアウト編 (1)
    • CSSのセレクター編 (58)
    • CSSのフレックスボックス編 (1)
    • CSSのメディアクエリー編 (7)
    • CSSの基本編 (34)
    • HTMLのformタグ編 (1)
    • HTMLの基本編 (3)
    • JavaScriptの入門編 (30)
    • JavaScriptの基本編 (5)
    • phpの入門編 (10)
    • Web制作をする環境を整えよう! (1)
    • WordPress (11)
  • Uncategorized (25)
  • VScode (1)
  • おすすめ商品! (1)
  • クラロワ (2)
  • マーケティング (17)
  • 勉強 (3)
  • 大学生活 (7)
  • 心理学 (9)
  • 映画 (1)
  • 法学 (4)
  • 経済学 (4)
  • 読書 (8)
Pages
  • プライバシーポリシー
  • 免責事項
  • プロフィール
Archive
  • 2025年12月 (12)
  • 2025年11月 (1)
  • 2025年10月 (5)
  • 2025年7月 (8)
  • 2025年6月 (1)
  • 2025年3月 (1)
  • 2025年1月 (9)
  • 2024年12月 (13)
  • 2024年11月 (5)
  • 2024年10月 (10)
  • 2024年9月 (15)
  • 2024年8月 (5)
  • 2024年7月 (6)
  • 2024年6月 (5)
  • 2024年5月 (10)
  • 2024年4月 (24)
  • 2024年3月 (11)
  • 2024年2月 (6)
  • 2024年1月 (10)
  • 2023年12月 (4)
  • 2023年11月 (3)
  • 2023年10月 (2)
  • 2023年9月 (3)
  • 2023年8月 (6)
  • 2023年7月 (3)
  • 2023年6月 (8)
  • 2023年5月 (2)
  • 2023年3月 (1)
  • 2023年2月 (1)
  • 2022年10月 (2)
  • 2022年9月 (2)
  • 2022年8月 (8)
  • 2022年7月 (2)
  • 2022年6月 (6)
  • 2022年5月 (9)
  • 2022年4月 (2)
  • 2022年2月 (4)
  • 2021年12月 (1)
  • 2021年11月 (4)
  • 2021年10月 (8)
  • 2021年9月 (14)
  • 2021年8月 (6)
  • 2021年6月 (1)
  • 2021年5月 (2)
  • 2021年4月 (1)
  • 2021年3月 (1)
  • 2021年2月 (2)
  • 2020年10月 (1)
  • 2020年7月 (1)
  • 2020年4月 (1)
  • 2020年1月 (1)
  • 2019年12月 (2)
© Copyright Syuta Chiba, 2019 All Rights Reserved.