TwentyEleven 投稿記事内の文字のサイズ/色/フォントの変更

ワードプレステーマ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;
}

これは、当サイトと同じ設定です(笑 サイズや色など色々と試行錯誤した上で設定したモノです。見やすくないですか?(自己満足!?

やっぱり記事自体が読みやすいといぃですよね☆

WordPressデザインブック ステップバイステップ形式でマスターできる
WordPressデザインブック ステップバイステップ形式でマスターできる

 


にほんブログ村 ブログブログ ブログノウハウへ

2 thoughts on “TwentyEleven 投稿記事内の文字のサイズ/色/フォントの変更

  1. ピンバック: TwentyEleven 記事コンテンツ(サマリー)の幅を広げる | 初めてのワードプレス カスタマイズ

  2. ピンバック: TwentyEleven 投稿記事内の文字の行間を変更する | 初めてのワードプレス カスタマイズ

コメントを残す

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