アメブロのサイドメニューは、カテゴリーメニュー、アーカイブメニュー
などの非常に重要な機能が配置されている部分であり、
ユーザーからすると、過去の記事にジャンプしたり、
最近アップした記事にかんたんにアクセス出来る場所でもあります。
ですのでユーザーから見たときに、
ヘッダーエリアの次に重要な箇所と言っても過言ではありません。
今回はこちらのサイドメニューのタイトルと、タイトル部分の余白を
調整してより目立たせる方法をご紹介していきます。
ぜひ参考になさってください。
サイドメニューのフォントサイズと余白を変更する手順
- アメブロ→デザインの変更→CSS編集画面を開きます。
- ここで次のキーワードで検索します。.skinMenuHeader
- ここに以下のCSSを記述していきます。
.skinMenuHeader{
font-size: 18px;
padding: 10px;
}
上記のCSSを記述出来ましたら
保存を押してプレビューしてみましょう!
サイドメニューのフォントサイズと余白が調整されて、
より目立たせる事が出来ています。
ぜひあなたのアメブロもサイズを調整して機能的な
サイドメニューにカスタマイズしていきましょう。
もしご不明な点がございましたらakiまで
お気軽にコメントください。
aki