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

このブログサイトが参考になった人は、いいねボタン! 更新情報も受け取れます!

arrow
デル株式会社
  • Pocket
  • このエントリーをはてなブックマークに追加

キヨタツ

キヨタツ

WEBを中心に、色々な制作をする個人事業主です。過去、エンジニア&webディレクターで会社勤めをしていました。主に要件定義や構築が得意で、HTML/css/javascript/PHP/git/wordpress/MT/DB/photoshop/illustrator/fireworksなど扱えます。現在、サーバー・アプリなどを習得中です。性格は、自虐好きです。