メニュー

WP版キャラチョコブック

Chocobanditz ONLINE

ページトップ

ページボトム

メニュー

Chocobanditz ONLINE

閉じる

DESIGN TIPS Webデザイン WordPress

WordPressカスタマイズ-ページ毎に異なるヘッダー内容を表示する方法

投稿日:2015年5月14日 更新日:

web_main_def2

WordPressブログのトップページと各記事ページとで異なるヘッダー内容を表示したくて方法を調べました。
get header関数を使うことで簡単に実装できるみたいです。

スポンサーリンク

トップページと各記事ページで異なるヘッダーを表示する

目次

  1. 実装したい内容
  2. 手順1
  3. 手順2
  4. まとめ
  5. 参照

01 実装したい内容

各記事ページでは
↓リンクバナーのみ

dez_010_img01

トップページでは
↓リンクバナー+記事紹介

dez_010_img02

みたいな感じで
異なるヘッダー内容を表示したい・・・

手順1

ヘッダーに表示する内容はheader.phpに記述していると思うので

各記事ページで表示するヘッダー内容を記述した”header.php”

トップページで表示するヘッダー内容を記述し、”-home(任意の名前)”を付けた”header-home.php”を用意する

手順2

トップページの内容を記述しているphpファイル(home.phpなど)内の

<?php get_header(); ?>

部分を、手順1で作成したトップページ用phpの任意の名前部分を指定した

<?php get_header('home'); ?>

に書き換える

<?php get_header('home'); ?>/*←ココ*/

<div class="post kizi"> 
  
  <!--ループ開始-->
  <div id="dendo"> </div>

以上
これだけです。

まとめ

要約すると

各記事内容を記述しているphpファイル内で
使用しているget header関数

<?php get_header( $name ); ?>

のパラメータ$nameで指定して
任意の内容を記述したheader-{name}.phpを
読み込んでやればOkみたいな感じです。

参照

WordPress Codex 日本語版/関数リファレンス/get header

スポンサーリンク

-DESIGN, TIPS, Webデザイン, WordPress

執筆者:


comment

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

MadiaMarkerメディアマーカー

Maerchen_Diverグッズ