cocoon記事作成でやっておきたいこと【行間/高さ変更】

ワードプレス
スポンサーリンク

普段読み慣れているとそこまで意識しない行間や、行の高さですがこの設定をするだけでユーザーにとってとても読みやすい文章になります。

離脱率を低くすることもできますので是非やってみてくださいね!
cocoonでは標準のcocoon設定で簡単に設定が可能です。

銀ペン
銀ペン

新聞みたいにギチギチだとweb表示は見づらいんだよね

sabo
sabo

そう!webは飛ばし読み(スクロール)されるのが当たり前と思って広めにとってた方がいいんだよ!

スポンサーリンク

cocoon行間/高さ変更方法

ダッシュボードのcocoon設定を開きます。

本文タブを開きます。

行の高さ、行の余白を設定します。
デモで確認するか、実際に保存しあなたのサイトで確認しつつ調整してみてください。

スマホでの表示を優先しましょう。
(現在、PCでブログやサイトを見る人よりもスマホで見る方の方が断然多いため)
ちなみに一段落で2~3行が望ましいと言われています。

行が多い見た目(スマホ)

行が2~3行の見た目(スマホ)

好みの行間/高さになったら変更をまとめて保存しましょう。

銀ペン
銀ペン

おぉなんか読みやすくなった!

sabo
sabo

自分がユーザーだと仮定して読みやすいように設定しよう!

コメント

タイトルとURLをコピーしました