賢威6.2で広すぎる行間の幅を調節する方法。
賢威6.2ではデフォルト(初期)の状態ですと、
行間が通常のテンプレートよりも広めに設定されています。
行間はサイトの読みやすさに大きく影響し、
少し変更するだけで訪問者の印象は大きく変わります。
この行間をもう少し狭めてコンパクトに表示させたい場合の
設定方法を今回はご紹介します。
賢威6.2で行間の大きさを変更する方法とは?
ワードプレス管理画面より『外観』⇒『テーマ編集』⇒design.css
と進み、『段落タグ』と検索をかけて、段落設定箇所にいき、
数値の部分を変更することで行間を変更できます。
1 2 |
/*●段落タグ*/ #main-contents p{ margin-bottom: 1.5em; }←こちらの数値を変更 |
大体0.2emから0.5emくらいの数値で設定をすると
一般的な行間の大きさになりますね。
色々大きさを変えて自分好みの行間の大きさを
探してみましょう。
改行も適切に使用することで更に読みやすく。
こういった文字の間隔の設定以外にも
- 横に30文字前後の文字が並んだら折り返す。
- 3行以上になったら文章を区切り1行間を入れる。
といった事をするだけで文章が非常に読みやすくなり、
文章が読みやすいと感じるサイトは
大抵上記の事を守って作成されています。
読みやすい文章のサイトを作成するために
是非意識してみてください。
また、
賢威6.2の全パーツカスタマイズ一覧まとめページを作成しましたので、
他の箇所をカスタマイズされたい場合は一度見てみて下さいね。
⇒賢威6.2【全カスタマイズを一覧まとめ】ワードプレステンプレート