【AFFINGER4】記事本文の文字色を変更する方法

投稿日：2017年9月12日

AFFINGER4の記事本文の文字はデフォルトでは黒に設定されています。

真っ黒じゃなくて、もうちょっと柔らかい雰囲気がいいな〜

という方は、以下の方法で変更してみてください。

この記事の目次

カスタマイザーで変更

ダッシュボードより、「外観」→「カスタマイズ」をクリックします。

記事本文の文字色を変更する方法

「各テキストとhタグ（見出し）」をクリックします。

記事本文の文字色を変更する方法」

ずっと下の方にスクロールさせると、一番最後に「一括テキスト色強制変更」という項目がありますので、そこでお好きな色に変更することが可能です。

文字リンクの色の変更やサイドバーの文字色もここで指定できますね。

記事本文の文字色を変更する方法

ここで文字色を指定していない場合は、デフォルトの黒（#000000）で表示されます。

大手のサイトは本文の文字色にどんな色を使っているのか調べてみると・・・

Apple・・・#545464

トヨタ自動車・・・#444444

Wikipedia・・・#545464

JAL・・・#333333

Facebook・・・#1D2129

Twitter・・・#14171A

でした。

真っ黒は「#000000」で、数字が上がるにつれ色が薄くなっていきます。

これって決まりはないようですが、真っ黒はあまり使われないようですね。

ちなみにわたしは記事本文もサイドバーも「#333333」、濃い目のグレーで設定しています。

パッと見た目には黒とあまり変わらないですよね。

七星奈津子

ブログ集客プロデューサー/ライター/コラムニスト

読者（消費者）との関係をつくり、集客や販売につなげる発信で5年10年後もお客様に愛される会社・お店づくりのためのメディアづくりをサポートしている。

これまで発信してきたもの、持っているコンテンツをわかりやすく見やすい形に編集してコーディネイトすることを得意とする。またコミュニケーションの中で、その人の中にある光るもの・強みを引き出すことも得意。

講座や個別サポートでは、その人ならではの魅力を引き出し、わかりやすく伝わりやすい言葉にして発信するお手伝いをしている。