このブログを始めて早2か月以上。
最初はとにかく毎日続けることだけをルールにしてたのですが、そろそろデザインとか見た目が気になり始めました。
ちょっと前にWordPressのテーマを無料なのに評判のいい「cocoon」に変更。
ちょこちょこといじり始めました。
気になったのが文字の大きさ。
デフォルトだと結構大きいんですよね。
で、ぼくの中途半端な知識で色々試してみたんですがどうにもうまくいかず。
これ、結構なやんでる人多いんじゃないでしょうか。
なんとか文字を小さくすることに成功したので、記録に残します。
cocoonではサイドバーの文字サイズ変更ができない
記事本文の文字サイズはcocoonの設定から調整できました。
ただ、なぜかサイドバーの文字サイズの変更項目が見当たりません。
色々調べるとどうやらそもそもcocoonにはサイドバーの文字サイズを変更する設定はないようです。
でもcocoon使っててサイドバーの文字が小さいブログ、ありますよね？
ちょっと調べてみたらどうやらCSSで変更できる模様。
というわけでcocoonの設定じゃなくてWordPressの設定からCSSを追加してみます。
WordPressの「外観」でCSSを追加
手順は以下の通りです。
・WordPressのダッシュボード ＞ 外観 ＞ カスタマイズ
・カスタマイズ内の「CSSを追加」を選択。
・追加CSSに以下のコードを記述。
.widget-entry-card {
font-size: 14px;
}これでサイドバーの文字を14pxに変更できるはずです。
ちなみにこのコードなんですが、ネットで見つけたコードだとなぜか小さくすることができませんでした。
最終的にGoogleデベロッパーツールで該当箇所を探して「widget-entry-card 」と入力したら成功。
ひょっとしたら他の記述でも文字サイズの変更ができるかもしれませんが、とりあえず今のところ問題なさそうだし、ぼく的に満足しているのでオッケーとします。
cocoonのサイドバーの文字サイズを小さくしたいのにできない！と困っている方の参考になれば幸いです。
コメント