wordpressのjqueryが動かない時は、wordpress仕様のjqueryを使わないように設定する

web制作

※本記事は作成日より一年以上が経過しています。最新の情報ではないので、ご注意ください。

読了の目安時間: 13

wordperssでウェブサイト制作をする時に、面倒・・・ではなく考慮しなくてはいけないことが、Jqueryです。wordpress側の仕様により、静的構築したものをそのまま引っ越すだけでは使えません。手っ取り早い解決方法は、wordpress側で使われるjqueryを使わない設定にして、自分で用意したjqueryを読み込む設定にする方法です。備忘録的に記事にします。

wordpress側の仕様などの詳しい記事はこちら→WordPressでjQueryを使うときに、問題なく動作させる為の基礎知識やTipsと、動かない場合の対処例

WordPressに組み込まれているjQueryを無効化して、自分で用意したjQueryを読み込ませる方法

下記のコードをheadタグ内に設置するだけです!

<?php wp_deregister_script('jquery'); ?>

あとは、普通に静的構築環境で製作するように作ればOKです。

こちらの記事を引用させて頂いております。→WordPressでjQueryを使う一番シンプルな方法

まとめ

上記が、とてもカンタンな方法です。原因としては、コンフリクトしちゃうことなので、もしくは制作したコードをwordpress側の仕様に合わせてやる方法もあります。ただ、のちのちのメンテ・改修とか考えると、面倒なんですよね。できればイジりたくないとこです。

今読んだ記事をシェアする

wordpress

wordpressのjqueryが動かない時は、wordpress仕様のjqueryを使わないように設定する

  • このエントリーをはてなブックマークに追加
  • Pocket

本ブログを気に入って頂けたら、facebookの「いいね!」を是非!

arrow