7・3 学科 CMS構築基礎②【オンライン】

🎯 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.php
  • get_footer() → footer.php
  • get_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

コメントを残す

メールアドレスが公開されることはありません。 が付いている欄は必須項目です