賢威6.2の文字の大きさと行間を変える|フォントサイズカスタマイズ

文字の大きさや行間で記事が見やすい見にくいは明確に
存在します。こだわるべき点だと思います。

 

 

問題となるのはどこをいじれば変わるのか？

 

 

マイナーなワードプレスのテンプレートですと文字の大きさひとつ
変えるにも情報が全く無いなんてこともあります。

 

 

商用で使うワードプレスの場合最低限のカスタマイズ情報が
簡単に入手できるテンプレートであることは重要ですね。

 

 

フォントサイズpxとemの違い

 

 

ワードプレスの無料テンプレートではまだまだフォントサイズが
px表示のものがあります。

 

px表示ですと可変表示ではありませんのでwidthやheightも別々に
設定する必要があります。

 

結局のところ３つの要素でフォントサイズが形成されているのです。

 

 

その点賢威ではemという単位で可変表示されるのでフォントサイズ
のみを変更すればwidthやheightのサイズ指定はいりません。

 

 

賢威のフォントサイズは一歩進化しているといえましょう。

 

 

賢威6.2の場合どこで変更すればいいのか

 

 

管理画面から外観、テーマの編集を選択します。

 

 

 

 

 

 

 

design.cssを選択します。

 

 

 

 

 

 

 

 

 

 

 

 

ctrl＋Fにてmain-contentsを探します。
そこにemの単位でフォントサイズを指定するところがあります。
1.6emが中々適当かと思います。

 

 

 

 

 

 

 

 

行間の調整するには

 

 

line-heightで追加します。

 

#main-contents{ font-size: 1.6em;
            line-height: 1.8em;

 

line-height－font-size＝上下にできる余白になります。

 

最終的には目視になりますが途中で変更するのはリスキーですので
最初に慎重に設定する必要があります。