前回の記事「テンプレートファイルの分割」の続きです。トップページと各サブページをCSSやPHPの条件分岐で、ページごとの表示をカスタマイズします。Contentsトップページのカスタマイズトップページのヘッダーはstyle.cssファイルでスタイルをカスタマイズ、タイトルバナーとパンくずリストをheader.phpファイルで非表示にカスタマイズします。メインエリアはトップページ用のテンプレートファイルfront-page.phpを追加して編集します。トップページのスタイルをstyle.cssに追加デザインに拠りますが、このサンプルテーマの場合、<header>〜</header>のカスタマイズはstyle.cssファイルに以下の記述を追加するだけでOKです。}header.phpファイルのカスタマイズトップページにタイトルバナーとパンくずリストは必要ないので、is_front_page()でトップページを判別して出力を除外します。is_front_page()現在のページが固定ページで且つフロントページに設定されているかを判定します。公式マニュアルfront-page.phpの追加トップページのテンプレートファイルfront-page.phpをテーマディレクトリに追加します。page.phpファイルを複製してfront-page.phpにリネームして、以下の内容に書き換えます。class="postContent">ダミーテキストです。ここには制作実績の記事本文が入ります。class="postContent">ダミーテキストです。ここには制作実績の記事本文が入ります。class="postContent">ダミーテキストです。ここには制作実績の記事本文が入ります。class="postContent">ダミーテキストです。ここには制作実績の記事本文が入ります。?>「新着情報」と「ピックアップ」は後ほどプログラム化しますので、とりあえずコーディングのみしておきます。サブページのカスタマイズサブページは下図のようにコンテンツエリアのタイトルバナーとサイドバーがページごとに切り替わるようにカスタマイズします。CSSでタイトルバナーの表示切り替えタイトルバナーの画像はバナーエリアの<h2>タグに各ページのスラッグをclass属性に設定しましたので、これをセレクタにしてCSSでバナー画像を指定します。(および「企業情報」のサブページ)でそれぞれ次のようにメニュー表示を切り替えます。その他のページはバナーエリアのみ表示します。「新着情報」と「制作実績」のメニューはこの後の手順でプログラム処理させますので、この時点では簡単な表示だけ記述しておきます。is_page($name)現在のページが固定ページか否かを判定します。パラメータに記事ID、タイトル、スラッグのいずれか、または配列(array(【ID】,【タイトル】,【スラッグ】))を設定することで、特定の固定ページを判別します。公式マニュアル以上でサイトのナビゲーション周りのコーディングとテンプレート化は概ね完了です。mapホームお問い合わせCategoriesギャラリープラグインブランクテーマサイト構築WordPressMAMPMacOSX覚え書きMessage当サイトへのご意見・ご要望・ご感想など、お気軽にお聞かせください。←送信前にチェック※返信が必要な方は、こちらのお問い合わせフォームをご利用ください。