• このエントリーをはてなブックマークに追加

賢威7のヘッダー部の背景色を変更する方法

どうも。葉です。

この記事では、賢威7のヘッダー部の背景色を変更する手順を解説していきます。

1.この記事を読むことでできるようになること

まず、この記事を読むことで、できるようになることを確認してください。

下図の「変更前」→「変更後」のようにヘッダー部の背景色を変更することができるようになります。

変更前

変異7ヘッダー部のデフォルト背景色

変更後

変異7ヘッダー部の背景色を変更した

では、次の章で実際に賢威7のヘッダー部の背景色を変更する手順を解説していきます。

2.賢威7のヘッダー部の背景色を変更する手順

WordPress管理画面の左メニューより「外観→テーマの編集」をクリックしてください。

賢威7のヘッダー部の背景色を変更する手順1

「base.css」をクリックしてください。

賢威7のヘッダー部の背景色を変更する手順2

次に、「base.css」の中で「ヘッダー」と書かれている場所を探してください。そのすぐ下に次のコードを挿入してください。

.site-header {
     background-color: #111111;
}

賢威7のヘッダー部の背景色を変更する手順3

そして、「ファイルを更新」をクリックしてください。

賢威7のヘッダー部の背景色を変更する手順4

これで、賢威7のヘッダー部の背景色を変更できました。確認してみてくださいね。

好みの色を見つけよう

それと、ヘッダーの背景色をあなたの好きな色にしたい場合は、次のサイトのコードを参考にしてください。

WEB色見本 原色大辞典 – HTMLカラーコード

上のサイトより、好きな色のコードをコピーして、下のコードの「#111111」と入れ替えてください。

.site-header {
     background-color: #111111;
}

これで、ヘッダー部の背景色はあなたの自由自在です。

3.まとめ

この記事では、賢威7のヘッダー部の背景色を変更する方法を解説しました。

この他にも、ヘッダー部のデザイン編集を行いたい場合は、次の記事を参考にしてください。

 

この記事が気に入ったら
いいね!しよう

最新情報をお届けします

WordPress 賢威カスタマイズ