ヘッダー画像を広げたブログ幅に調整する【STINGER5】

ブログの一番上に付けるヘッダー画像を変更しました。

だた、そのまま変更したのでは、画像の幅がブログの幅より明らかに小さいので、修正をしようと思います。

ヘッダー画像の幅をブログサイズに合わせる

ヘッダー画像がブログサイズより小さいのは、ブログの幅を広げたせいでした。

また、「functions.php」でヘッダー画像サイズの上限も設定されているため、それ以上の大きさで表示してくれなかったのです。

修正方法は、下記コードの3行目のwidthを調整するだけです。

「functions.php」のコード

//カスタムヘッダー
$custom_header = array(
 'random-default' => false,
 'width' => 1100, // ここを調整する
 'height' => 250,
 'flex-height' => true,
 'flex-width' => false,
 'default-text-color' => '',
 'header-text' => false,
 'uploads' => true,
 'default-image' => get_template_directory_uri() . '/images/stinger5.png',
);

ヘッダー画像を変更する

管理画面メニューの「外観」からヘッダーで簡単に変更可能です。

1. 新規画像を追加をクリックします。
2. ヘッダー画像をドロップします。
3. 選択して切り抜くをクリック。
4. 切り抜かないをクリック。大きすぎる場合、切り抜いてサイズを変更できます。

まとめ

ヘッダー画像を付けると、ブログの雰囲気が変わるので、今回の修正も参考にして作成してみてください。