WordPress

【WordPress】スワイプスライダーを追加するプラグインSwiper Slider and Carousel

September 13, 2018
Swiper Slider and Carousel

Swiper Slider and Carousel
Swiper Slider and CarouselはWordPressサイトにスワイプスライダーを追加するためのプラグイン。レスポンシブ、スライダセンターモード、タッチ対応、ナビゲーション、自動再生、スライドまたはフェード効果などの機能が含まれています。

Swiper Slider and Carouselプラグインを導入

ダッシュボード >> プラグイン >> 新規追加 >> Swiper Slider and Carouselを検索
有効化にするとSwiper Sliderが追加されます。

Swiper Slider

Swiper Slider and Carousel
Swipe Slider Settingsで画像を選択し、Slider/ Carousel Settingsで使用するSliderもしくはCarouselを選択します。
下記はSliderの場合の項目。

Navigation & Pagination Settings

Arrow
Pagination
Pagination Type

General Settings

Autoplay
Autoplay Speed
Space Between Slides
Speed
Loop
Autoplay Stop On Last

Other Settings

Effect
AutoHeight
Direction
Height

公開したらSwiper Sliderにてショートコードをコピーし、テンプレートや記事に挿入します。

ショートコード

[swiper_slider id = "XX"]
[swiper_carousel id = "XX"]

テンプレートコード

<?php echo do_shortcode('[swiper_slider id="XX"]'); ?> 
<?php echo do_shortcode('[swiper_carousel id="XX"]'); ?> 

Swiper Slider and Carousel
画像:フリー写真素材ぱくたそ