スライダー

画像ギャラリーやメインビジュアルのカルーセルに使えるスライダーブロック。タッチ操作にも対応し、スマホでのビジュアル体験をよりリッチに演出します。

スライダーブロックの操作

スライドを追加

スライダーを追加をクリックすると、新たなスライダーを追加します。

選択できないスライド

スライドはスクロールができるように左右に複製されます。複製されたスライドは半透明で表示されて、選択することができません。スライドを移動して、半透明にならないスライドを操作しください。

スライドの移動

スライダーブロック選択時に、キーボードの←→ キーでスライドを移動させることができます。

設定項目

タイプ：TYPE

Slide

一番右までスライドすると最初にスライドに戻ります。



Loop

スライドが両側に複製されて無限にスクロール可能になります。



Fade

スライドがフェードで切り替わります。

フェードの場合、１度に表示できるスライドは１つのみです。



スライド設定：レスポンシブで調整可能

表示するスライド

１度に表示されるスライドの数



スクロールスライド

１回のスクロールで移動するスライドの数



間隔

スライド間のスペース



余白

画面外のスライドを表示領域に含めます



オプション

フォーカス

中心のスライドをフォーカスします。



自動再生

自動でスクロールします。

コントローラー

• ページネーション
• 矢印

レスポンシブデザインの調整

スライダーは、レスポンシブ（PC・タブレット・モバイル）で想定通り表示されるように調整するようにしてください。

スライダー関連ブロック

自動スクロール

動きのある情報表示で、読者の視線を自然に引きつけたい──そんなときに便利なのが「自動スクロール（オートスクロール）」機能

画像スライダー

複数の写真を連続スライド表示。商品詳細やイベントフォトを流れるように見せ、ギャラリー形式よりもダイナミックな閲覧体験を提

投稿スライダー

記事一覧をスライダー形式でピックアップ。動きあるカルーセルがユーザーの視線を集め、コンテンツの回遊促進に貢献します。 エ

スライドショー

視覚的なインパクトで訪問者の注目を集めたいとき、もっとも効果的な要素のひとつが「スライドショー」です。複数の画像や記事、