ワードプレステーマTwentyElevenの投稿記事の文字のサイズ/色/フォントの変更方法です。
テーマTwentyElevenはやはりいぃです(笑 ってか、何回言ってるんだ?って感じなんですが、デフォルト表示を見る度に、あぁやっぱりそのままでもいぃかなと、思ってしまいます(笑
しかし、このサイトでも変更していますので、TwentyElevenの投稿記事内の文字の変更方法について書き残しておきます。
それでは、管理画面より「外観」⇒「テーマ編集」から’スタイルシート’を開いて下さい。(小テーマを使用している方は、小テーマ側のスタイルシートを編集して下さい)
’スタイルシート’の中から、次の部分を見つけて下さい。
/* =Content
----------------------------------------------- */
#main {
clear: both;
padding: 1.625em 0 0;
}
~~~~~~~~~~ 中略 ~~~~~~~~~
.single-author .entry-meta .by-author {
display: none;
}
.entry-content,
.entry-summary { /* ココです!! */
padding: 1.625em 0 0;
}
.entry-content h1,
.entry-content h2,
.comment-content h1,
.comment-content h2 {
color: #000;
font-weight: bold;
margin: 0 0 .8125em;
}
デフォルト表示ですと、サイト全体の設定が反映されています。投稿記事(サイトコンテンツ)の文字等の設定を変更されたい場合、この部分に追加/変更すればOKです。
例えば、この様に編集してみて下さい。
/* =Content ----------------------------------------------- */ #main { clear: both; padding: 1.625em 0 0; } ~~~~~~~~~~ 中略 ~~~~~~~~~ .single-author .entry-meta .by-author { display: none; } .entry-content, .entry-summary { /* ココです!! */ clear: both; font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'MS Pゴシック',sans-serif; font-size: 15px; color: #222222; padding: 1.625em 0 0 0.5em; } .entry-content h1, .entry-content h2, .comment-content h1, .comment-content h2 { color: #000; font-weight: bold; margin: 0 0 .8125em; }
これは、当サイトと同じ設定です(笑 サイズや色など色々と試行錯誤した上で設定したモノです。見やすくないですか?(自己満足!?
やっぱり記事自体が読みやすいといぃですよね☆
ピンバック: TwentyEleven 記事コンテンツ(サマリー)の幅を広げる | 初めてのワードプレス カスタマイズ
ピンバック: TwentyEleven 投稿記事内の文字の行間を変更する | 初めてのワードプレス カスタマイズ