以前、WordPress化をする時のお問い合わせフォーム作成時にプラグインのContact Form7について記述しましたが、その時に載せるのを忘れていたコードについて追記します。
Contact Form 7プラグインは自動的に段落タグ (<p>
) をフォームの要素に追加します。この場合、HTML/CSSで一旦作成したデザインが崩れてしまう時があります。このpタグを無効にする方法です。publicフォルダの中のwp-config.phpファイルに下記のコードを追加します。
define(‘WPCF7_AUTOP’, false);
上記のコードをwp-config.phpファイルの下の方、
/** Sets up WordPress vars and included files. */
require_once ABSPATH . ‘wp-settings.php’;
の上あたりに追記します。
デザインの崩れがなくなりました。
全て解決する訳ではないと思いますが、今回はこれでデザインが整いました。
修正前
↓
修正後