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にコードを記述する方法になります。
例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');
※最終行より後ろだと機能しません。