wordpressでLightboxが動かない時の対処方法

Published on:
Last updated:

This post is also available in: 日本語 (Japanese)

jquery-mark-dark

jquery-mark-dark


WordpressでSimple LightboxなどのLightbox系プラグインが使えなくなった場合、まず疑うべきは「jquaryの複数バージョンのコンフリクト」や「prototype.jsなどライブラリの競合」です。
しかし今回僕がハマったのは「独自に google の jquary を使用するつもりで、wordpress標準のjquaryとのコンフリクト回避」をしようとしたらLightboxが動かなく(というかwordpress標準のjquaryを無効化したのが原因ですが)なりました。

色々と説明を省いて、結論部分だけ書きますと【wp_deregister_script('jquery');】のコードをwordpressで使うということは「wordpress標準のjquaryを無効化する」という意味になります。

wordpress標準のjquaryとのコンフリクト回避して、独自のjquaryを使用する場合には結構大変になりますので、その独自の機能が必要なのかどうか?プラグインで代用できないのか?を検討してみてください。

また、wordpressのjetpackを導入してLightboxが動かなくなった場合には過去の記事「wordpress:JetpackのPhotonの導入でLightboxが動作しない時に対処した方法」を、本サイトでも利用しているおすすめのプラグインに関する記事は「wordpress:Lightboxのおすすめプラグイン[WP Lightbox 2]」を参考にしてみてください。

参考:WordPressでjQueryを使うときに、問題なく動作させる為の基礎知識やTipsと、動かない場合の対処例 - かちびと.net

About
Kuniyoshi Takemoto is the founder of Amelt.net LLC, and editor of this blog(www.amelt.net).Learn more and follow me on LinkedIn.