THE THOR(ザ・トール)文字 段落 のカラーを変更する方法

THE THOR 記事一覧

記事の文章の多くは「段落」で構成されています。

その段落の基本設定色を変更します。

段落のカラーぐらい簡単に変更できるだろうと思っていましたが、THE THORのカスタマイズ設定のなかに項目を見つけることができませんでした。

※知っている人がいたら教えてください!



文字、段落のカラーを変更する

段落のカラーを変更するには追加CSSにコードを少し追加するだけです。

外観 → カスタマイズ → 追加CSS

 

コードは以下の通り。

/*段落フォントカラー*/
p {
    color: #404050;
}

#404050の数字の部分を変更するとカラーが変わります。

※THE THORだけでなく他のテーマにも使用可能。

 

やみくもにカラーを選択するのは時間効率が悪いし統一が難しくなるので参考資料を持つ(作る)のがオススメです。

僕が良く参考にしているカラーに関するサイト↓

原色大辞典

色の名前とカラーコードが一目でわかるWEB色見本…

 


あとがき

基本的に、サイトで使用される段落文字のカラーは#333333が多いと思います。

理由は、白背景に黒ではコントラストが強すぎて目が疲れてしまうから。目が疲れたら離脱率もあがりますよね?

そういった配慮から少しだけグレーにしたものが良く使われています。

 

しかし#333333に慣れてくると、それですら黒に見えてきてしまいます。(恐らく個人差あり)

なので当サイトでは少し青味がかったさらに薄いグレーを採用しています。そうなると記事タイトルの文字色も気になってきますが、それはまた今度。

 

青味がかったグレーを採用した理由↓

なんとなく知性的にみえるでしょ?w

THE THOR 記事一覧

THR THOR 段落文字の色を変更
呟くのよ・・・私の棒ストが