今回は、あなたのアメブロをより読みやすくする為に、
CSSで行間を調整する方法をご紹介します。
Webというのは、非常に読みにくく、
ユーザーの集中力が極めて低い媒体と言われています。
なぜならユーザーは、Youtubeを見ながらブログを読んでいるかもしれませんし、
ブログを読んでいる時に、メーラーに新規のメール通知が届くかもしれません。
Facebookや,twitterなどのSNSを使ってコミュニケーションをしていたり、
欲しい商品の事を調べている事もありますよね。
とにかく、Web上には無限の誘惑がたくさんあるからです。
Web上ではユーザーは常に誘惑にさらされているわけですから
あなたのアメブロを読みやすく、伝わるデザインにする必要があります。
ユーザーに伝わる記事にする為の一つの方法として
行間をCSSで調整していきましょう。
CSSで文章を読みやすくする為の行間の調整方法
- CSS編集画面で「.articleText」と検索をかけます。
- ここのCSSのline-heightの部分の数値を変更します。
.articleText{
line-height: 1.5; ← ここの数値を変更します。
}
初期設定では1.5ですが、この数値を上げれば行間は広がります。
ここの数値を小さくすれば、行間は狭くなります。
実際に数値を変更してユーザーにとって読み易い行間を設定してみましょう。
わからない事があればお気軽にご連絡ください。
aki