テーマのベーシック文字・色を少しだけ変更

最初にダッシュボードから外観→カスタマイズ→色から配色を「ライト」に変更(テーマのベーッシク文字・色)してTwentySeventeenの子テーマに書き込むと変更部分が反映する。

今まで使用してたフォントは「MS Pゴシック」が主で少し柔らかいメイリオを指定して見た。又、文字色がタイトル:Bold、テキスト:Normalなのでこれもやや薄目に変更。

文字の大きさや行間隔も変更、記事内の文字はディフォルトのテーマに適した大きさなので、フォントと色合いだけ変更。

*本文中の行間隔は、ベースの26px→24pxに変更。
*記事のタイトルは、一段下げて柔らかい色合いに変更。

/* フォントと文字の大きさ、色 */
body {
font-family: “メイリオ”,Meiryo,”Hiragino Kaku Gothic Pro”,”ヒラギノ角ゴ Pro W3″,”MS Pゴシック”,”Lucida Grande”,”Lucida Sans Unicode”,Arial, Verdana, sans-serif;
text-rendering: optimizeLegibility;
color: #333;   /* 文字色 */
font-size: 12px;
}
body.custom-font-enabled {
font-family:”メイリオ”, Meiryo,”Hiragino Kaku Gothic Pro”,”ヒラギノ角ゴ Pro W3″,”MS Pゴシック”,”Lucida Grande”,”Lucida Sans Unicode”,Arial,Verdana,sans-serif;
}

/* 本文中の行間 */
.entry-content p {line-height: 26px;} ←24px

/* サイドバーの行間と文字の大きさ */
.widget-area .widget li {
line-height: 28px; ←24px
font-size: 14px;
}
.entry-title {
clear: both;
color: #222;
font-size: 26px;  ←22pxに変更
font-weight: bold; →normal又は、#b0b0b0に変更
line-height: 1.5em;
padding-bottom: .3em;
padding-top: 15px;
}

文字色に色を付けようと思ったけど、余り好きな感じにならなかったので、やや薄めで纏めてみた。


コメントを残す

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

日本語が含まれない投稿は無視されますのでご注意ください。(スパム対策)