WebCanta

初心者のための徹底ガイド-Web制作

会員ログイン

ARTICLES

テーマ開発

WordPressのテンプレート階層、関数、ループ、パス、管理画面など、オリジナルテーマ開発の基本と実装を解説します。

テーマ開発

WordPressのメインループとは？サブループとの使い分けとカスタム投稿タイプのページネーションを徹底解説

この記事では、WordPressのメインループとサブループの違い、カスタム投稿タイプでメインループを調整する理由、ページネーションがずれる原因、CPT UIとカスタムタクソノミーの使い分けを初心者にもわかりやすく解説します。 特に、カスタム投稿タイプの一覧ページを作るときは、単に別の WP_Query を書くだけではなく、そのページでWordPressが最初から持っているメインループをどう扱うかを理解しておくことが大切です

テーマ開発

WordPressテンプレート階層はスラッグ別ファイルの優先順位が重要

前回は、WordPressのオリジナルテーマで使う基本のテンプレートファイルとして、front-page.php、page.php、archive.php、single.phpなどを確認しました。今回はその続きとして、ファイル名によって、より具体的なテンプレートが優先して読み込まれる仕組みを解説します。 たとえば固定ページのスラッグがcontactの場合、テーマ内にpage-contact.phpを作ると、通常のpage.phpよりも先にそのファイルが読み込まれます。これは、HTMLでabout.htmlやcontact.htmlを分けて管理する感覚に近く、ページごとの役割を把握しやすくなります。 また固定ページでは、ファイルの先頭にTemplate Nameを書くことで、管理画面から選択できるテンプレートとして扱うこともできます。この記事では、ループの詳しい書き方ではなく、どのファイル名にすると、どのページで優先されるのかという考え方に絞って説明します。

テーマ開発

WordPressオリジナルテーマはテンプレートファイルの理解が重要

WordPressでオリジナルテーマを作るときは、HTMLやCSSの知識だけでなく、どのページでどのテンプレートファイルが使われるのかを理解することが大切です。 静的サイトでは、作成したHTMLファイルをそのままブラウザで表示します。たとえばトップページなら index.html、会社概要なら about.html のように、ファイルとページの関係が比較的わかりやすいです。 一方でWordPressでは、ページの種類に応じて読み込まれるPHPファイルが決まっています。この仕組みを押さえると、オリジナルテーマの構造がかなり理解しやすくなります。

テーマ開発

WordPressのオリジナルテーマは「パス」が一番重要

静的サイトのコーディングに慣れていると、 最初にWordPressのオリジナルテーマを触ったときに、少し難しく感じる部分があります。 ですが、実際には「パスの考え方」さえ理解できれば、 静的サイトとそこまで大きく変わるわけではありません。 今回は、静的サイトとWordPressオリジナルテーマの違いについて、 実務目線でわかりやすく整理してみます。

テーマ開発

WordPressでよく使う基本関数一覧

WordPressには、あらかじめ多くの便利な関数が用意されています。 これらの関数は、主にWordPress本体のファイルの中で定義されています。 例えば、wp-includes フォルダ内のファイルなどに、WordPressで使用できる関数がまとめられています。 テーマファイルでは、それらの関数を呼び出すことで、記事タイトルや本文、画像パス、サイトURLなどを取得・表示できます。 つまり、WordPressテーマ制作では、WordPress本体に用意されている関数を使いながら、テンプレートを組み立てていくことになります。 また、テーマ内の functions.php にコードを書くことで、自分で独自の関数を作ることもできます。 例えば、よく使う処理を関数としてまとめておくと、複数のテンプレートファイルで同じ処理を簡単に呼び出せます。