【WordPress実践編】ループの基本について理解しよう！

※このブログはアフィリエイト広告を利用しています

こんにちはー！キャメルコードブログのしゅんです^^

今回はWordPressのループについて解説をしていきます！

WordPressのテーマ開発においてループの理解はとても重要です。

実務でも必ず使うのでしっかり理解しておきましょう。

初心者の方でも分かるように基本から丁寧に解説するのでぜひ最後までお読みください^^

具体例を見ながらループを理解しよう

まずはループの基本的な書き方を覚えましょう^^

-- PHP --

<?php if (have_posts()): ?> //もし投稿があれば
  <?php while (have_posts()): the_post(); ?> //投稿がある間、その投稿を繰り返しセットします
    ------------------------------------
        この間に必要なコードを書いていく
    ------------------------------------
  <?php endwhile; ?>
<?php endif; ?>

<?php if〜?>から始まり、<?php endif; ?>までがループの基本構文になります。

具体例

今回はWordPress管理画面の表示設定から「最新の投稿」を選択します。（固定ページとの違いについては少し複雑になるので、別記事で解説します^^）

この設定にすると、トップページ（front-page.php）でデフォルトの投稿タイプを取得できます。

デフォルトの投稿タイプというのは赤枠の部分です。3件ほど記事を書いてみます^^

記事を3件投稿した状態で、以下のコードをfront-page.phpに書いてみましょう。

-- front-page.php --

 <?php if(have_posts()): ?>
   <?php while(have_posts()): the_post(); ?>
     <h2><?php the_title(); ?></h2>
     <a href="<?php the_permalink(); ?>"><?php the_content(); ?></a>
  <?php endwhile; ?>
<?php endif; ?>

このコードでは、記事のタイトルと記事のリンク、コンテンツ内容を取得して表示しています。

この状態でトップページを確認すると、以下のように記事のタイトルと記事の内容が表示されていますね^^

リンクも取得しているので、記事をクリックすると詳細ページに遷移します。

ループとは？

このように、データベースから取得した投稿データを繰り返し処理して表示する仕組みのことをループといいます。

ループを使うことで以下のようなことが可能になります^^

ループのイメージ

例えば「記事を5件表示する」ときの流れは以下のような感じです^^

まとめ：ループを理解して投稿データを扱えるようになろう

今回の記事では、WordPressのループの基本について解説しました。

まだ分からない部分も多いかもしれませんが、まずは「投稿を繰り返し表示する仕組み」だと理解できればOKです。

オリジナルテーマ開発に向けて一つ一つ理解していきましょう^^

今回の記事を参考に、記事一覧の表示にぜひチャレンジしてみてくださいね。

引き続きオリジナルテーマ開発に向けて頑張りましょう！それではまた次の記事で^^