WordPress
【WordPress】画像スライダーとカルーセルを複数表示することができるWP Slick Slider and Image Carousel
November 16, 2018

WP Slick Slider and Image Carouselはショートコードを使用して、画像スライダーとカルーセルを複数表示することができるプラグイン。レスポンシブ、スワイプ対応、無限ループ、矢印キー、自動再生などの機能があります。
ダッシュボード >> プラグイン >> 新規追加 >>
有効化にするとSlick Sliderが追加されます。
画像のタイトル、説明、アイキャッチ画像にスライダーの画像を設定。必要でしたらリンクも設定してください。
下記のショートコードをコピペします。
[slick-slider]
– Slickスライダー
[slick-carousel-slider]
– Slickカルーセル
テンプレートコード
<?php echo do_shortcode('[slick-slider]'); ?> and <?php echo do_shortcode('[slick-carousel-slider]'); ?>
[slick-slider]
で使用できるパラメーター
limit
[slick-slider limit=”-1″]category
[slick-slider category=”category_ID”]show_content
[slick-slider show_content=”true”]Pagination and arrows
[slick-slider dots=”false” arrows=”false”]Autoplay and Autoplay Interval
[slick-slider autoplay=”true” autoplay_interval=”100″]Slide Speed
[slick-slider speed=”3000″]fade
[slick-slider fade=”true” ]sliderheight
[slick-slider sliderheight=”400″]rtl
[slick-slider rtl=”true”][slick-carousel-slider]
で使用できるパラメーター
limit
[slick-carousel-slider limit=”-1″] design
[slick-carousel-slider design=”design-1″]category
[slick-carousel-slider category=”category_ID”]image_size
[slick-carousel-slider image_size=”large”]slidestoshow
[slick-carousel-slider slidestoshow=”3″]slidestoscroll
[slick-carousel-slider slidestoscroll=”1″ ] Pagination and arrows
[slick-carousel-slider dots=”false” arrows=”false”]Autoplay and Autoplay Interval
[slick-carousel-slider autoplay=”true” autoplay_interval=”100″]Slide Speed
[slick-carousel-slider speed=”3000″]centermode
[slick-carousel-slider centermode=”true”]variablewidth
[slick-carousel-slider variablewidth=”true”]sliderheight
[slick-carousel-slider sliderheight=”400″] rtl
[slick-carousel-slider rtl=”true”]
Slickスライダー
Slickカルーセル
画像:Foodiesfeed