SleepfreaksDTM MEDIA SITE 無料体験レッスン無料体験
トップページ > クリエイターのためのHP制作 > 34_ロゴと背景色を統一する
目次を見る
Hotone_Japan

34_ロゴと背景色を統一する

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

画像を背景色と合わせる

いよいよ記事も最後となります。
以前に「ロゴ画像」をヘッダーへ配置しました。

ロゴ

しかし、よく見てみると、
いや、よく見なくても背景と色が異なります。

これを修正していきましょう。

テーマ編集

管理画面から「外観」→「テーマ編集」を選択します。

CSS

右メニューより「スタイルシート」を選択します。

カラー

この中の「#header-bottom」の
「background-color」を「#ffffff;」変更します。

※「Mac : Command + Fキー」「Windows : Control + F」を押すことで、ブラウザ内の文章検索が行えます。 
「#header-bottom」で検索を行うと素早く見つけることができます。

その後に「保存」を行います。

カラー適用後

このように背景が白となりロゴの背景色と合いました。

<<33_不必要なヘッダー情報を削除する


最後に

いかがでしたでしょうか?
ここまでサーバーレンタル〜簡単なWordpressカスタマイズを記載してきました。

HPの面白さを見出された方もいるかと思います。

やはり最初は始めること。
これがとても重要に思えます。

WordPressのカスタマイズをもっと知りたいという方は、
インタネット上の情報を探したり、レッスンを受けてみるなど、
これを機会に勉強してみるというのも良いと思います。

制作したHPをツールとして、更に有意義な音楽生活をお楽しみいただければ幸いです。

ご視聴をいただき、ありがとうございました。


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

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

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

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

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