wordpressでjqueryがよみこめない

Question

以下のコードでjqueryのslickが読み込める認識なのですが、どこか間違っていますでしょうか？

【やりたいこと】
ヘッダー画像、もしくはバックグラウンドカラーにスライダーを設置して切り替えたい

<link rel="stylesheet" type="text/css" media="all" href="<?php bloginfo('stylesheet_url'); ?>"/>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script src="<?php get_template_directory_uri();?>/js/slick.min.js"></script>
<script src="<?php get_template_directory_uri(); ?>/js/jquery.js"></script>

＜省略＞
<section id="branding">
        <div class="headSlider">
            <div><img src="<?php bloginfo('template_url'); ?>/images/header/default.png"    alt="" /></div>
            <div><img src="<?php bloginfo('template_url'); ?>/images/header/default.png"    alt="" /></div>
            <div><img src="<?php bloginfo('template_url'); ?>/images/header/default.png"    alt="" /></div>
        </div>    
</section><!-- #branding end -->

＜省略＞

<script type="text/javascript">
$(function() {
	$('.headSlider').slick(); 
});
</script>

Comments

[kei344]

「よみこめない」とは「何をしたときに」「どうなると思って」「どうなったのか」を、出ているエラーなどと併せて、具体的に記述されたほうが回答を得られやすいと思います。

[makadamiahelen]

質問ありがとうございます。

ただエラーがおきているわけではなく、読み込めていないのかもしれない？状態です。

[kei344]

https://teratail.com/questions/169907
読み込めているなら当質問は削除されては。

Answer 1

<?php get_template_directory_uri();?>

これじゃ何も出力されんね

<?= get_template_directory_uri();?>

だね

そして、slick.jsより後でまたjquery読んでるね
これはいかんね、slick.jsが拡張したjqueryのメソッド消えちゃうね
jquery.jsって名前なだけでjqueryじゃないよってなら、ややこしいからやめよう

---

というか、WordPressならwp_enqueue_script使うようにしましょう
ベタ書きのscriptタグでjquery読んでたらプラグインとか絡んできたとき
jqueryを読むタイミングとか管理しきれなくなるので

Comments

[makadamiahelen]

回答ありがとうございます。
なるほど・・・こんな書き方があるんですね、ちょっと今からやってみます。

jquery.jsは
<script type="text/javascript">
$(function() {
$('.headSlider').slick();
});
</script>
だけ書いてある自分のオリジナルファイルです。名前変えようと思います。

追記？を読んで・・・
なるほど、wordpressだとfunction.phpでフックするのがいいんですね。勉強になります。