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

どうも。葉です。

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

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

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

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

変更前

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

変更後

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

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

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

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

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

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

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

次に、「base.css」の最下部に次のコードを挿入し「ファイルを更新」をクリックしてください。

/*————-
ヘッダーの背景色変更
————-*/
.site-header {
background-color: #111111;
}

 

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

好みの色を見つけよう

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

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

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

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

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

3.まとめ

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

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