Wordpressのscriptの読み込みについて

Question

footer.phpに記入してあるscript(jquery・slick・original)をfunctions.phpに書き換えるとjqueryが作動しなくなります。footer.phpでは正常に作動します。
原因をご教授いただければと思います。

[footer.php]
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.1/jquery.min.js"></script>
  <script type="text/javascript" src="//cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.min.js"></script>
  <script src="https://kit.fontawesome.com/88c8d1384e.js" crossorigin="anonymous"></script>
  <script src="https://www.line-website.com/social-plugins/js/thirdparty/loader.min.js" async="async"
    defer="defer"></script>
  <script src="<?php echo esc_url(get_theme_file_uri('/js/script.js')); ?>"></script>
  <?php wp_footer(); ?>
</body>

[functions.php]
function my_theme_scripts() {
    wp_enqueue_style('reset',get_theme_file_uri('/css/reset.css'));
    wp_enqueue_style('slick','//cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.css',['reset']);
    wp_enqueue_style('original',get_theme_file_uri('/css/style.css'),['reset']);
    wp_enqueue_script('jquery');
    wp_enqueue_script('js_slick','//cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.min.js',['jquery']);
    wp_enqueue_script('font_awesome','https://kit.fontawesome.com/88c8d1384e.js',['jquery']);
    wp_enqueue_script('line','https://www.line-website.com/social-plugins/js/thirdparty/loader.min.js',['jquery']);
    wp_enqueue_script('allpage',get_theme_file_uri('/js/script.js'),['jquery']);
}
add_action('wp_enqueue_scripts','my_theme_scripts');

[script.js]
$(function () {
    // burger
    (function () {
        var $header = $('#js-header');

        // navigation
        $('#js-toggle').on('click', function (e) {
            e.preventDefault();
            $header.toggleClass('add-active');
        });

        $('.js-nav-link, #js-overlay').on('click', function (e) {
            $header.removeClass('add-active');
        });

        var pcWidth = window.matchMedia('screen and (min-width: 769px)');
        function checkBreakPoint() {
            if (pcWidth.matches) {
                $header.removeClass('add-active');
            }
        }
        pcWidth.addListener(checkBreakPoint);
        checkBreakPoint();

    })();
})

$(function () {
    $('.slider').slick({
        autoplay: true, // 自動でスクロール
        autoplaySpeed: 0, // 自動再生のスライド切り替えまでの時間を設定
        speed: 7000, // スライドが流れる速度を設定
        cssEase: "linear", // スライドの流れ方を等速に設定
        slidesToShow: 3, // 表示するスライドの数
        swipe: false, // 操作による切り替えはさせない
        arrows: false, // 矢印非表示
        pauseOnFocus: false, // スライダーをフォーカスした時にスライドを停止させるか
        pauseOnHover: false, // スライダーにマウスホバーした時にスライドを停止させるか
        responsive: [
            {
                breakpoint: 750,
                settings: {
                    slidesToShow: 2, // 画面幅750px以下でスライド3枚表示
                }
            }
        ]
    });
});

Answer 1

functions.php

wp_enqueue_script('allpage',get_theme_file_uri('/js/script.js'),['jquery', 'js_slick']);

script.jsの依存関係にjs_slickが不足していると思われます。
$('.slider').slick({...こちらでslickを呼び出しているためslickの読み込みも待つ必要があります。

Comments

[kamakura85]

ご回答ありがとうございます。
上記通りに修正致しましたが解決致しません…
ハンバーガーメニューも作動しないためjquery自体が動いていない気がしております。。

[t-n]

動いていないというのは何かエラーがでているのですか？

[kamakura85]

エラーとしてはこのようなものが出ております。
script.js?ver=1.0.1:1 Uncaught TypeError: $ is not a function
at script.js?ver=1.0.1:1:1

[t-n]

重要な情報ですので質問内容に記載の必要があると思います。
> $(function () {
上記の部分を↓に変更するとどうでしょう。
> jQuery(function($) {

[kamakura85]

無事作動致しました！
質問内容から至らぬ点ありまして申し訳御座いませんでした。
大変助かりました、ありがとうございます。