稼いでいるブログを公開します >>

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

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

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

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

今だけ限定!!

WordPressの行間には2種類ある

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

  • 段落と段落の間の間隔
  • 行と行の間の間隔
アフィ
アフィ

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

段落の行間

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

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

 

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

 

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

改行の行間

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

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

 

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

WordPressの行間を詰める・空けるCSSカスタマイズ

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

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

アフィ
アフィ

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

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

テーマエディター

 

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

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

アフィ
アフィ
コードの「1.4em」という数値を変更すれば、行間の空白を調整することができます。1.4emが1番おすすめです。
最後に、ファイルを更新をクリックして変更を保存します。
ファイルを更新

 

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

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

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

BackWPupの設定方法と使い方|WordPressの自動バックアッププラグインでもしもに備えよう!
WordPressのカスタマイズをする・しないに関わらず、ブログ運営者として是非ともやっておきたいのがWordPressのバックアップです。 いざというときにバックアップデータがなければ、それまでに書いた記事も全て無くなってしまう・・...

実際に稼いでいるブログを見てみませんか?

現在、アフィが実際に収益を上げているブログメルマガ読者さんに無料で公開しています。

公開するブログは○○ジャンルの特化型ブログとなっており、記事数は30記事ほど、月間PV数はたったの50PVほどしかありません。

ですが、その特化型ブログからは毎月数万円の収益が発生しています。

アフィ
アフィ

どんなブログなのか興味がある人は、今すぐメルマガに登録してチェックしてみてください。

アフィ公式メルマガ

 

届かないというお問い合わせが増えています
『@maekawa-seo.com』のメールアドレスからメルマガを配信します。メールが届かない方は迷惑メールフォルダを確認するか、受信設定を見直してください。
アフィ

携帯ショップ店員など社会人として6年間勤務。
人に使われ続けることに疑問をもち、社会人6年目に輸入会社を設立し独立。
2017年からブログもスタートし、特化型ブログを運営。
時間にとらわれない働き方にシフトして妻との自由な時間を満喫中♪
自分の力で稼ぎ、人に雇われない働き方をしたい方はぜひ当ブログの情報を参考にしてみてください。

【仕事内容】

輸入会社経営
コンテンツ販売
ホームページ制作
ブログ収益化コンサルタント

【実績】

◯特化型ブログ◯
特化型ブログで累計収益1,000万達成

◯輸入販売◯
独立初年度から6,000万の売上達成

◯コンサル生実績(複数名)◯
月収10万円~44万円

メルマガ登録はこちら >>

詳しいプロフィールはこちら >>

アフィをフォローする
WordPressの使い方
アフィブログ

コメント