ヘッダー設定を有効にする|WordPress Theme作成

      2017/04/04

オリジナルテーマ作成時、そのままではヘッダーの設定が行えません。以下はヘッダーの設定を有効にするための手順です。

ヘッダー設定不可

ヘッダーの項目がありません

functions.php

functions.phpregister_sidebarをパラメータ付きで記述します。

if ( function_exists( 'add_theme_support' ) ) {
	// header image.
	$header_args = array(
		'flex-width' => true,
		'width' => 980,
		'flex-height' => true,
		'height' => 540,
		'default-image' => get_template_directory_uri() . '/images/header.jpg',
		'uploads' => true,
	);
	add_theme_support( 'custom-header', $header_args );
}
  • widthheightはヘッダ画像のサイズ
  • flex-widthflex-heightはアップロードしたヘッダ画像をトリミングする方法。falseだとwidth:heightのアスペクト比維持で切り抜きになる
  • uploadsは他の画像をアップロードできるかどうか

上記以外にも設定可能な値はあります。
これで外観>ヘッダーが追加されました。

ヘッダー設定可

ヘッダーの項目が追加されました

ヘッダ画像の表示

表示したいページ(index.phphome.phpなど)でheader_image()を記述します。


 - WordPress ,