賢威7ヘッダー部のブログタイトルの文字色(フォント色)を変更する方法

どうも。葉です。

この記事では、賢威7ヘッダー部のブログタイトルの文字色(フォント色)を変更する方法を解説していきます。

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

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

下図の「変更前」→「変更後」のように、ブログタイトルの文字色(フォント色)を変更することができるようになります。

変更前

賢威7のデフォルトのヘッダーの文字色

変更後

賢威7ヘッダーの文字色を変更した

では、実際に賢威7ヘッダー部のブログタイトルの文字色を変更していきましょう。

2.賢威7ヘッダー部のブログタイトルの文字色を変更する手順

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

賢威7ヘッダー部のブログタイトルの文字色を変更する手順1

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

賢威7ヘッダー部のブログタイトルの文字色を変更する手順2

「base.css」内の最下部に次のコードを入力してください。

/*-------------
ブログタイトルのフォントカラー変更
-------------*/
.site-title a{
color: #0000ff;
}

これで、賢威7のブログタイトルのフォントカラーが変更されたはずです。

好みの色を見つけよう

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

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

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

/*-------------
ブログタイトルのフォントカラー変更
-------------*/
.site-title a{
color: #0000ff;
}

これで、ブログタイトルのフォント色はあなたの自由自在です。

 

3.まとめ

この記事では、賢威7ヘッダー部のブログタイトルの文字色(フォント色)を変更する方法を解説しました。

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