MENU
  1. ホーム
  2. WordPress
  3. WordPress改行・段落完全ガイド！挿入手順、よくあるトラブルと対策など徹底解説！

WordPress改行・段落完全ガイド！挿入手順、よくあるトラブルと対策など徹底解説！

広告
WordPress 改行・段落

「WordPressで書いたはずの改行が反映されない……どうすればいいの？」
「段落の間隔がバラバラで、記事が読みづらい気がする……」
「HTMLタグを直接いじるのは怖いけど、ビジュアルエディタだけで整えたい！」

こんな悩み、ありませんか？

  • 改行を入れたのに消えてしまう
  • 段落の余白が思いどおりに調整できない
  • スマホ表示で行間が詰まりすぎて読みにくい

本記事では、WordPressで確実に改行・段落を挿入する方法から、よくあるトラブルと解決策、さらには読みやすい記事を書くコツまで、初心者にもわかりやすく徹底解説します！✨

目次

改行と段落の基本知識

改行とは何か

Web上での「改行」は、文章中で行を途中で切り替える操作です。

  • Shift＋Enter でブロックを変えずに１行下へ移動
  • HTMLでは <br> タグを使います
  • 🔍 ポイント：文の途中でリズムを変えたいときや、箇条書き風にしたいときに便利

段落とは何か

複数の文をまとまりとして扱う文章の区切りです。

  • Enterキーだけで自動生成（ブロックエディタ・クラシックエディタ）
  • HTMLでは <p>…</p> で囲む
  • ✍️ ポイント：ひとつのアイデアや話題をまとめる際に使います

両者の違いと使い分け

スクロールできます
比較項目改行（Line Break）段落（Paragraph）
用途行中の軽い区切り意味や話題ごとのまとまり
操作キーShift＋EnterEnter（または段落ブロック追加）
HTMLタグ<br><p>…</p>
見た目の効果行間が狭まる上下に余白ができ、ブロック感が出る
  • 改行：文章のリズム調整や細かい区切りに最適
  • 段落：読みやすさを高め、情報を整理したいときに必須

✨こんなときに使い分け！

  • ブログのリード文で「ここだけ改行して強調したい」→改行
  • 記事の構成を「見出し＋段落」で整理する→段落

WordPressでの挿入手順

改行の入れ方

WordPressで軽く行を切り替えたいときは「改行」を使います。

  • ブロックエディタ（ビジュアル）：
    1. テキスト入力中に Shift＋Enter
    2. 自動で <br> 相当の改行が挿入される
    3. 見た目は段落ほど余白が大きくならず、リズムを変えたい箇所に最適
  • クラシックエディタ（ビジュアル）：
    • 同じく Shift＋Enter で行末に <br> タグが挿入されます
  • HTMLソース：
  ここまでが1行目<br>
  ここからが2行目

👉 Tip: 改行を多用しすぎると読みにくくなるので、文章のリズム調整に絞って使いましょう。

段落の作成方法

意味や話題が変わるごとに「段落」で区切ると、文章全体の見やすさがグンとアップします。

  • ブロックエディタ：
    1. プラスアイコン（＋）→「段落」を選択
    2. 新しい段落ブロックが追加され、前後に自動で余白がつく
  • クラシックエディタ（ビジュアル）：
    • Enterキーを押すだけで <p>…</p> 相当の段落が生成されます
  • HTMLソース：
  <p>これは1つめの段落です。</p>
  <p>これは2つめの段落です。</p>

メリット

  • 段落ごとにCSSで余白や背景色を変えられる
  • 見出しとの組み合わせでコンテンツ構造が明確化

行間を調整する裏技

標準の「改行」「段落」だけだと余白幅はテーマ依存。

そこで、行間スペースを細かくコントロールする方法を2つ紹介します。

スクロールできます
方法手順特徴
スペーサーブロック＋アイコン→「スペーサー」を配置ドラッグで高さ調整が直感的 ✨
余白（マージン）設定段落／ブロック設定パネル→「余白（マージン）」で数値指定px単位で微調整可能 🎯

💡 さらに上級者向け

  • テーマの「追加CSS」に以下のように定義すると、全体の行間をまとめて変更できます。
  .wp-block-paragraph {
    line-height: 1.8; /* 行間を1.8倍に設定 */
    margin-bottom: 1.2em; /* 段落下の余白 */
  }

これで、デザインの統一感を維持しつつ、スマホでもPCでも読みやすい行間を実現できます！

よくあるトラブルと対策

改行が消えてしまう原因

  • 自動整形機能（wpautop） が余分な段落タグを削除・編集
  • テーマのCSS で line-height や margin が上書きされている
  • キャッシュプラグイン の古いスタイルが残っている場合も

💡 チェックリスト

  1. テーマの“追加CSS”や子テーマで行間設定を確認
  2. キャッシュをクリア（ブラウザ／プラグイン）
  3. 別のテーマ・プラグインと競合していないか一時停止して試す

自動整形をオフにする方法

