Contact Form 7でpタグの自動挿入を無効にする方法

こんにちは、WordPressユーザーの皆さん!今日は、Contact Form 7プラグインで自動的に挿入される<p>タグを無効にする方法についてご紹介します。フォームのレイアウトを思い通りにカスタマイズしたいときに、この方法が役立ちます。

Contact Form 7とは?
Contact Form 7は、WordPressで最も人気のあるお問い合わせフォームプラグインの一つです。簡単にフォームを作成できる反面、デフォルトではフォームの各行に<p>タグが自動的に挿入されるため、デザインやレイアウトに影響を与えることがあります。

<p>タグの自動挿入を無効にする方法
Contact Form 7で<p>タグの自動挿入を無効にするには、以下のコードをテーマのfunctions.phpファイルに追加するだけです。

add_filter('wpcf7_autop_or_not', '__return_false');

実際の手順

  1. WordPressの管理画面にログインし、テーマエディタに移動します。
  2. 使用しているテーマのfunctions.phpファイルを開きます。
  3. 上記のコードをfunctions.phpの任意の場所に追加します。
  4. 変更を保存します。

これで、Contact Form 7がフォームの各行に自動的に挿入する<p>タグが無効になります。これにより、より自由にフォームのデザインをカスタマイズできるようになります。

注意点
functions.phpを編集する際は、バックアップを取ってから行うことをお勧めします。また、テーマのアップデートが行われると、functions.phpのカスタマイズ内容が消えてしまう可能性があるため、子テーマを利用するのが良いでしょう。

この記事を書いた人

田島 佑清

2児の父 / ネクストメディア株式会社のエンジニア