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

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');

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

  • URLをコピーしました!
目次