slickのレスポンシブはwordpressでは使えない？

Question

wordpressで自作テーマを制作中なのですが、レスポンシブ化ができません。別に作ったhtmlファイルではうまく動作しました。jQueryは下のコードではおかしいのでしょうか？レスポンシブ以外の機能は正常に動作しています。

$('.slider').slick({
        autoplay: true,
        autoplaySpeed: 3000,
        dots: true,
        slidesToShow: 3,
        slidesToScroll: 1,
        responsive: [{
            breakpoint: 600,
            setting: {
                slideToShow: 1,
                slidesToScroll:1
            }
        }]

    });

結果は下の画像のようになりました。

Answer 1

WordPress では、 jQuery の $ はそのままでは使用できません。
どのように記載されているのでしょうか？

デベロッパーツールで Uncaught TypeError: $ is not a function 〜 のようなエラーが出ている場合は、ソースコードの$(〜)をjQuery(〜)に置き換えると動作します。

WordPressでjQueryが動かない原因と2つの対処法を解説
jQueryをWordPressで使う場合の読み込み方と使い方
WordPressでjQueryが動かない原因と解決策

等。