カスタマイズ５日目－サイドバーのリストなどの行間を見やすくするために広げる

サイドバーのリストなどの行間を見やすくするために広げる

ＩＴに強い異色のトレーナーの木賀です。

はい、５日目のカスタマイズです。

それでは、今回はこのカスタマイズに挑戦です。

●サイドバーのリストなどの行間を見やすくするために広げる

それでは、実践していきましょう。

・クイックリンク
　↓
・スキンCSSの編集
　↓
・現在使用中のブログデザインCSS最下部に次のCSSを挿入
　↓
/*　　サイドバーのリストの行間　　*/
.menu_frame ul li{
margin-bottom:5px; /*下マージン*/
}
　↓
・保存する

いかがですか？

【変更前】


【変更後】



サイドバーの行間が少し開いて文字が読みやすくなりましたよね！

5pxの数字を変えると行間が変化します。

あくまでも見やすいようにするカスタマイズということを忘れないでくださいね。

見やすいと言えば、携帯からブログを見ても読みやすいと案外嬉しいものですよ！

次回は、ブログテーマをツリー状にする、になります。

それでは、次回までちょっとだけお待ちくださいね。

●ブログについてお悩みがありましたらご相談ください。
⇒ただ今、無料ブログ診断やっています。

●アメンバー限定でこんな記事を書いています。
⇒集客できるブログタイトルが簡単に決められる方法