賢威6.1　文字の大きさを変えて、ついでに行間も整える

[公開日] 2013/12/28　[更新日] 2014/4/30　[賢威]

賢威6.1テンプレートについて、文字の大きさを変えて、ついでに行間も整える方法を説明します。

文字の大きさや行間などは、デフォルトのままだと気に入らないことが多いです。カスタマイズの方法を知っておいて、見やすいサイトにしていきましょう。


※設定の変更はバックアップをしてから行うようにしてください。

賢威6.1 文字の大きさを変える方法（ワードプレス版）

メニュー → 外観 → テーマ編集 と進み、design.cssを開きます。





「メインコンテンツ（本文）」をページ内検索（ctrl+F）して見つけて下さい。

その下に下記のようなソースコードがあります。


ここの数字の大きさを変えると、本文の文字サイズを変更できます。だいたい1.6emくらいが見やすいかと思います。

ファイルを更新すれば設定は完了です。
何度か調整して好みの大きさに設定して下さい。

ついでに行間も整える

行間を変えるには、以下の様に記述をします。


「line-height: 1.8em;」の数字部分を調節して、行間を整えましょう。








他にもカスタマイズについての記事があります。

• 賢威6.1をインストールしたら変更するべき5つの設定
• 賢威6.1の最新情報を削除、または記事の抜粋部分を消す
• 賢威6.1フッターのサンプルを削除したり、メニューをカスタマイズする
• 賢威6.1トップページのアイキャッチ画像をサイズ変更する方法
• 記事に投稿日だけでなく更新日も表示する方法