Contents
【WordPress】Smart Slider 3の使い方
この記事では、Smart Slider 3 の使い方をご紹介します。Smart Slider3 はWordPressで制作したサイトにスライドショーを追加するために使われるプラグインです。
スライドショーとは?
スライドショーとは、あらかじめ用意した複数枚の画像が時間の経過で切り替わるアニメーションのことです。
![](https://www.websitefactory.jp/wp-content/uploads/2020/12/スライドショー.jpg)
Smart Slider 3をインストールする
「プラグイン>新規追加」からSmart Slider 3をインストールします。
![](https://www.websitefactory.jp/wp-content/uploads/2020/12/smart-slider-1024x509.jpg)
Smart Slider 3の設定
Smart Sliderをインストールしたら、ダッシュボード画面からSmart Slider 3の設定画面を開きます。
![](https://www.websitefactory.jp/wp-content/uploads/2020/12/ss-1024x401.jpg)
上記のページを開いたら、「NEW PROJECT」をクリックします。
![](https://www.websitefactory.jp/wp-content/uploads/2020/12/Smart-Slider2-1024x527.jpg)
左側のアイコンをクリックします。
![](https://www.websitefactory.jp/wp-content/uploads/2020/12/Smart-Slider3-1-1024x587.jpg)
任意のものを選択し、「CREATE」をクリックします。
![](https://www.websitefactory.jp/wp-content/uploads/2020/12/Smart-Slider4-1-1024x657.jpg)
「ADD SLIDE」をクリックしてスライドショーに表示させる画像を設定します。画像を追加したら「SAVE」ボタンをクリックして保存します。
![](https://www.websitefactory.jp/wp-content/uploads/2020/12/Smart-Slider5-1-1024x557.jpg)
Slider Durationは、スライドショーが切り替わるまでの時間を表しています。
8000msであれば8秒でスライドが切り替わります。MSというのはミリセカンド、つまり千分の1秒です。
一般設定
![](https://www.websitefactory.jp/wp-content/uploads/2022/04/一般設定-smartslider-1024x340.jpg)
Smart Sliderに関する一般的な設定を行います。「ショートコード」に記載されているコードをWordPressで作成したページに記述するとスライドショーが表示されます。一般設定を下へスクロールするとプロジェクト名などを設定できます。
![](https://www.websitefactory.jp/wp-content/uploads/2022/04/一般設定2-1024x386.jpg)
Sizeについて
スライドショーのサイズやレイアウトなどを設定します。
![](https://www.websitefactory.jp/wp-content/uploads/2022/04/size.jpg)