Skip to main content
スライダーを使用すると、1つのウィジェット要素内で複数の画像、オファー、またはメッセージを切り替えて表示できます。 本記事では、次の方法を学びます。
  • スライダーの追加
  • スライドの編集
  • スライダーの配置
  • スライドのトランジションのカスタマイズ

スライダーを追加する

ウィジェットにスライダーを追加するには、次の手順に従います。
  1. 左サイドバーで Add element をクリックします。
  2. リストで Media セクションを展開します。
  3. Slider をクリックします。スライダーを編集できるパネルが開きます。

スライドを編集する

新しいスライダーには、デフォルトで3つのスライドが含まれています。 スライドを追加するには、Slider Content セクションで Add new slide をクリックします。既存のスライドを編集するには、そのスライドの横にある Edit をクリックします。
3つのスライドと Add new slide オプションが表示された Slider Content パネル

スライダーを配置する

キャンバス上でスライダーをドラッグして、ウィジェット内の好きな場所に配置します。

スライドのトランジションをカスタマイズする

Slider Animation をクリックして、スライドのトランジション方法を設定します。
  • First slide: 最初に表示されるスライドです。
  • Speed: トランジションの所要時間で、単位はミリ秒です。
  • Autoplay: 訪問者の操作なしで、スライドを自動的に切り替えます。
  • Effect: スライド間のトランジションスタイルです。
  • Direction: スライドが移動する方向です。
  • Allow touch move: タッチデバイスで、訪問者がスワイプしてスライドを切り替えられるようにします。
First slide、Speed、Autoplay、Effect、Direction、Allow touch move の設定項目が表示された Slider Animation パネル
同じパネルから、前後の矢印やページネーションインジケーターもカスタマイズできます。