【WordPress】カスタムヘッダーを設置する

カスタムヘッダーとは?

WordPress内のメニューの外観の中にある、サイトのヘッダー画像を追加するWordPress自体の機能です。
テーマをダウンロードして使うとその機能がある状態の物も多いので初めからメニュー内にあることも多いと思います。
しかし自分のオリジナルのテーマを作るなどする場合は、その機能をテーマ内で使うというコードを書き足す必要があります。

導入方法

カスタムヘッダー機能がある場合はこの部分にヘッダーという項目があります。
もしもテーマによってこの機能が利用されていない場合は出てきません。

ヘッダー

まず以下のコードをfunction.php内に書き込む必要があります。バックアップを取るなどエラーが出た場合のことも考えてから作業しましょう。

// カスタムヘッダー
$custom_header = array(
'random-default' => false,
'width' => 1200,
'height' => 300,
'flex-height' => true,
'flex-width' => false,
'default-text-color' => '',
'header-text' => false,
'uploads' => true,
'default-image' => get_stylesheet_directory_uri() . '/images/○○.png',
);
add_theme_support( 'custom-header', $custom_header );

そして次は表示させる場所(header.php)に以下のコードを追加します。

<!-- custom header -->
<?php $header_image = get_header_image();
if ( ! empty( $header_image ) ) : ?>
<div id="header_img">
<a href="<?php echo home_url(); ?>"><img src="<?php header_image(); ?>" alt="<?php bloginfo('name'); ?>" /></a>
</div>
<?php endif;?>

まとめ

以上の2種類のコードを追加することによって、
シンプルなテーマをアレンジする場合も、自分でテーマを作っていく場合も、
ヘッダー画像の表示をさせることが出来ます!
このコードを入れるだけで何枚かの画像をランダム表示にしたりも出来るので、
特にプラグイン等を入れずに使っていました!
もしも「WordPressの設定にヘッダーの項目がない?!」という場合は是非お試しください!

コメントを残す

メールアドレスが公開されることはありません。 が付いている欄は必須項目です