TwentyEleven 投稿記事内の文字の行間を変更する

テーマTwentyElevenの投稿記事内の文字の行間を変更する方法です。投稿記事内のフォント変更はこちら♫

個人的にはTwentyElevenのデフォルトの設定が気に入っています。丁度良い感じの行間だと感じています。いえ、そう思っていました(笑

記事を書いた後に、実際にサイト表示して見ると少し行間が狭いかなぁ?と感じる様になったんですね。で、少し行間を広げてみたいと思います。

TwentyElevenの記事の行間はココ!!

それでは、管理画面より「外観」⇒「テーマ編集」から’スタイルシート’を開き、次の箇所を見つけて下さい。(小テーマを使用している方は、小テーマ側のスタイルシートを編集して下さい)

/* =Global
----------------------------------------------- */

body, input, textarea { /* ココです!! */
	color: #373737;
	font: 15px "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: 300;
	line-height: 1.625;
}
body {
	background: #e2e2e2;
}
#page {
	background: #fff;
}

行間を大きく開るのではなく、少しだけ調整する感じにしてみました。

/* =Global
----------------------------------------------- */

body, input, textarea { /* ココです!! */
	color: #373737;
	font: 15px "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: 300;
	line-height: 1.825;
}
body {
	background: #e2e2e2;
}
#page {
	background: #fff;
}

これで、投稿記事内の文字の行間が調整できたハズです。

すっごい微妙ですかね?(笑 ですが、実際に表示させて見るとかなりいぃ感じになったと思います。私はそう思いました(笑

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

 

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

コメントを残す

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