[053] Twenty Ten ヘッダー画像サイズ変更

WordPress3.0 のデフォルトテーマ Twenty Ten はヘッダー画像を 外観>ヘッダー から好きな画像に変更することができます。
ヘッダー画像のサイズは 940px×198px で固定となっていて、ヘッダー画像をアップする際にトリミングをおこなってくれる機能もあって、とても便利です。

Twenty Tenのレイアウトを変える で全体の横幅を大きくしたので、今回は画像のサイズを変更してみました。

まず、変更方法を調べてみると Twenty Ten のテーマフォルダの functions.php の関数 twentyten_setup() にそれらしい箇所がありました。

	// The height and width of your custom header. You can hook into the theme's own filters to change these values.
	// Add a filter to twentyten_header_image_width and twentyten_header_image_height to change these values.
	define( 'HEADER_IMAGE_WIDTH', apply_filters( 'twentyten_header_image_width', 940 ) );
	define( 'HEADER_IMAGE_HEIGHT', apply_filters( 'twentyten_header_image_height', 198 ) );



ヘッダー画像のサイズを定義する HEADER_IMAGE_WIDTH、HEADER_IMAGE_HEIGHT の定義では apply_filter が使用されているので、フィルターフックで変更が可能だと分かります。これなら簡単にヘッダー画像のサイズを変更できそうです。

調査の結果をふまえて、以下のようなコードを Twenty Ten の子テーマの functions.php に追加してみると、画像サイズが変わりました!!
ついでに、ヘッダー画像を Twenty Ten デフォルト画像から、私が撮った写真に変更してみました。

ぜひ、みなさんも Twenty Ten の便利なヘッダーをカスタマイズする機能を使い尽くして下さい。
	/* Change Header Image Size - WIDTH -  */
	function custom_twentyten_header_image_width() { return 980; }
	add_filter('twentyten_header_image_width', 'custom_twentyten_header_image_width' );

	/* Change Header Image Size - HEIGHT - */
	function custom_twentyten_header_image_height() { return 180; }
	add_filter('twentyten_header_image_height', 'custom_twentyten_header_image_height' );