「Xeory Base」の文字サイズと行間をカスタマイズ

Xeory Baseの文字を大きくする

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

以下から、その方法を解説していこう。

文字を大きくする方法

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

「外観」→「テーマ編集」→「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の文字と行間のカスタマイズは終了だ。

[cc id=6738]

SPONSORED LINK

SNSでもご購読できます。