WordPressの改行の行間設定｜段落幅を詰める・広くするCSSカスタマイズ

ブログ運営者ならお察しの通り、文章の行間によって記事の読みやすさは大幅に向上します。

「行間や段落に間隔が全くない文章」と、「行間や段落に適度な間隔がある文章」では、当然後者のほうが読みやすい文章になります。

そこでこのページでは、WordPressの改行の行間設定のやり方をご紹介していきたいと思います。

WordPressの行間には２種類ある

行間と一口に言っても、WordPressには２つの行間があります。

アフィ

それぞれ詳しく見ていきましょう。

WordPressのエディターで２行改行した場合、自動的に段落と段落の間には適度な余白が空くようになっています。

実例をご紹介すると、こんな感じです。

この文章は、上の１行と下の２行でこのように分かれています。

段落と段落の間には、このように隙間がありますね。

WordPressのエディターで記事作成を行っていった場合、文章が長くなると自動でカラム幅に合わせて文章が折り返されます。

実例をご紹介すると、こんな感じです。

この行と行の間に適度な空白があることがご確認いただけるはずです。

ここまでWordPressの２つの行間について見てきましたが、どちらの行間も同じ設定にて空白の広さを変更することが可能です。

空間が詰まりすぎている・空きすぎていると感じる人は、これから紹介する方法で行間をカスタマイズしてみてください。

アフィ

これから紹介する設定でスマホでもPCでも、行間の間隔が調整できます。

まずは、ダッシュボードの外観の中にあるテーマエディターをクリックします。

スタイルシート（style.css）をクリックし、以下のCSSコードをコピー・アンド・ペーストします。

/************************************
** 段落の空白を調整
************************************/
.content p {
margin-bottom: 1.4em;
}>

アフィ

コードの「1.4em」という数値を変更すれば、行間の空白を調整することができます。1.4emが１番おすすめです。

最後に、ファイルを更新をクリックして変更を保存します。

ここまでの設定で、WordPressに投稿されている全記事の行間設定が完了しました。

試しにこれまでに投稿した記事の行間を確認してみてください。

また、テーマエディターを編集することになりますので、事前にバックアップを取っておくと安心ですね。