スライダー

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

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

スライドを追加

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

選択できないスライド

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

スライドの移動

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

設定項目

タイプ：TYPE

Slide

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

• 
• 
• 
• 
• 
• 
• 



Loop

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

• 
• 
• 
• 
• 
• 
• 



Fade

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

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

• 
• 
• 
• 
• 
• 
• 



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

表示するスライド

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

• 
• 
• 
• 
• 
• 
• 



スクロールスライド

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

• 
• 
• 
• 
• 
• 
• 



間隔

スライド間のスペース

• 
• 
• 
• 
• 
• 
• 



余白

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

• 
• 
• 
• 
• 
• 
• 



オプション

フォーカス

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

• 
• 
• 
• 
• 
• 
• 



自動再生

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

• 
• 
• 
• 
• 
• 
• 

コントローラー

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

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

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

スライダー関連ブロック

NEW

自動スクロール

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

NEW

画像スライダー

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

NEW

投稿スライダー

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

NEW

スライドショー

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