無料ワードプレステンプレートcocoon(コクーン)のタイトルテキストサイズを変更する方法

cocoonカスタマイズブログ

simplicityの後継としてリリースされたcocoon。まだβ版なので修正点がいっぱいありますが、すでに導入しているワードプレスブログも多いようです。今回は私がちょっと気になった点を書いておきます。

スポンサーリンク
スポンサーリンク

テキストタイトルにするとやたらデフォルトの文字が大きくなっている。

テーマをインストール後、真っ先に気になったのはタイトルのテキストサイズです。あまりにもサイズが大きいのでブログタイトルが長い人はスマホで見た時かなり改行されてしまいます。結果、画像を挿入するために急遽ヘッダー画像を作成する人も多かったかと思いますが、これは2、3分程度の時間があれば簡単に解決できます。

解決方法

やり方は非常に簡単です。cocoonの子テーマをワードプレスにインストールし、以下の黒い部分のソースコードをコピペして子テーマのstyle.cssに貼付けるだけです。

.site-name-text-link {
   font-size: 26px;
}

*張り付け場所はcssの1番下です。

フォントサイズは「26」と書いてあるところを好きな数字を書き込めば簡単に文字サイズを変更できました。

気になる人はお試しください。

補足

cocoonはまだ正式版の1.0がリリースされていないので、いずれ初心者向けの簡単設定が組み込まれるかもしれません。とりあえず、これもワードプレス初心者ならばできるかと思いますので、すぐにサイズを変えたい、コクーンのタイトル文字サイズを小さくしたいと思う人はやってみてください。

コメント

タイトルとURLをコピーしました