simplicity2でH2タグ背景色を変更する簡単な方法は?コピペで完了

ワードプレステーマsimplicityを使用しています。
記事内H2タグの背景色を変える簡単な方法をメモしておきます。尚、この方法では子テーマを使わず親テーマをそのまま使います。

スポンサーリンク

H2タグを変更するCSS

.article h2 {
background-color: #696969;/* 見出し背景色 */
border-left: 0 none;
color: #fff;/* 文字の色 */
padding: 15px 30px;/* 文字の位置 */
margin-bottom: 35px;/* 見出し下の空白*/
}

外観→CSS編集に貼り付け

ワードプレスのダッシュボーボから、[外観]→[CSS編集]を選択。
表示される窓の最下部に、上記のCSSを追記するだけ。

なお、見出し背景色、文字色のカラーコードは、原色大辞典などが参考になります。

ウェブサイト上で「この色いいな~」と思ったら、その色のカラーコードをメモして貼り付けてもいいでしょう。
その際役立つのは、Google Chrome 拡張機能なら[ColorPick Eyedropper]が便利です。

H2タグの配色を変えるだけでかなり読みやすさが変わります。

スポンサーリンク


姉妹サイトのご案内

37歳からのTOEIC勉強法完全版 『37歳からのTOEIC勉強法【完全版】』を作成しました。
TOEICなんて、半年で、市販の参考書で800点超えられます。
https://37toeic.com

関連コンテンツ