カテゴリー
WordPress

WordPress の Twenty Eleven テーマのヘッダー画像を根本的に入れ替えます。「画像をアップロード」からではなく!その1、準備編♪

根本的に入れ替えたい理由は次のとおりです。

  • メディアライブラリにヘッダー画像を混在させたくない。
  • 間違って消してヘッダー画像が変わってなんでだろう?など悩みたくない。
  • 別のテーマから戻したいときに再び「画像をアップロード」する手順を踏みたくない。面倒です。
  • そしてなにより、テーマのヘッダー画像はテーマのフォルダ内に入っていたほうが、それっぽいからです!!!!!

テーマ内のファイルを弄ることになります。今回はどこに手を入れたらよいのか、明らかにしていきます。早速やっていきましょう。

Twenty Eleven テーマのバージョンは 1.3 です。また、twentyeleven ディレクトリの下からのパスとして書いていきます。

ヘッダー画像のある場所

  • images/headers

次の16個のファイルがあります。8つのヘッダー画像、と8つのそれらのサムネイルです。

  • chessboard-thumbnail.jpg
  • chessboard.jpg
  • hanoi-thumbnail.jpg
  • hanoi.jpg
  • lanterns-thumbnail.jpg
  • lanterns.jpg
  • pine-cone-thumbnail.jpg
  • pine-cone.jpg
  • shore-thumbnail.jpg
  • shore.jpg
  • trolley-thumbnail.jpg
  • trolley.jpg
  • wheel-thumbnail.jpg
  • wheel.jpg
  • willow-thumbnail.jpg
  • willow.jpg

ヘッダー画像についてのプログラム部分

ファイルは次になります。

  • functions.php

記述箇所は、74行目からの、twentyeleven_setup() 関数で、具体的には次になります。

	// Default custom headers packaged with the theme. %s is a placeholder for the theme template directory URI.
	register_default_headers( array(
		'wheel' => array(
			'url' => '%s/images/headers/wheel.jpg',
			'thumbnail_url' => '%s/images/headers/wheel-thumbnail.jpg',
			/* translators: header image description */
			'description' => __( 'Wheel', 'twentyeleven' )
		),
		'shore' => array(
			'url' => '%s/images/headers/shore.jpg',
			'thumbnail_url' => '%s/images/headers/shore-thumbnail.jpg',
			/* translators: header image description */
			'description' => __( 'Shore', 'twentyeleven' )
		),
		'trolley' => array(
			'url' => '%s/images/headers/trolley.jpg',
			'thumbnail_url' => '%s/images/headers/trolley-thumbnail.jpg',
			/* translators: header image description */
			'description' => __( 'Trolley', 'twentyeleven' )
		),
		'pine-cone' => array(
			'url' => '%s/images/headers/pine-cone.jpg',
			'thumbnail_url' => '%s/images/headers/pine-cone-thumbnail.jpg',
			/* translators: header image description */
			'description' => __( 'Pine Cone', 'twentyeleven' )
		),
		'chessboard' => array(
			'url' => '%s/images/headers/chessboard.jpg',
			'thumbnail_url' => '%s/images/headers/chessboard-thumbnail.jpg',
			/* translators: header image description */
			'description' => __( 'Chessboard', 'twentyeleven' )
		),
		'lanterns' => array(
			'url' => '%s/images/headers/lanterns.jpg',
			'thumbnail_url' => '%s/images/headers/lanterns-thumbnail.jpg',
			/* translators: header image description */
			'description' => __( 'Lanterns', 'twentyeleven' )
		),
		'willow' => array(
			'url' => '%s/images/headers/willow.jpg',
			'thumbnail_url' => '%s/images/headers/willow-thumbnail.jpg',
			/* translators: header image description */
			'description' => __( 'Willow', 'twentyeleven' )
		),
		'hanoi' => array(
			'url' => '%s/images/headers/hanoi.jpg',
			'thumbnail_url' => '%s/images/headers/hanoi-thumbnail.jpg',
			/* translators: header image description */
			'description' => __( 'Hanoi Plant', 'twentyeleven' )
		)
	) );

 翻訳系のブツのある場所

管理画面の「カスタムヘッダー」ページで各ヘッダー画像の上にポインタを持ってくると日本語で「ホイール」とか「海岸」とか表示されます。これは、次の翻訳ファイルの記述を呼んでいるみたいです。

  • languages/twentyeleven.pot
  • languages/ja.po

参考になったページ。ありがとうございます。

「WordPress の Twenty Eleven テーマのヘッダー画像を根本的に入れ替えます。「画像をアップロード」からではなく!その1、準備編♪」への2件の返信

コメントを残す