Q&A
https://teratail.com/questions/266288 この質問と内容が同じです。teratailは質問内容の編集ができるので、変更がある場合は新しい質問をするのではなく編集してください。また、こちらの質問を削除されるよう運営に連絡されることをお勧めします。 https://teratail.com/help#delete-question https://teratail.com/contact/input
前提・実現したいこと
子テーマのwordpreeサイトにslickでスライダーを導入したい
発生している問題・エラーメッセージ
スライダーが反映されない
該当のソースコード
php
1//header.php 2<head> 3<meta charset="<?php bloginfo( 'charset' ); ?>" /> 4<link rel="profile" href="http://gmpg.org/xfn/11" /> 5<link rel="stylesheet" href="<?php echo get_stylesheet_directory_uri(); ?>/css/slick.css/slick-theme.css"> 6<link rel="stylesheet" href="<?php echo get_stylesheet_directory_uri(); ?>/css/slick.css/slick.css"> 7<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script> 8</head> 9<body> 10 11//page.php 12<ul id="slider"> 13 <li> 14 <a href=""><img src="<?php echo get_stylesheet_directory_uri(); ?>/image/" alt=""></a> 15 <a href=""><img src="<?php echo get_stylesheet_directory_uri(); ?>/image/" alt=""></a> 16 <a href=""><img src="<?php echo get_stylesheet_directory_uri(); ?>/image/" alt=""></a> 17 <a href=""><img src="<?php echo get_stylesheet_directory_uri(); ?>/image/" alt=""></a> 18 </li> 19</ul> 20 21//footer.php 22<script src="<?php echo get_stylesheet_directory_uri(); ?>/js/slick.js/slick.min.js"></script> 23<script src="<?php echo get_stylesheet_directory_uri(); ?>/js/script.js"></script> 24<?php wp_footer(); ?> 25</body>
js
1jQuery(function(){ 2 jQuery('#slider').slick(); 3});
試したこと
パスを指定するコードを書いたのになぜか反映されない
補足情報（FW/ツールのバージョンなど）
ここにより詳細な情報を記載してください。
回答1件
0
ベストアンサー
こんにちは、
jQueryのようにCDNをつかってみてはどうでしょうか。
HTML
1<link rel="stylesheet" type="text/css" href="//cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.css"/> 2<link rel="stylesheet" type="text/css" href="//cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick-theme.css"/> 3 4<script type="text/javascript" src="//cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.min.js"></script>
投稿2020/06/01 10:26
総合スコア806
あなたの回答
tips
プレビュー
