【WordPress】テーマに独自のCSSを追加する方法【カスタマイザー】

WordPressでは、テーマに独自のCSSを簡単に追加することができます。

本記事では、テーマに独自のCSSを追加する方法を解説します。

具体的な手順は、以下の通りです。

1. 外観 → カスタマイザー → 追加CSSに移動
2. cssを追加する

テーマに独自のCSSを追加する方法

外観 → カスタマイザー → 追加CSSに移動

まずは、WordPressの管理画面にログインして、「外観 → カスタマイザー → 追加CSS」に移動します。

cssを追加する

ここにcssを追加して「公開」をクリックすると、今適用しているテーマに追加したcssが適用されます。

追加例1 : サイトタイトルの文字色を変更する

一例として、cssを追加してサイトタイトルの文字色を変更してみます。

Google Chromeから、サイトタイトル上で右クリック → 検証をクリックすると、サイトタイトルを構成するコードを表示できるので、ここからサイトタイトルのクラスを取得します。

クラスを取得したら、cssを記述します。

//サイトタイトルの文字色を「青」に変更する

.site-title a {
     color: blue !important;
}

サイトタイトルの文字色が青に変更されているのがわかると思います。