wordpressのテーマ「Twenty Fifteen」では見出しのフォントサイズが大きく
主張しすぎのように感じたので少し小さく変更することにしました
見出しの装飾についてはコチラを参考にしてください
見出しのフォントサイズは各分岐点ごとに設定してありますので
手間がかかりますが確認しながらそれぞれに設定していきます。
h1は使いませんので
h2 h3 h4 を自分好みのサイズに変更します
私の場合は以下のようにしましたが、お好みでどうぞ♪
もちろん子テーマに記述していきます。
カスタマイズは必ず子テーマで行うようにしてくださいね。
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 |
@media screen and (min-width: 55em) { .entry-content h2, .comment-content h2 { font-size: 30px; font-size: 3.0rem; } .entry-content h3, .comment-content h3 { font-size: 26px; font-size: 2.6rem; } .entry-content h4, .comment-content h4 { font-size: 20px; font-size: 2.0rem; } } @media screen and (min-width: 59.6875em) { .entry-content h2, .comment-content h2 { font-size: 24px; font-size: 2.4rem; } } @media screen and (min-width: 68.75em) { .entry-content h2, .comment-content h2 { font-size: 28px; font-size: 2.8rem; } } @media screen and (min-width: 77.5em) { .entry-content h2, .comment-content h2 { font-size: 30px; font-size: 3.0rem; } .entry-content h3, .comment-content h3 { font-size: 26px; font-size: 2.6rem; } .entry-content h4, .comment-content h4 { font-size: 20px; font-size: 2.0rem; } } |