カスタムヘッダー機能を利用する

カスタムヘッダーとは
カスタムヘッダー機能を有効化する
アップロードしたヘッダー画像を表示する

カスタムヘッダーとは

カスタムヘッダーとはサイトヘッダーを管理画面から自由に変更できる機能です。あらかじめ有効になっていないテーマもありますが、functions.PHPを修正することで機能が使えるようになります。

サイトのテーマを直接弄ることが出来るなら無用の機能ですが、そうでない場合もあります。そんな時にサイトの顔とも言えるヘッダーをコード知識なしで変更できる機能なのです。

カスタムヘッダー機能を有効化する

function.PHPに以下の記述をすることでカスタムヘッダー機能が有効になります。

引数なしver（デフォルト設定を使用）

dd_theme_support( 'custom-header');

引数ありver

args = array(
  'default-image'          => '',
  'random-default'         => false,
  'height'                 => 0,
  'width'                  => 0,
  'flex-height'            => false,
  'flex-width'             => false,
  'default-text-color'     => '',
  'header-text'            => true,
  'uploads'                => true,
);
add_theme_support( 'custom-header', $args);

引数	意味	指定例
default-image	デフォルト画像のパス	get_bloginfo(‘template_url’).’/image/header.jpg’
random-default	ヘッダー画像をランダム表示	true
height	画像の高さ	960px
width	画像の横幅	200px
flex-height	アップロード画像高さがheightと違う場合トリムする	true
flex-width	アップロード画像幅がheightと違う場合トリムする	true
default-text-color	ヘッダーのテキストカラー	#000000
header-text	画像上にテキストを入れる	true
uploads	ファイルのアップロード許可	true

記述すると管理画面の[外観]に[ヘッダー]の項目が追加されます。ここからカスタムヘッダー画面に入ります。それではヘッダー画像をアップロードしましょう。

アップロードしたヘッダー画像を表示する

  <a href="">
  <img src="" width="width; ?>" height="height; ?>" alt="header">
  </a>

  <a href="">
    
  </a>

B!
LINE