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

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

どうも。葉です。

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

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

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

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

変更前

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

変更後

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

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

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

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

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

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

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

「base.css」内で「ヘッダーロゴ」と書かれている場所を探してください。

そのすぐ下に、次のようなコードが有るはずです。

.site-title a{
    color: ○○○;
    text-decoration: none;
}

その中で、「○○○」の部分をあなたの好きな色コードに変更してください。これで、ブログタイトルの文字色を変更できます。色コードは、次のサイトを参考にしてください。

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

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

コードを変更したら「ファイルを更新」をクリックしてください。

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

これで、ヘッダー部のブログタイトルの文字色は変更されています。

3.まとめ

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

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

 

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

最新情報をお届けします

WordPress 賢威カスタマイズ