wordpressのjqueryが動かない時は、内部仕様のjqueryを使わない設定にしてみよう
wordperssでウェブサイト制作をする時に、面倒・・・ではなく考慮しなくてはいけないことが、Jqueryです。wordpress側の仕様により、静的構築したものをそのまま引っ越すだけでは使えません。手っ取り早い解決方法は、wordpress側で使われるjqueryを使わない設定にして、自分で用意したjqueryを読み込む設定にする方法です。備忘録的に記事にします。
WordPressに組み込まれているjQueryを無効化して、自分で用意したjQueryを読み込ませる方法
下記のコードをheadタグ内に設置するだけです！
<?php wp_deregister_script('jquery'); ?>あとは、普通に静的構築環境で製作するように作ればOKです。
こちらの記事を引用させて頂いております。→WordPressでjQueryを使う一番シンプルな方法
wordpress側の仕様などの詳しい記事はこちら→WordPressでjQueryを使うときに、問題なく動作させる為の基礎知識やTipsと、動かない場合の対処例
まとめ
上記が、とてもカンタンな方法です。原因としては、コンフリクトしちゃうことなので、もしくは制作したコードをwordpress側の仕様に合わせてやる方法もあります。ただ、のちのちのメンテ・改修とか考えると、面倒なんですよね。できればイジりたくないとこです。