WordPress標準の自動整形を無効化すると、改行タグが意図どおり残ります。

  1. プラグイン利用
    • 「Disable wpautop」などの専用プラグインをインストール
    • 管理画面からワンクリックで無効化
  2. コードで無効化
   // テーマの functions.php に追記
   remove_filter('the_content', 'wpautop');
   remove_filter('the_excerpt', 'wpautop');

🔒 注意：テーマ更新で上書きされないよう、子テーマを使いましょう。

改行・段落が反映されないときのその他の解決策

改行や段落全体が効かない場合、以下の方法を試してみてください。

スクロールできます
方法手順／ポイント
 （ノーブレークスペース）挿入単語&nbsp;単語 のように使い、行末で切れないスペースを確保 ✅
エディタ機能の拡張TinyMCE Advanced や Advanced Editor Tools をインストール 💪
HTMLモードで直接確認ビジュアル→テキストタブに切り替えて、タグの閉じ忘れをチェック 🔍
キャッシュ・Minifyの無効化一時的にキャッシュ・圧縮機能をオフにし、正しく表示されるか確認 🧹

✨ プロのコツ：

  • 問題箇所だけを抜粋してテスト環境で動作確認をする
  • 変更後は必ずブラウザのシークレットモードや別端末で表示チェック
  • 長期的には子テーマやカスタムプラグインで運用ルールを固めると安心！

読みやすい記事を書くコツ

一段落は「。」で区切る

文章をひとまとまりとしてまとめることで、読者が自然に息継ぎできます。

  • ポイント：ひとつのテーマやアイデアが終わったら「。」で締め、Enterで段落を区切る
  • 😊 読み手は「ここで話が一区切り」と認識しやすくなります

1文あたりの文字数を制限

長すぎる文は理解しづらくなるので、目安を守りましょう。

スクロールできます
文字数説明
～50字短く：簡潔でリズムが良い
50～60字標準：読みやすさと情報量のバランス
60字～要注意：長文になり、途中で離脱リスク↑ ⚠️
  • Tip：執筆中に文字数カウンターを確認すると便利

改行の入れすぎを防ぐ

改行を多用しすぎると、逆に文章が途切れ途切れに見えてしまいます。

  • 🔍 チェックポイント
    1. 「改行」→行を切りたい箇所に限定
    2. 「段落」→話題の切れ目で使用
  • 💡 コツ：意図しない改行はエディタのプレビューで必ず確認

スマホ表示での見え方を必ずチェック

PCだけでなく、スマホでの読者体験も重視しましょう。

  • ブロックエディタのプレビュー → モバイルアイコンをクリック
  • 実機確認 → 様々な画面幅で文字の折り返しや行間をチェック
  • 📱 ポイント：行間や段落間が狭すぎると読みにくいため、余白を適度に

これらのコツを抑えるだけで、文章のリズムが整い、最後まで読まれやすい記事になります！

ぜひ実践してみてください😊

効果的な活用法

改行・段落ルールを自前で決める

文章全体で一貫したルールを設定すると、記事に統一感が生まれます。

  • 例：
    • 段落は必ず「。」で終える
    • 改行は箇条書きや強調時のみ許可
  • 🗂 運用方法：
スクロールできます
項目ルール例
段落区切り文章のテーマ変更ごとに必須
改行利用リスト・引用・強調箇所だけに限定
行間スペーススペーサーブロックで統一的に5行分

定義したルールを執筆テンプレートにまとめておくと、新規記事作成時に迷いません。

段落冒頭に要約やキーワードを入れる

段落の最初の一文で要点を伝えると、読者は目当ての情報をすばやくキャッチできます。

  • やり方：
    1. 要約文：「この記事では〜について解説します」
    2. キーワード：「SEO対策」「モバイル対応」など
  • 🌟 効果：
    • 読者がスクロール時にパッと目を止める
    • 検索エンジンの見出し評価にもプラス

見せ方を変えるマイクロコピー活用

見出し下に短い一言やアイコンを挿入することで、ビジュアルに変化を持たせられます。

  • 具体例：
  ### 重要ポイント
  💡 **ここが肝心！** この後の手順をしっかりチェック…
  • 😎 メリット：
    • 単調になりがちなテキストにリズムが生まれる
    • 読者の注意を誘導しやすい

これらの活用法を組み合わせることで、読みやすく魅力的な記事が完成します。

ぜひ、自分なりのスタイルを確立してみてください！

まとめ

この記事で紹介したポイントを抑えれば、WordPressの改行・段落操作はもう怖くありません。

  1. 改行と段落の違いを理解し、適切に使い分ける
  2. ビジュアル／クラシックエディタやHTMLソースでの基本手順をマスターする
  3. キャッシュや自動整形に起因するトラブルは原因を特定して対策
  4. 段落の切り方や文字数など、読みやすさを意識したコツを実践

これらを順番どおりにチェックすれば、PCでもスマホでも読みやすく、美しく整った記事が完成します。

ぜひ今日から試して、あなたの記事をもっと魅力的に仕上げてください！🚀

WordPress

関連記事

目次