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

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