ヘッダーを修正しました

ヘッダーって何?

ヘッダーとフッターってこの辺

ヘッダーとは、あの辺のことです。

修正が必要だったところ

以前、TOP画像を変更した時に、

このようになってしまいました。

スマホで見た時のヘッダー画像

今回修正したかったのは、

↑上の図の様に、

  1. 真ん中にタイトルの文字が残ってしまっているところ
  2. スマホで確認した時に、両端が見切れてしまってるところ

です。

修正した方法

1.ヘッダーに表示されている、サイトタイトルの消し方

ダッシュボードの、

外観

カスタマイズ

から、

サイト基本情報の、

「サイトタイトル」を消します。

※下の方に、サイトアイコンというのがあったので、ついでに変更してみました。

2.スマホで見た時のヘッダー画像

これは、先に謝っておきます。

すみません。どうにもなりませんでした。

色々調べたところ、

ブラウザ用のヘッダー画像とは別に、

モバイル用のヘッダー画像を用意して、

CSSで、モバイル表示時にはモバイル用の画像を表示するよう設定するようでした。

CSSを公開してくださっている方もおられたのですが、

慣れていない状態ですと時間がかかりそうだったので…

イラストの方を、モバイル表示でも違和感が出ないように、

中央に寄せる形で修正しました。

(参考にならなくてすみません!)

本日はそんな感じです。

コメント

タイトルとURLをコピーしました