カルーセル表示とは？
画像を「スライド表示」させる方法をカルーセル表示・・・と言ったりします。
cocoonテーマなどには、最初からかっこいい感じのカルーセル設定があって、このまま使うのもありな感じです。
通常、任意の場所にカルーセルを表示させようと思った時は、jQueryを使ってあれこれしたりなど手間が掛かりますが、簡単に設定できる便利なプラグインがあります。
メンティー
プラグインで出来るんですね！
メンター
便利なプラグインが、あります。
Meta Slider プラグイン
まずはプラグインをインストールします。
デモページはこちら▼
eguchiyuuki.com
今すぐ予約情熱をもつ皆さまと共に未来を創る。MessageWEBで結果を創るために戦う。圧倒的成果を上げるため何が出来るのか常に考え結果を出す。今すぐ予約Performance(バナー集)...
eguchiyuuki.com
有効化
有効化したら設定画面が表示されるので、設定を行います。
スライドを追加
「＋スライドを追加」から画像の登録を行います。
画像が追加されました。
スライダーの種類
FlexSlider他、４種類のスライダーから選択できます。
高度な設定
下の「高度な設定」から様々な詳細設定を行うことができます。
カルーセル・モード
高度な設定の中に「カルーセル・モード」というチェックがあります。こちらをオンにすることで、カルーセル・スライダーを設置することができます。
ひと通り設定を終えたら「保存」して完了です。
設置方法[ショートコード]
スライダーの設置は、右下の方に表示されている「ショートコード」を使います。
こちらを、カルーセルを設置したい場所に配置します。
設置
ショートコードを設置してみました。
完成しました！
設置完了・完成しました！
このような感じで、サイト上に簡単にカルーセルスライダーを設置することができます！
メンティー
こんな簡単に設置できるんですね！
メンター
プラグインを作ってくださっている方々に感謝です。
ご参考ください😃
▼デモページはこちら
eguchiyuuki.com
今すぐ予約情熱をもつ皆さまと共に未来を創る。MessageWEBで結果を創るために戦う。圧倒的成果を上げるため何が出来るのか常に考え結果を出す。今すぐ予約Performance(バナー集)...
eguchiyuuki.com
