BLOG

HOME > スタッフブログ > Wordpress > カスタムヘッダーを便利に使う

カスタムヘッダーを便利に使う

投稿ページや固定ページのヘッダーをページごとに異なるヘッダーを使いたい場合に便利そうです。

 

functions.php

functions.phpに以下のように記述します。

$defaults = array(
	'default-image'          => '%s/images/header.jpg', //デフォルト画像',
	'random-default'         => false, //ランダム表示
	'width'                  => 980, //幅
	'height'                 => 100, //高さ
	'flex-height'            => false, //フレキシブル対応(高さ)
	'flex-width'             => false, //フレキシブル対応(幅)
	'default-text-color'     => '#999999', //デフォルトのテキストの色
	'header-text'            => true, //ヘッダー画像上にテキストを表示する
	'uploads'                => true //ファイルアップロードを許可する
);
 
add_theme_support( 'custom-header', $defaults );

header.php

header.phpに設定するヘッダーのimgを記述します。

<img src="<?php header_image(); ?>" height="<?php echo get_custom_header()->height; ?>" width="<?php echo get_custom_header()->width; ?>" alt="" />

以上でカスタムヘッダーを反映できます。

さらに・・・

固定ページ・投稿ページごとに異なるヘッダーを利用したい場合に便利なプラグインがあります。

「WP Display Header」プラグイン

インストール手順はいつもと同じです。簡単!

インストール後、投稿画面に「テーマ」項目が表示されます。ここで既に登録しているヘッダー画像を選ぶだけです。