🎯 WordPressテーマの要点まとめ
🗂 1. テーマが置かれている場所
- テーマは /wp-content/themes/ に入る。
- 使い回しや管理効率を上げるなら、この中にまとめる。
- お客さんに編集させたくない場合は、別フォルダに置く方法もある。
- index.php は重複しやすいので管理注意。
💻 2. PHPの基本
<?php ~ ?>が基本構文。- 行末は必ず セミコロン(;)。
- WordPressは PHP で動くため、ブラウザではコードが見えない。
🧱 3. テーマの最低構造
- index.php(すべてのテンプレートの基礎)
- style.css(テーマ情報を書く場所)
- screenshot.png(管理画面のテーマ画像)
「最低限の構造として『index.php』と『style.css』があればwordpressは成立します。」
🎨 4. style.css に書くテーマ情報
必須は Theme Name だけ。
コード
/*
Theme Name: sample
Theme URI: ...
Description: ...
Version: 1.0
Author: ...
*/
WordPressはこのコメント部分を読み取ってテーマ情報を認識する。
🔗 5. インクルード(共通パーツの読み込み)
get_header()→ header.phpget_footer()→ footer.phpget_sidebar()→ sidebar.php- 自作テンプレート →
get_template_part('sample');
共通部分は決められたファイル名を使う。 自由な名前を使いたい場合は get_template_part() を使う。
🧩 6. テンプレート階層(どのページでどのファイルが使われるか)
代表的なもの:
| ファイル名 | 役割 |
|---|---|
| home.php | トップページ |
| single.php | 投稿ページ |
| page.php | 固定ページ |
| archive.php | アーカイブ一覧 |
| category.php | カテゴリー別一覧 |
| tag.php | タグ別一覧 |
| 404.php | エラーページ |
「全ての元は index.php になります。」
必要なファイルだけ作ればOK。 使わない場合は最終的に index.php が使われる。
🏷 7. WordPress独自タグ(テンプレートタグ)
よく使うものだけ覚えれば十分。
例: <meta charset="<?php bloginfo('charset'); ?>"> → 実際の出力:<meta charset="UTF-8">
📌 8. よく使うテンプレートタグ一覧(重要)
基本情報
- 文字コード:
bloginfo('charset') - 言語設定:
language_attributes() - タイトル:
wp_title()+bloginfo('name') - CSS読み込み:
get_stylesheet_uri() - テーマパス:
get_template_directory_uri()
投稿情報
- パーマリンク:
the_permalink() - タイトル:
the_title() - 本文:
the_content() - カテゴリ:
the_category(',') - 日付:
get_the_date()/the_time() - アイキャッチ:
the_post_thumbnail()
⚠️ 9. 絶対に入れるべきタグ
「これ抜けているとプラグイン、悪ければテーマも動きません。」
<head>内:wp_head()</body>直前:wp_footer()
これがないとプラグインが正常に動作しない。
✅ まとめ(最重要ポイントだけ)
- テーマは themes フォルダに置く
- 最低限必要なのは index.php + style.css
- style.css のコメントにテーマ情報を書く
- 共通パーツは get_header / get_footer / get_sidebar
- ページごとのテンプレート階層を理解すると効率UP
- wp_head() と wp_footer() は必須
- よく使うテンプレートタグだけ覚えればOK
