slick.jsのオプション もっと細かく指定したい場合は、slick.jsのgithubをご覧ください。 サンプルスライドにこれらオプションをいくつか設定すると下のようになります。 $(document).ready(function(){ $('.sample').slick({ autoplay:true, autoplaySpeed:3000, fade:true, dots:true, pauseOnHover:false, swipeToSlide:true, }); }); 矢印やドット、余白のカスタマイズ(css) 下記を参考にcss編集してください。 ドット部分のカスタマイズ スライドの下に表示されるナビゲーションドットのカスタマイズです。(SEO Plusではサムネイル画像をナビゲーションに使用しているので、ドットは表示されません) /*位置を変える*/ .slick-
![トップページスライド(slick.js)のカスタマイズ | WEB制作の備忘録めも ミフネWEB](https://cdn-ak-scissors.b.st-hatena.com/image/square/4fc4420c382683147a174c3011f8c65d518c160f/height=288;version=1;width=512/https%3A%2F%2Flearning.mihune-web.com%2Fwp-content%2Fuploads%2F2020%2F03%2Fslide.jpg)