WordPressでお問い合わせフォームを作るとき、
「Contact Form 7（コンタクトフォームセブン）」というプラグインを使っている方も多いと思います。
便利なプラグインですが、最近、設定をしていて、「１行、スキマを開けたいのに、改行できない！」というトラブルがありました。
実はこれ、使っているテーマによって表示が変わってしまうことがあるんです。
なぜ改行されないの？
通常、Contact Form 7 では <br> という**改行用のタグ（記号のようなもの）**を使うことで、
説明文のあとに1行スペースを入れたり、見やすく整えることができます。
でも、テーマによってはこの <br> を自動で非表示にしてしまうものもあります。
たとえば、私が使っている人気のテーマ「SWELL（スウェル）」では無効になります。
「<br>が効かないな？」と思ったら、あなたのテーマでも同じようなCSSが入っていないか確認してみてください。
解決方法：こうすれば改行できます！
フォームの中で「1行空けたい」「説明文のあとにスペースを入れたい」と思ったら、
以下のような方法を使えば、改行が反映されます。
<p> </p>この意味は…
<p>：段落（文章のまとまり）を作るタグ ：「空白1文字」を表す記号
このふたつを組み合わせると、「見た目では何も表示されないけど、1行分のスペース」がしっかり作れます😊
改行できなくて困っていた方には、特におすすめです！
💡「タグ」ってなに？
ここで出てきた <br> や <p> などの「タグ（HTMLタグ）」は、
ホームページの中で「ここからここまでが段落です」とか「ここで改行してね」と伝えるための記号のようなものです。
フォームのカスタマイズでは、ちょっとだけこのようなタグを使うことがありますが、
今回ご紹介した方法はどれもコピペで使えるものばかりなので、タグの知識がなくても大丈夫です◎
フォームを「見やすく整えるために
お問い合わせフォームは、ただ情報を入力するだけでなく、
「伝わりやすさ」や「安心感」も大切にしたい場所です。
ちょっとした改行やスペースの工夫で、
「丁寧につくられた印象」や「読みやすさ」がぐっと高まります。
「なんだかうまく改行できないな」と感じた方は、ぜひこの方法を試してみてくださいね😊
お問合せフォーム設定に役立つ記事
▼お問合わせフォームでメールが届かない！を防ぐチェックポイント
▼Contact Form 7のデザイン崩れを修正
💬 お困りの方へ
フォームの作成やカスタマイズに不安がある方には、
単発レッスンでのサポートもご用意しています。
「ここがうまくいかない」「見てほしいところがある」という場合は、お気軽にご相談ください🌿