HTML,CSS,PHP,ワードプレスカスタマイズ 技術情報資料

ワードプレス Jquery が動かないときの対策

ワードプレスにプラグインを入れまくると、JQUERY が動かなくなるといった現象はありがち。

例えば、JQUERYでオリジナルのナビを表示させてたのに、Contact-Form7 をいれたら動かない。
また、逆に、Contact-Form7 の入っているページに Jquery を使ったナビが動かない。
これはありがちです。

※Contact-Form7 だけじゃなく WP の PLUGINには JQuery を使ったものが多く存在します。

本来 自分で Jquery を持ち込んで何かさせるというのは、間違いのもとですが・・・
基本的にPLUGINだけで処理させるようにしたいもの。
でも、テーマを自作してたりするとあるかな?

いずれにしても動かなくなる原因の多くは、 Jquery の取り込みタグがダブることにあります。

Jquery の取り込みタグを吐き出させない


そんな難しいことではありません(わかってしまえば)

通常ワードプレスのテーマには、header.php があり、その中に
<?php get_header(); ?>
といった記述があり、この get_header で各種 CSS や JS の取り込みタグを吐き出させています。

これに対して Jquery のヘッダはいれちゃだめって記述すればいいわけです。

こうします。
<?php wp_deregister_script('jquery'); ?>
<?php get_header(); ?>
これによって、jquery の取り込みをやめさせます。
自分で使う分は、ちゃんとこの get_header の前後に取り込みを書いておく必要がありますけどね。

場面としてはあまりないような気がしますけど、わがままユーザーからの要望で対応したので
メモ代わりに投稿しておきます。

お役に立てれば幸いです。



スポンサーリンク

スポンサーリンク

カテゴリー