こんにちは、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');
実際の手順
- WordPressの管理画面にログインし、テーマエディタに移動します。
- 使用しているテーマの
functions.php
ファイルを開きます。 - 上記のコードを
functions.php
の任意の場所に追加します。 - 変更を保存します。
これで、Contact Form 7がフォームの各行に自動的に挿入する<p>
タグが無効になります。これにより、より自由にフォームのデザインをカスタマイズできるようになります。
注意点functions.php
を編集する際は、バックアップを取ってから行うことをお勧めします。また、テーマのアップデートが行われると、functions.php
のカスタマイズ内容が消えてしまう可能性があるため、子テーマを利用するのが良いでしょう。