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

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

▼Contact Form 7でのフォームの作り方

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

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

なぜ改行されないの？#

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

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

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

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

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

1
<p> </p>

この意味は…

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

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

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

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

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

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

▼お問合わせフォームでメールが届かない！を防ぐチェックポイント

▼Contact Form 7のデザイン崩れを修正