SleepfreaksDTM MEDIA SITE 無料体験レッスン無料体験
トップページ > クリエイターのためのHP制作 > 31_ ヘッダーへロゴを挿入する
目次を見る
Hotone_Japan

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

無料体験レッスンDTMの学習に限界を感じていませんか?あなたに合わせたDTM学習ロードマップをプレゼント!その効果をお確かめください。無料体験レッスンを試してみる ▶

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

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

ヘッダーとは

HPヘッダー

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

logo

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

テーマオプション

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

ヘッダーを選択

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

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

ロゴ配置後

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

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

間隔を調整

空白を挿入します。

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

に空白が入ります。

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

調整後

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


\ 無料体験レッスン 受付中 /

オンラインDTMレッスン専門 / 2009年から17年

この記事の内容を、講師と一緒に進めてみませんか?

完全マンツーマン個別カリキュラム録画をプレゼントオンライン完結
無料体験レッスンを受けてみる ▶

17年間・累計2,000名以上の受講実績