ワードプレスのカスタムヘッダー追加方法

ワードプレスカスタムヘッダー

自作テーマの場合だとヘッダー画像を入れ替えるヘッダーメニューが表示されません。

作る必要があります。デフォルトテーマだとあります(twentyten,twentyeleven,twentytwelve)

ワードプレス3.4以降だとadd_custom_image_header()とadd_custom_background()は非推奨となってしまったのでadd_theme_support(‘custom-header’)を利用します。
ここのページに載っていました。WordPress.org


スポンサーリンク


▼functions.php

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

$defaults = array(
	'default-image'          => '%s/images/header.jpg', //デフォルト画像',
	'random-default'         => false, //ランダム表示
	'width'                  => 940, //幅
	'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="" />

これで以上です。

Pocket
LINEで送る


スポンサーリンク

コチラの記事もどうぞ!
You can leave a response, or trackback from your own site.

コメントをお寄せ下さい

Subscribe to RSS Feed Follow me on Twitter!