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

web制作

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

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

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

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

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

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

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

まとめ

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

この記事をSNSでシェアする?

wordpress

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


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

PROFILE

yoshi

KIYOTATSU(キヨタツ)を運営しているウェブ制作者のYoshiです。得意な分野はディレクションとコーディングです。デザインはシンプルなものだけ可能です。他、色々と随時習得中です。