TwentyEleven – ヘッダー画像サイズのカスタマイズ

今回は、ヘッダ画像の高さのみカスタマイズしてみます。
デフォルト値 288px を 200px にする場合。
※TwentyElevenの子テーマが用意されていることを前提としています。

修正ファイルは次の2つ

  • style.css
  • fuctions.php

style.css の修正箇所

section.feature-image.large {
border: none;
max-height: 200px; /*288px;*/
padding: 0;
width: 100%;
}

functions.phpの修正箇所

function twentyeleven_setup() {
/* (省略) */
require( dirname( __FILE__ ) . '/../twentyeleven/inc/theme-options.php' );
require( dirname( __FILE__ ) . '/../twentyeleven/inc/widgets.php' );
/* (省略) */
define( 'HEADER_IMAGE_HEIGHT', apply_filters( 'twentyeleven_header_image_height', 200 ) );
/* (省略) */
}

require()の行は、子テーマから参照する場合の親テーマのパスに合わせます。