質問: ### 実現したいこと **slick.jsを用いてスライドショーを作成したい。** ### 前提 WordPressでテーマ「Cocoon」を使い子テーマを編集しながら、 Local by Flywheel というソフトを使って、ローカル環境サイトを作成しています。 slickの公式を見ながら導入を試みましたが全く動いていません。 slickのファイルをDLし、ファイルを/cocoon-child-master**(子テーマで一番上、page.phpと同じ階層)**置きました。 テーマ(Cocoon)の仕様では、子テーマで、やに追加したいときは、 header-insert.php, body-top-insert.phpを使用するように推奨されています。 また、クロームの検証画面上でもhead, bodyに正しくslickのlink, scriptタグが読み込まれています。 ### 以下のコンソールエラーが出ています。 ``` Failed to load resource: the server responded with a status of 404 (Not Found) slick.min.js:1 Failed to load resource: the server responded with a status of 404 (Not Found) slick-theme.css:1 Failed to load resource: the server responded with a status of 404 (Not Found) slick.min.js:1 Failed to load resource: the server responded with a status of 404 (Not Found) jquery-migrate.min.js?ver=1.4.1:2 JQMIGRATE: Migrate is installed, version 1.4.1 slick-theme.css:1 Failed to load resource: the server responded with a status of 404 (Not Found) slick.css:1 Failed to load resource: the server responded with a status of 404 (Not Found) ``` ### 該当のソースコード ``` **header-insert.php** 内)にタグを挿入したいときは、このテンプレートに挿入(ヘッダーに挿入する解析タグなど) //子テーマのカスタマイズ部分を最小限に抑えたい場合に有効なテンプレートとなります。 //例: ?> ``` ``` **body-top-insert.php** タグ直後編集用のテンプレートです。 //子テーマのカスタマイズ部分を最小限に抑えたい場合に有効なテンプレートとなります。 ?> ``` ``` ****javascript.js**** //ここに追加したいJavaScript、jQueryを記入してください。 //このJavaScriptファイルは、親テーマのJavaScriptファイルのあとに呼び出されます。 //JavaScriptやjQueryで親テーマのjavascript.jsに加えて関数を記入したい時に使用します。 jQuery().ready(function($){ $('#slider').slick(); }); ``` ``` ``` ### 試したこと パスがあっているか確かめた ⇛ 合っているが機能しない。 公式サイトを参考にした ⇛ slick 公式サイト ブログを参考にした ⇛ - 個人のブログ ### 具体的な現状 ``` jQuery().ready(function($){ $('#slider').slick(); }); ``` 上記のコードは作動しているようです。 コチラをコメントすると3枚画像が縦に並びますが、 作動させると一番上のだけ表示されます。
回答: パスの指定のミスでした。 slickのオプションを試しにautoplay をセットしたら作動しました。 はじめての質問で、わかりづらく書き、ご迷惑をおかけしてすみませんでした。 こういった初歩的なミスが無いように精進します。