TwentyTen 投稿記事内の文字(色/大きさ/フォント)の設定

ワードプレステーマTwentyTenのコンテンツ(投稿記事)内の基本的な文字の設定(色/大きさ/フォント)方法です。

フォントについては、サイト内全体の文字設定で設定済みであれば何もしなくてOKです。その設定がそのまま引き継がれます。

それでは、TwentyTenの管理画面より「外観」⇒「テーマ編集」からスタイルシートを開いて下さい。(小テーマを使用している方は、小テーマ側のテンプレートファイルを編集して下さい)

スタイルシートの中から次の部分を探して下さい。

/* =Content
-------------------------------------------------------------- */

#main {
	clear: both;
	overflow: hidden;
	padding: 40px 0 0 0;
}
#content {
	margin-bottom: 36px;
}
#content,
#content input,
#content textarea {
	color: #333;
	font-size: 16px;
	line-height: 24px;
}

この緑の部分(表示はデフォルト値)です。色/大きさ/1行の高さ(縦)を自由に設定できます。

色はお好みの色をカラーコードで入力して下さい。文字の大きさももちろん自由ですが、だいたい12px~15pxくらいがちょうど読みやすいかな?とは感じます。

1行の高さと言うのは、’改行’した時(段落ではないので注意)の行間と言えば分かりやすいでしょうか?分からなければ、数値を変えてサイト表示をしてみて下さい。

ここで文字のフォントを変更したい方は、

font-family: お好みのフォントの種類;

を追加すればOKです。

これで読みやすいコンテンツが書けそうです♫

WordPress 3.xデザイン&カスタマイズスタイルブック 複数ブログ管理からスマートフォンサイトまで、一歩進んだWordPressサイト構築術
WordPress 3.xデザイン&カスタマイズスタイルブック 複数ブログ管理からスマートフォンサイトまで、一歩進んだWordPressサイト構築術

 

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

コメントを残す

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