アフィーロード

アフィリエイトがあるじゃないか!

*

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

    2016/05/21

SnapCrab_NoName_2015-8-27_17-43-41_No-00

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

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

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

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

また、「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. 切り抜かないをクリック。大きすぎる場合、切り抜いてサイズを変更できます。

まとめ

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

 - テーマ

Message

メールアドレスが公開されることはありません。

  関連記事

STINGER5
STINGER5をWordPressのテーマに選んでみた

WordPressをインストールして、まずやるべきは記事を書くことではなく、ブロ …

WordPressのテーマをカスタマイズするなら、まず子テーマを作ろう!

そろそろブログのデザインをどうにかしたいなと思うわけですが、どうやらいきなりテー …

サイドバー広告を表示させ続ける追尾広告の実装方法【STINGER5】

アフィリエイトについて扱ってるブログなのに、今まで広告を全く掲載していませんでし …

STINGER5の子テーマでCSSが上手く反映されない原因を解決!

子テーマを作ったので、取り合えず文字サイズでも変更してみようと思ったのですが、な …

アイキャッチ画像を記事の先頭に自動で表示させる簡単な方法!

記事の先頭に画像があると、見栄えが良さそうだなと思います。 しかし、アイキャッチ …