WEB掻っ穿じり

WEB備忘録とチャリとカメラ

Contact form 7有効化でFoundation.jsに影響の対策

  category:web

WPと『Foundation』でサイト構成、問い合わせプラグインの『Contact form 7』を有効化。
その際にFoundationのトップナビ

class="toggle-topbar menu-icon"

がMedia Queries のmedium以下が展開されない現象について。

これによるとContact form 7を有効化すると、全ページにjavascriptとcssのリンクを書き出すとのことで、確かに停止するとFoundationは通常通り動作する。
Contact form 7を適応しているページだけにjsとcssを読み込ますための記述の備忘録です。

wp-config.phpに記述

/* 編集が必要なのはここまでです ! WordPress でブログをお楽しみください。 */の上に追記。

define ('WPCF7_LOAD_JS', false);
define('WPCF7_LOAD_CSS', false);
 /* 編集が必要なのはここまでです ! WordPress でブログをお楽しみください。 */

header.phpに記述

ID:23のページだけに適用させる場合。

if (is_page('23')) {
   if ( function_exists( 'wpcf7_enqueue_scripts' ) ) {
       wpcf7_enqueue_scripts();
       wpcf7_enqueue_styles();
   }
}

問い合わせページだけFoundationを除けたスラッグのページを用意した方がよいかもしれません。