【Stinger5】ヘッダーを削除してロゴを大きく表示する方法

ロゴ

Stinger5はなぜかロゴ・説明文・ヘッダーと3つ用意されていて、それぞれ設定する手間があります。

さらに「H1」タグが説明文に設定されているので、SEO上は説明文を削除するわけにもいきません。ここではヘッダーの画像を削除して、ロゴ画像を最大値まで広げて説明文を残す方法をご紹介します。

カスタマイズでヘッダー画像を削除する

①WordPress管理画面のサイドバーから、外観→カスタマイズをクリック。

カスタマイズ

②ヘッダー画像の項目で、画像を非表示をクリック。

ヘッダー

ロゴの設定

① 横幅が980pxの画像をロゴの項目でアップロードします。

ロゴ

② 忘れがちですが必ず「保存して公開」をクリックし保存をします。

ただこの状態では上記の画像のように、画像サイズが小さいままですのでCSSで最大値を変更します。

ロゴ画像の最大値を変更

style.cssまたは子テーマのcssに、下記のタグを入れるとロゴ画像が大きくなります。

/* ロゴ画像の最大サイズ */
.sitename img {
max-width: 100%;
}

cssを保存後トップページに戻り、ロゴ画像がブログの端まで伸びているか確認をしましょう。

もし大きさが変わらない場合は、ブラウザのキャッシュを一度クリアにしてからもう一度確認してみてくださいね。

*メールアドレス
*お名前(HN可)