slider pro設置

headタグ内

<link rel="stylesheet" href="<?php echo esc_url( get_template_directory_uri() ); ?>/css/slider-pro.min.css" type="text/css" />
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<script src="<?php echo esc_url( get_template_directory_uri() ); ?>/js/jquery.sliderPro.min.js"></script>

bodyタグ内

<div class="sp-slides">
    <!-- Slide 1 -->
    <div class="sp-slide">
        <img class="sp-image" src="hMG_0013.jpg"/>
    </div>
    <!-- Slide 2 -->
    <div class="sp-slide">
        <img class="sp-image" src="IMG_0018.jpg"/>
    </div>
    <!-- Slide 3 -->
    <div class="sp-slide">
        <img class="sp-image" src="IMG_0019.jpg"/>
    </div>
</div>

レスポンシブでシンプルな記述で導入可能なのが魅力。
細かい設定も可能。

ただカルーセルがうまくいかない（やりかたわからん）
２つ以下のときのスライドがうまくループしないという欠点あり。

けど完成度高いスライダーです。