ヘッダー画像を広げたブログ幅に調整する【STINGER5】
2016/05/21
ブログの一番上に付けるヘッダー画像を変更しました。
だた、そのまま変更したのでは、画像の幅がブログの幅より明らかに小さいので、修正をしようと思います。
ヘッダー画像の幅をブログサイズに合わせる
ヘッダー画像がブログサイズより小さいのは、ブログの幅を広げたせいでした。
また、「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', );
ヘッダー画像を変更する
管理画面メニューの「外観」からヘッダーで簡単に変更可能です。
- 新規画像を追加をクリックします。
- ヘッダー画像をドロップします。
- 選択して切り抜くをクリック。
- 切り抜かないをクリック。大きすぎる場合、切り抜いてサイズを変更できます。
まとめ
ヘッダー画像を付けると、ブログの雰囲気が変わるので、今回の修正も参考にして作成してみてください。
関連記事
-
STINGER5をWordPressのテーマに選んでみた
WordPressをインストールして、まずやるべきは記事を書くことではなく、ブロ …
-
WordPressのテーマをカスタマイズするなら、まず子テーマを作ろう!
そろそろブログのデザインをどうにかしたいなと思うわけですが、どうやらいきなりテー …
-
サイドバー広告を表示させ続ける追尾広告の実装方法【STINGER5】
アフィリエイトについて扱ってるブログなのに、今まで広告を全く掲載していませんでし …
-
STINGER5の子テーマでCSSが上手く反映されない原因を解決!
子テーマを作ったので、取り合えず文字サイズでも変更してみようと思ったのですが、な …
-
アイキャッチ画像を記事の先頭に自動で表示させる簡単な方法!
記事の先頭に画像があると、見栄えが良さそうだなと思います。 しかし、アイキャッチ …