サイドバーの文字サイズを変更しよう（ワードプレス）

今回は、サイドバーウィジェットのカスタマイズをして「文字サイズを小さく変更」してみようと思います。

設定するには【追加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】ができない、反映されない場合

うまくできない時、僕もよくあります。。。

色々な原因がありますので、下の記事を参考に試してみてください。

設定完了

今回のカスタマイズはちょっと地味な感じですが、記事数が増えてくれば徐々に効果が出るかもしれません。