31_ ヘッダーへロゴを挿入する

Author: sleepfreaks

ロゴを配置しより個性的に

記事もいよいよ終盤です。
ここではサイトの顔とも言える「ヘッダー」に手を加えてみます。

ヘッダーとは

HPヘッダー

HPこの部分です。
全ページで共通し表示されます。

logo

ここではこのブログタイトル部分にロゴ画像を配置してみましょう。

テーマオプション

外観→「Theme Options」を選択します。

ヘッダーを選択

「Genneral Setting」を選択します。
その中の「Upload」をクリックし、ロゴ画像を指定します。

最後に「Save」を選択します。

ロゴ配置後

このように設定したロゴが表示されました。

少しだけ下にズレています。
このような場合な、上記の「外観」→「Theme Options」へ戻ります。

間隔を調整

空白を挿入します。

  • Top : 上
  • Left : 左
  • Right : 右
  • Bottom : 下

に空白が入ります。

最適な表示になるまで微調整を行ってみてください。

調整後

このような形になりました。