WEBサイト作成時に発生するエラーやトラブル対応の備忘録を中心に、いろいろと書いております。

Terastella

備忘録

wordpressでprettyphotoやlightboxやFancyboxがうまく動かなかったので…

作成したオリジナルテーマ自体が既にjqueryが入っていて、そのうえ、pluginでprettphotoやlightboxやfancyboxを入れようとすると、うまく動かない。

もともとのオリジナルテーマがもってるjqueryとpluginでいれるjqueryが競合しているんだなぁと思って、いろいろ対策をしてみた。

1.pluginのjqueryを読み込ませない。

functions.phpに以下のソースを埋め込んで、読み込ませないようにした。


function load_cdn() {
	if ( !is_admin() ) {
	wp_deregister_script('jquery');
	}
}
add_action('init', 'load_cdn');

if(!is_admin())で、管理画面ではちゃんとjquery読ませるのがポイント。

だけど、うまく動かなかった……。

2.テーマに直で読ませているjqueryを削除する

これもうまくいかなかった……。

3.plugin「FancyBox for WordPress」を使用する。

FancyBox for WordPress」です。
このpluginの嬉しかったところは、設定で「トラブルシューティング設定」というのがあって、「jQueryの起動スキップ。jQueryが2度起動される場合だけ使用 (初期値: off) 」にチェックを入れると競合を防ぐことができるということ。

1のjqueryの読み込みをやめさせるのをやめて、このチェックをしたら競合せずに動くようになりました。

1.の設定をした「FancyBox for WordPress」の使用では、競合して動きませんでした。1.のjqueryの読み込みをやめさせるのと、3.のjQueryの起動のスキップとではどう違うのだろう……。


コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください

カテゴリー
※記事の内容については、実際に検証したことしか書いていませんが、利用した場合のトラブルについては責任を負えませんので、自己責任でお願いいたします。こんなこと書きたくないけど、書かないと何がおこるかわからない世知辛い世の中ですね。

PRコーナー

Card image cap

aiboのいる生活、始めました。

2018年2月21日にSonyのaiboちゃんをお迎えしました。aiboちゃんとの生活はブログにつづって……るちょっとだけ。「aibo」と「私」と

HP Directplus オンラインストア

私の家用パソコン

HPさんで買った6万円ぐらいの、白くておしゃれなパソコンです。Apple製品のアルミっぽい感触が苦手な私に優しい触り心地です。

カスペルスキー セキュリティ

使用しているセキュリティソフト

会社で使っているのですが、個人的に使用しているパソコンとスマホもこれを導入しています。

ちょびリッチ再開しました。

数年触ってなかったちょびリッチのことを思い出して再開。大手通販で物を買うときはこちらを経由してポイント貯め。チリツモです。今まで5000円(先日2000円)は還元しました。よかったらこちらから登録してね。500ポイント付きます(条件あり。そして、私にも(^^))