Cocoon ページの文字サイズを変更

Cocoon

非常に便利なCocoonですが、使っていると、全体的にもう少し文字サイズを大きくしたい、もしくは小さくしたいと思うようになります。ここでは投稿や固定ページの文字の大きさを変更する方法をご紹介します。

文字サイズの変更

変更前の文字サイズ確認

例として、下のページの文字の大きさを変更してみます。だけではわかりにくいですが18pxのフォントサイズになっています。確認するページは、どのページでも構いません。

文字サイズの変更

文字サイズを変更してみましょう。ナビゲーションメニューの[Cocoon設定]の中の[Cocoon設定]をクリックします。

Cocoon設定の画面が表示されたら、[全体]タブをクリックします。

全体タブの画面を下にスクロールしていくと、「サイトフォント」があり、文字サイズが18pxになっている事が確認できます。(このデフォルトの文字サイズは、使用しているテーマによって違います)

この文字サイズを14pxにしてみましょう。文字サイズのプルダウンメニュから[14px]をクリックします。

文字サイズを選択したら画面を上にスクロールして、[変更をまとめて保存]をクリックします。

変更後の文字サイズ確認

保存が完了したら、最初に確認したページをもう一度開いてみましょう。文字サイズが小さく(14px)になっている事がわかります。

いろいろ試してみて、自分のイメージに合う文字サイズにしてみましょう。