Contact Form 7バージョンアップでレイアウト崩れ

Contact Form 7のバージョンアップをしたらレイアウトが崩れるようになりました。

原因

ソースを見るとpタグ、brタグが入っていました。
どうやらContact Form 7が自動で「pタグ」「brタグ」を入れているようです。

公式サイトによると、autopフィルタが効いていているようです。

WPCF7_AUTOP
この定数の値が false のとき(デフォルト: true)、Contact Form 7 はフォームの内容に “autop” フィルタを適用しません。”autop” フィルタは連続した改行をパラグラフ要素に置き換えます。
定数指定で動作を制御する

対処方法

自動挿入されるpタグ、brタグを削除する方法です。
functions.phpまたは、wp-config.phpにコードを記述する方法になります。

例１）functions.phpにコードを追記する方法

/* -------------------------------------------------
  Contact Form 7で自動挿入されるPタグ、brタグを削除
-------------------------------------------------- */
add_filter('wpcf7_autop_or_not', 'wpcf7_autop_return_false');
function wpcf7_autop_return_false() {
  return false;
}

例２）wp-config.phpにコードを追記する方法

wp-config.phpに以下のコードを追加します。

define ('WPCF7_AUTOP', false);

追加する場所は最後の行の一つ手前になります。

/** Contact Form 7で自動挿入されるPタグ、brタグを削除 */
define ('WPCF7_AUTOP', false); 
/** Sets up WordPress vars and included files. */
require_once(ABSPATH . 'wp-settings.php');

※最終行より後ろだと機能しません。

関連記事