タグ・CSS

文字の行間を調整したい

テキストの行間は、CSS(スタイルシート)で指定していただくことにより自由に変更することができます。

ここでは特にご質問の多い「各マイテーマ全体」、「小説の本文だけ」、「テーマ問わずサイト全体」の3種類の文字サイズ変更方法をご紹介いたします。


各マイテーマ全体

特定のマイテーマを着せた際に、基本的な行間を一括で変更する方法です。

マイテーマ機能には、「CSSを編集する」という機能があります。

ここに、下記のCSSを編集して貼り付けてください。

.main {
line-height: 1.5;
}

「1.5」の数値を調整して行ってください。
大きくするほど行間が広くなります。


小説の本文だけ

上記でご紹介したCSSの「body」の部分を「.novel_text」にすると、小説の本文だけ行間を変更できます。

.novel_text {
line-height: 1.5;
}


テーマ問わずサイト全体

テーマを問わず行間を一括で指定したい場合、その都度マイテーマを設定するのは手間に感じると思います。

その場合は、サイト全体設定の「共通HEAD編集」にCSSを書くという裏技をご利用ください。

※共通HEADはCSS編集専用機能ではないため、「<style>~</style>」でCSSを囲む必要があります

<style>
.main {
line-height: 1.5;
}
</style>

ヘルプを検索

キーワード
カテゴリー