My Snow Monkey 内でswiper.jsを読み込みたいのですが、JSファイルが読み込まれません。

0
いいねをした人: 居ません
  • このトピックには2件の返信、2人の参加者があり、最後にスーにより2年、 7ヶ月前に更新されました。
3件の投稿を表示中 - 1 - 3件目 (全3件中)
  • 投稿者
    投稿
  • #85648
    スー
    閲覧者
    1

    【お使いの Snow Monkey のバージョン】バージョン: 15.5.1
    【お使いの Snow Monkey Blocks のバージョン】12.2.0
    【お使いの Snow Monkey Editor のバージョン】6.0.0
    【お使いのブラウザ】chrome
    【当該サイトのURL】

    ### 実現したいこと

    my-snow-monkeyプラグインで外部jsファイルを読み込みたい。

    snow monkey でswiper.jsを使いたいです。

    ### 発生している問題

    alert();でjsの動作確認をしましたが、jsファイルが読み込めていないようです。

    ### 試したこと

    my-snow-monkey.phpに以下のコードを書きました。

    /**
      * swiper.js読み込み
      */
    wp_enqueue_script(
    	'swiper_js',
    	'https://unpkg.com/swiper@7/swiper-bundle.min.js'
    );
    
    /**
     * js読み込み
     */
    add_action(
    	'wp_enqueue_script',
    	function() {
    		wp_enqueue_script(
    			'my-snow-monkey-js',
    			MY_SNOW_MONKEY_URL . '/js/script.js',
    			['jquery'],
    			[ Framework\Helper::get_main_script_handle() ],
    			filemtime(MY_SNOW_MONKEY_PATH . '/js/script.js'),
    			true
    		);
    	}
    );
    0
    いいねをした人: 居ません
    #85672
    キタジマ タカシ
    参加者
    2227

    コードがちょっと間違っている気がします。wp_enqueue_script()wp_enqueue_scripts アクションフックの中でしか実行できません。また、my-snow-monkey-js のスクリプトの依存関係の指定が

    			['jquery'],
    			[ Framework\Helper::get_main_script_handle() ],

    と2つの配列にわかれてしまっているのも間違いになります。

    下記でどうでしょうか?

    add_action(
    	'wp_enqueue_scripts',
    	function() {
    		/**
    		 * swiper.js読み込み
    		 */
    		wp_enqueue_script(
    			'swiper_js',
    			'https://unpkg.com/swiper@7/swiper-bundle.min.js'
    		);
    
    		/**
    		 * js読み込み
    		 */
    		wp_enqueue_script(
    			'my-snow-monkey-js',
    			MY_SNOW_MONKEY_URL . '/js/script.js',
    			[ 'jquery', 'swiper_js', Framework\Helper::get_main_script_handle() ], // jQuery、Swiper、Snow Monkey のメイン JS のあとに読み込む
    			filemtime(MY_SNOW_MONKEY_PATH . '/js/script.js'),
    			true
    		);
    	}
    );

    jquery を依存指定されていますが、my-snow-monkey-js の中で jQuery を使っていないのであればこの依存していは消して大丈夫です(不要なのに jQuery を読み込むとその分ページの読み込みが遅くなります)。

    0
    いいねをした人: 居ません
    #85685
    スー
    閲覧者
    1

    ご回答いただきありがとうございます!無事にスライダーが動き、Java Scriptの読み込みもできました。

    1
    いいねをした人:
3件の投稿を表示中 - 1 - 3件目 (全3件中)
  • トピック「My Snow Monkey 内でswiper.jsを読み込みたいのですが、JSファイルが読み込まれません。」には新しい返信をつけることはできません。

ドキュメント

Snow Monkey の設定方法やマニュアルを掲載しています。

ドキュメント

フォーラム

Snow Monkey の使い方やカスタマイズについてのご質問・ご要望等はサポートフォーラムで行っています。サポートフォーラムは誰でも閲覧できますが、書き込みできるのは Snow Monkey 購入者のみとなります。

サポートフォーラム

よくあるご質問

Snow Monkey のサービスについて不明な点がある場合は、まずはよくあるご質問をご確認ください。

よくあるご質問

お問い合わせ

よくあるご質問を見ても解決しなかった場合、試用版の申請については問い合わせフォームからお願いいたします。

お問い合わせ

Snow Monkey は Gutenberg ブロックエディターに対応した 100%GPL の WordPress テーマです。拡張性を意識した開発をおこなっており、カスタマイザーとブロックでスピーディーにサイトを立ち上げるだけでなく、CSS やフックを駆使した高度なカスタマイズにも柔軟に対応できます。