7・6 学科 CMS構築基礎④【オンライン】

✅ WordPress活用法(要点まとめ)

🏠 TOPページのテンプレートの優先順位

TOPページは複数のテンプレート候補があり、優先順位が決まっている

  1. front-page.php(最優先) → 固定ページをフロントに設定していても、これがあれば必ず表示される。
  2. home.php → index.phpより優先。投稿一覧のトップにも使われる。
  3. index.php(必須ファイル) → 最後の砦。TOPページ・カテゴリ一覧などにも使われる。

📌 引用:「front-page.phpが一番優先度が高いTOPページのテンプレートになります。」

📰 投稿ページ(single.php)の特徴

投稿は「新着情報」など更新が必要な記事向け。

  • 日付・コメント・前後記事リンクが自動表示
  • テーマによって関連記事などの表示機能あり
  • 更新順に時系列で並ぶ
  • 必ずアーカイブ一覧に表示される
  • カテゴリーで分類できる
  • パーマリンク設定が適用される

📌 引用:「作成したページは更新した順から時系列に並んでいきます。」

📄 固定ページ(page.php)の特徴

会社案内・お問い合わせなど「時系列不要の単体ページ」向け。

  • 固定ページ同士で階層を作れる
  • ページごとにテンプレートを切り替え可能
  • カスタムメニューでリンク表示
  • カテゴリー・タグは使えない
  • コンテンツ内にPHPを書いても動かない

📌 引用:「固定ページ同士で階層を作る事ができます。」

🎨 固定ページのカスタムテンプレート

固定ページだけに適用できる独自テンプレート。

php

/*
Template Name: gallery
*/
  • 任意の名前でOK(既存テンプレート名はNG)
  • 固定ページ編集画面でテンプレート選択できる

📌 引用:「テンプレートとなるPHPファイル(○○.php)を作成する。」

🔍 条件分岐タグ(is_○○)

ページの種類によって処理を分けるためのタグ。

ページ種類条件分岐タグ
メインページis_home()
フロントページis_front_page()
投稿ページis_single()
固定ページis_page()
カテゴリーページis_category()
タグページis_tag()
日付別ページis_date()
アーカイブis_archive()
検索結果is_search()
404ページis_404()

🔧 if文の基本

php

<?php if(条件): ?>
  条件が真のとき
<?php elseif(別条件): ?>
  別条件のとき
<?php else: ?>
  どれにも当てはまらないとき
<?php endif; ?>

ポイント

  • if / elseif の後は「:」
  • endif の後は「;」
  • 全角禁止
  • 括弧の数に注意

📌 引用:「ifとelseifの後にはコロン (:)」

🔁 ループ処理(while + have_posts)

WordPressの基本ループ。

php

<?php if(have_posts()): while(have_posts()): the_post(); ?>
  <?php the_title(); ?>
  <?php the_content(); ?>
<?php endwhile; endif; ?>
  • have_posts() → 次の記事があるか
  • the_post() → 記事データを取得
  • while は endwhile で閉じる

📌 引用:「whileはendwhileで終わる」

📢 他ページに投稿を表示(query_posts)

php

<?php query_posts('showposts=5&cat=0'); ?>
  • showposts=5 → 5件表示
  • cat=0 → 全カテゴリー

📌 引用:「記事件数や特定カテゴリーなどを抽出して一覧表示してくれます。」

🖼 アイキャッチ画像の表示

functions.php に以下を追加:

php

add_theme_support('post-thumbnails');

表示:

php

<?php the_post_thumbnail(); ?>

サイズ指定:

  • thumbnail
  • medium
  • large
  • full

📦 ウィジェットの利用

sidebar.php:

php

<?php dynamic_sidebar('sidebar'); ?>

functions.php:

php

register_sidebar(array(
  'name'=>'sidebar',
  'id'=>'sidebar',
  'before_widget'=>'<div>',
  'after_widget'=>'</div>',
  'before_title'=>'<h3>',
  'after_title'=>'</h3>'
));

使える機能

  • カレンダー
  • アーカイブ
  • 検索フォーム

✅ 最終まとめ(超要点)

  • TOPページは front-page → home → index の順で優先
  • 投稿は時系列・カテゴリー分類ができる
  • 固定ページは階層化・テンプレート切替が可能
  • カスタムテンプレートで固定ページごとにデザイン変更
  • 条件分岐タグでページごとに処理を変える
  • ループ処理は have_posts() と the_post() が基本
  • query_posts で他ページに投稿一覧を表示
  • アイキャッチは add_theme_support が必須
  • ウィジェットは register_sidebar で有効化

参考サイト

コメントを残す

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