MENU
  • プロフィール
  • 無料相談
  • サービス
    • オンライン自習講座
    • 単発レッスン
    • HP作成5回レッスン
  • 実績・お客さまの声
  • ブログ

    カテゴリー

    • かんたん画像づくり
    • お知らせ
    • Web制作の学び
    • WordPressブログの始め方
    • 活動実績・ご感想
    • WordPressお悩み集
    • アメブロカスタマイズ
    • 作ってみた
    • ブログ成長ノート
    • 便利ツール
    • WordPress&Webサポート
    • ブログ・SNS運営
    • 日常のこと

    タグ

    ameliaChatGPTGASGTMHTML/CSSinstagramSEOWPプラグインZapierアクセス解析セキュリティデザイン見本ドメインブログ引っ越しホームページ制作実績便利ツール初回無料相談単発レッスン継続レッスン自動化・ノーコード

    アーカイブ

    • 2025年12月
    • 2025年10月
    • 2025年9月
    • 2025年8月
    • 2025年7月
    • 2025年6月
    • 2025年3月
    • 2025年1月
    • 2024年12月
    • 2024年3月
    • 2023年7月
    • 2023年1月
    • 2022年12月
    • 2022年11月
    • 2022年8月
    • 2022年4月
    • 2022年3月
    • 2022年1月
    • 2021年12月
    • 2021年11月
    • 2021年10月
    • 2021年9月
    • 2021年8月
    • 2020年10月
    • 2020年8月
    • 2020年7月
    • 2020年6月
    • 2020年5月
    • 2020年4月
    • 2020年1月
    • 2019年11月
    • 2019年9月
    • 2019年8月
    • 2019年2月
    • 2019年1月
    • 2018年11月
    • 2018年9月
    • 2018年8月
    • 2018年7月
    • 2018年6月
    • 2017年9月
    • 2017年7月
    〜Webで自分の場所を育てる〜
    EmiのWebノート
    • プロフィール
    • 無料相談
    • サービス
      • オンライン自習講座
      • 単発レッスン
      • HP作成5回レッスン
    • 実績・お客さまの声
    • ブログ
    EmiのWebノート
    • プロフィール
    • 無料相談
    • サービス
      • オンライン自習講座
      • 単発レッスン
      • HP作成5回レッスン
    • 実績・お客さまの声
    • ブログ
    1. ホーム
    2. WordPress&Webサポート
    3. WordPressお悩み集
    4. Contact Form 7の改行が反映されない時の対処法

    Contact Form 7の改行が反映されない時の対処法

    2026 2/23
    WordPressお悩み集
    2025-07-232026-02-23

    WordPressでお問い合わせフォームを作るとき、
    「Contact Form 7(コンタクトフォームセブン)」というプラグインを使っている方も多いと思います。

    便利なプラグインですが、最近、設定をしていて、「1行、スキマを開けたいのに、改行できない!」というトラブルがありました。

    実はこれ、使っているテーマによって表示が変わってしまうことがあるんです。

    目次

    なぜ改行されないの?

    通常、Contact Form 7 では <br> という**改行用のタグ(記号のようなもの)**を使うことで、
    説明文のあとに1行スペースを入れたり、見やすく整えることができます。

    でも、テーマによってはこの <br> を自動で非表示にしてしまうものもあります。

    たとえば、私が使っている人気のテーマ「SWELL(スウェル)」では無効になります。

    「<br>が効かないな?」と思ったら、あなたのテーマでも同じようなCSSが入っていないか確認してみてください。

    解決方法:こうすれば改行できます!

    フォームの中で「1行空けたい」「説明文のあとにスペースを入れたい」と思ったら、
    以下のような方法を使えば、改行が反映されます。

    <p> </p>

    この意味は…

    • <p>:段落(文章のまとまり)を作るタグ
    • &nbsp;:「空白1文字」を表す記号

    このふたつを組み合わせると、「見た目では何も表示されないけど、1行分のスペース」がしっかり作れます😊
    改行できなくて困っていた方には、特におすすめです!

    💡「タグ」ってなに?

    ここで出てきた <br> や <p> などの「タグ(HTMLタグ)」は、
    ホームページの中で「ここからここまでが段落です」とか「ここで改行してね」と伝えるための記号のようなものです。

    フォームのカスタマイズでは、ちょっとだけこのようなタグを使うことがありますが、
    今回ご紹介した方法はどれもコピペで使えるものばかりなので、タグの知識がなくても大丈夫です◎


    フォームを「見やすく整えるために

    お問い合わせフォームは、ただ情報を入力するだけでなく、
    「伝わりやすさ」や「安心感」も大切にしたい場所です。

    ちょっとした改行やスペースの工夫で、
    「丁寧につくられた印象」や「読みやすさ」がぐっと高まります。

    「なんだかうまく改行できないな」と感じた方は、ぜひこの方法を試してみてくださいね😊

    💬 お困りの方へ

    フォームの作成やカスタマイズに不安がある方には、
    単発レッスンでのサポートもご用意しています。

    「ここがうまくいかない」「見てほしいところがある」という場合は、お気軽にご相談ください🌿

    WordPressお悩み集
    よかったらシェアしてね!
    中谷恵美
    東京在住のフリーランス。システムエンジニア、ITコンサルタントを経て、現在はホームページ・ブログ作成、集客などのレッスンをしています。

    趣味は、文房具、ゲーム。最近は英語学習中。運動が苦手で体が硬いのが悩み。最近、腰痛改善にピラティスを始めた。
    プロフィール
    人気記事
    • 【動画で解説】アメブロヘッダー画像をカスタマイズ
      2022-11-11
      アメブロカスタマイズ
    • 【CSS】シンプルで女性らしい囲み枠デザイン48選
      2018-08-24
      ブログ・SNS運営
    • 【CSSコピペOK】おしゃれな引用blockquoteデザイン10選
      2018-09-13
      ブログ・SNS運営
    • 簡単にWordPressサイトをコピーする方法【All-in-One WP Migration】
      2021-10-07
      WordPress&Webサポート
    • ブログで使えるタイトル付き囲み枠のCSS
      2022-12-21
      ブログ・SNS運営
    カテゴリー
    • お知らせ (2)
    • 活動実績・ご感想 (17)
    • WordPress&Webサポート (37)
      • WordPressブログの始め方 (13)
      • WordPressお悩み集 (16)
    • ブログ・SNS運営 (26)
      • かんたん画像づくり (2)
      • アメブロカスタマイズ (8)
      • ブログ成長ノート (5)
    • 日常のこと (31)
      • Web制作の学び (22)
      • 作ってみた (5)
      • 便利ツール (1)
    目次