Wordpress

WordPressでサイト全体の文字色を簡単に変更する方法(プラグイン不要)

Wordpressでサイト全体の文字色を簡単に変更する方法(プラグイン不要)

みなさんはWordPressの文字は何色を使っていますか?

WordPressの文字色はテーマによってあらかじめ設定されています。

しかし、ホームページやブログを作る際は、そのままの文字色だと背景とのコントラストが大きく、見ている側に負担をかけてしまう場合があります。

ここでは、サイト本文全体の文字色を3ステップで簡単に変更する方法をお伝えします。

サイト本文全体の文字色を変更する方法

ステップ① まずは管理画面のカスタマイズを開く

カスタマイズの開き方

もしくは

カスタマイズの開き方②

そうすると、以下の画面が開きます。
※カスタマイズメニューの内容は設定しているテーマによって異なります。

カスタマイズメニューが開かれた図

ステップ② 追加CSSを開く

今回はメニューの一番下にありました。

追加CSSの場所

すると、追加CSSの画面が開きます。

追加CSS画面

ステップ③ 画面が開くと以下のCSSコードを入力

CSSコードを入力した図

追加CSSは以下の通り

body{
 color: 任意のカラーコード;
}

これで簡単に本文全体の文字色を変更することができます。(コピペ可能)
※各見出しにこの変更は適用されません。

CSSの解説
  • bodyはサイトで見える部分全体の設定のこと
  • colorは文字色を設定するプロパティ
  • #333333はカラーコード。グレーがかった黒色で、黒より目に優しいため多くのサイトで使われています

注意点

以下の画像のようにエラーメッセージが出たときは、入力したコードのどこかが間違っているので、そのまま更新しないようにしてください。

エラー画像
エラーメッセージ②

まとめ

文字色の変更は簡単

+1ポイント

本文全体の文字色を一括で変更する方法を調べてみると、テーマエディターでCSSを直接修正する手法がよく紹介されていました。しかし、この方法はCSSの複雑な知識が必要ですし、失敗するとテンプレートテーマを破壊してしまいます

追加CSSで変更する方法だとテンプレートを破壊することなく、簡単に変更できるのでおすすめです。

ABOUT ME
ひつじのラム
サイト訪問ありがとうございます! ひつじのラムは大阪府在住のブロガーです。

COMMENT

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

CAPTCHA