Pocket

Xeory Base の文字は少し小さいと思います。また行間も狭い。文字が小さかったり、行間が狭いと読みにくい文章になりますよね。なので、サイト訪問者がストレスなく文字が読めるように、文字と行間のカスタマイズをしようと思います。

以下から、その方法を解説していきます。

SPONSORED LINK

文字を大きくする方法

文字のサイズを大きく方法はまず、

外観 → テーマ編集 → base.css

へと移行します。

移行したら「all」という部分を探し、bodyタグ部分の「font-size:」の部分を見つけます。「font-size:」の数値を大きくし『ファイルを更新』をクリックすれば、投稿記事の文字、また個別ページの文字が大きくなります(以下、画像を参照)。

Xeory Baseの文字を大きくする

なお、テンプレートをXeory Baseとして、推奨する文字の大きさは17px〜18pxくらいが丁度いいです。

行間を広げる方法

次に文字の行間を広げる方法だ。

やり方は同じく、

外観 → テーマ編集 → base.css

へと移行します。

移行したら「.post-content p,」の部分を探します。この中の「line-height:」が行間を調整するタグなので、この数値を大きくすれば行間が広がります(以下、画像を参照)。

Xeory Baseの行間を広げる

なお、推奨する行間の数値は「1,9」くらいです。

以上でXeory Baseの文字と行間のカスタマイズは終了です。

Pocket

SPONSORED LINK