今回は、サイドバーウィジェットのカスタマイズをして「文字サイズを小さく変更」してみようと思います。
設定するには【追加CSS】部分にコードを記入してゆきます。
サイドバー文字サイズの変更
【操作手順】
管理画面 → 外観 → カスタマイズ → 追加CSS（一番下）
まで行き、「下の空欄」にコピペなどでコードを記入しましょう。
「サイドバー」部分のコード
.widget-sidebar ul li a {
font-size: 0.8em;
}記入したら、上にある〔公開ボタン〕を「ポチッ」と押すと保存、反映されます。
サイズが変わっているか、確認してみよう♪
変更前
変更後
文字数が少ないのでちょっと分かりにくいですが、小さくなってますね。
コード内の数字を変えると、文字サイズも変わりますので、お好みの大きさに変更してください。
「プロフィール枠内」の文字サイズ
プロフィール枠内の「名前」と「下の文章」も、同じようにコードを記入してサイズ変更できます。
「名前」部分のコード
.nwa .author-box .author-name {
font-size: 1.0em;
}
「下の文章」部分のコード
.nwa .author-box .author-description {
font-size: 0.8em;
}
こちらも、サイズが変わっているか確認してみましょう。
変更前
変更後
無事に、カスタマイズできました♪
【追加CSS】ができない、反映されない場合
うまくできない時、僕もよくあります。。。
色々な原因がありますので、下の記事を参考に試してみてください。
設定完了
今回のカスタマイズはちょっと地味な感じですが、記事数が増えてくれば徐々に効果が出るかもしれません。
サイドバーも、上手に活用したいですね♪
