Contact Form 7のバージョンアップをしたらレイアウトが崩れるようになりました。
目次
原因
ソースを見るとpタグ、brタグが入るようになっていました。
どうやらContact Form 7が自動で「pタグ」「brタグ」を入れているようです。
公式サイトによると、autopフィルタが効いているようです。
WPCF7_AUTOP
この定数の値が false のとき(デフォルト: true)、Contact Form 7 はフォームの内容に “autop” フィルタを適用しません。”autop” フィルタは連続した改行をパラグラフ要素に置き換えます。
https://contactform7.com/ja/controlling-behavior-by-setting-constants/
対処方法
自動挿入されるpタグ、brタグを削除する方法です。functions.php
または、wp-config.php
どちらかにコードを記述する方法になります。
例1)functions.phpにコードを追記する方法
/* -------------------------------------------------
Contact Form 7で自動挿入されるPタグ、brタグを削除
-------------------------------------------------- */
add_filter('wpcf7_autop_or_not', 'wpcf7_autop_return_false');
function wpcf7_autop_return_false() {
return false;
}
自分はこちらを利用しています。
例2)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');
※最終行より後ろだと機能しません。