> ## Knowledge Base Index
> Fetch the complete knowledge base index at: https://con-one.crisp.help/sitemap.xml
> Use this file to discover available pages before exploring further.
> Pure-Markdown content can be obtained by appending a '.md' suffix to the content URLs listed in the sitemap (without the trailing slash).

# カラムをスライダーで表示する方法（スライダーモード）

カラム（横に並んだ列）も、「スライダーモード」にするとスライドさせながら表示できます。
スライダーモードは、**カラムごと**に設定します。
たとえば3つ並んだカラムのうち、1つだけをスライダーにしたり、3つすべてをスライダーにしたりできます。
サービス紹介やお客様の声など、限られたスペースで多くの内容を見せたいときに便利です。
### 
### ① スライダーモードをオンにする
1. スライダーにしたいカラムにマウスを乗せると、上に「カラム」のラベルが表示されます。
2. ラベルの**歯車**をクリックします。
3. 「行設定を編集」が開きます。下にある「スライダーモード」をオンにします。
オンにすると、**そのカラムの下**にスライダー専用のメニューが表示されます。
※オンにしたカラムだけがスライダーになり、横に並んだほかのカラムはそのままの表示です。
![](https://storage.crisp.chat/users/helpdesk/website/-/f/0/8/3/f08367305081f800/image_1x1nq51.png)
### ② スライダーメニューの使い方
スライダーモードをオンにしたカラムの中身が、1枚目のスライドになります。
「＋」や「複製」でスライドを増やすと、そのカラムの枠の中で内容が切り替わるようになります。
| ボタン | できること |
| **1・2・3…（数字）** | スライドの番号です。クリックすると、そのスライドに切り替わって編集できます |
| **＋** | 新しいスライドを追加します |
| **複製（四角が重なったアイコン）** | 表示中のスライドを複製します |
| **ゴミ箱** | 表示中のスライドを削除します（スライドが2枚以上のときに表示されます） |
| **歯車** | スライダーの設定画面を開きます |
**おすすめの作り方**
1枚目のデザインを整えてから「複製」で増やし、文章や画像だけ差し替えると、デザインのそろったスライダーを早く作れます。
### ③ スライダーの動きを設定する
スライダーメニューの**歯車**をクリックすると、スライダーの設定画面が開きます。

**矢印・バレット**
* **矢印を表示**：左右に、スライドを切り替える矢印を表示します
* **矢印の位置**：矢印を置く場所を選びます（例：サイド）
* **バレットを表示**：何枚目のスライドかを示す点（●○○）を表示します
**動き方**
* **アニメーション**：切り替わるときの動きを選びます（例：スライド）
* **トランジションのイージング**：動きのなめらかさを選びます（例：スムーズ）
**自動で切り替える（オートスライド）**
* **オートスライド**：チェックを入れると、スライドが自動で切り替わります
* **オートスライド速度**：切り替わる間隔です。1000ms＝1秒です（5000msなら5秒ごと）
* **自動再生の方向**：切り替わる向きを選びます（例：順方向）
* **自動再生の進行状況を表示**：次に切り替わるまでの進み具合を表示します
* **モバイルで自動再生を無効にする**：スマホで見たときは、自動で切り替わらないようにします
* **タブが非表示またはフォーカス時に一時停止**：ほかのタブを見ているときなどに、自動再生を止めます
**その他**
* **キーボードナビゲーション**：パソコンのキーボードの矢印キーで、スライドを切り替えられるようにします
**スライダーモード**
設定画面の一番下からも、スライダーモードのオン・オフを切り替えられます。
![](https://storage.crisp.chat/users/helpdesk/website/-/f/0/8/3/f08367305081f800/image_1lfogov.png)

### ④ 保存する
設定が終わったら、画面右上の「保存」をクリックして完了です。
### ポイント
* **スライダーモードは、カラムごとに設定できます。** 3つのカラムをすべてスライダーにすることも、1つだけスライダーにすることもできます。
* **複数のカラムをスライダーにして、オートスライドの間隔をずらすと、動きのあるデザインになります。**（例：左は4000ms、真ん中は5000ms、右は6000ms）
* **文章が長いスライドは、オートスライドの間隔を長めにしましょう。** 読み終わる前に切り替わってしまうのを防げます。
* **スマホでは「モバイルで自動再生を無効にする」がおすすめです。** 読む速さに合わせて、自分でスライドできます。
* 公開前に、プレビュー（目のアイコン）でパソコンとスマホの両方の動きを確認しましょう。




# ページビルダー一覧


[ページビルダー概要](/ja/article/44oa44o844k444ot44or44oa44o85qac6kab-uugfod/)

[ページの追加方法](/ja/article/44oa44o844k444gu6l95yqg5pa55rov-ngabyy/)

[ブロックの活用方法](/ja/article/44ow44ot44od44kv44gu5rs755so5pa55rov-wddhzi/)

[ウィジェット追加方法](/ja/article/44km44kj44k344kz44kn44od44oi6l95yqg5pa55rov-uypahx/)

[SEOの設定方法](/ja/article/seo-12zy0jh/)

[スマホサイズのデザイン設定方法](/ja/article/44k544oe44ob44k144kk44k644gu44oh44k244kk44oz6kit5a6a5pa55rov-79dyz5/)

[購入者限定ページの作成手順](/ja/article/6lo85ywl6icf6zmq5a6a44oa44o844k444gu5l2c5oiq5oml6acg-5ohl1f/)

[ポートフォリオ機能で商品一覧・顧客の声を作成！](/ja/article/44ob44ka44o844oi44ov44kp44oq44kq5qmf6io944gn5zwg5zob5lia6kan44o76agn5a6i44gu5aow44ks5l2c5oiq77yb-gdxfxi/)




[ヘッダーを活用してホームページのメニューを最適化しよう！](/ja/article/44oy44od44k44kz44o844ks5rs755so44gx44gm44ob44o844og44oa44o844k444gu44oh44ol44ol44o844ks5pya6ygp5yyw44gx44ki44gg77yb-1bx306j/)

[コピー（複製）の仕方（ウィジェットやブロック）](https://con-one.crisp.help/ja/article/44kz44ou44o877yi6ksh6ko977yj44gu5luv5pa577yi44km44kj44k444kn44od44oi44ke44ow44ot44od44kv77yj-khqvln/)

[フッターを活用してユーザーを誘導しよう！](https://con-one.crisp.help/ja/article/44ov44od44k44o844ks5rs755so44gx44gm44om44o844k244o844ks6kqy5bco44gx44ki44gg77yb-hy2apq/)

[ページへのアクセス設定](https://con-one.crisp.help/ja/article/44oa44o844k444g444gu44ki44kv44k744k56kit5a6a-1b5nciv/)

[AIで作ったLPやウェブサイトをコネワンに表示させる方法](https://con-one.crisp.help/ja/article/ailp-1silgif/)

[ファビコンとSNS共有画像](https://con-one.crisp.help/ja/article/sns-xf0jub/)

[ファイルマネージャー](https://con-one.crisp.help/ja/article/44ov44kh44kk44or44oe44on44o844k444oj44o8-14r6elu/)

[ブロックをスライダーで表示する方法（スライダーモード）](https://con-one.crisp.help/ja/article/44ow44ot44od44kv44ks44k544op44kk44oa44o844gn6kgo56s644gz44kl5pa55rov77yi44k544op44kk44oa44o844oi44o844oj77yj-jvpdc5/)

[ブロックの表示設定（見る人・日時・国などで表示を切り替える）](https://con-one.crisp.help/ja/article/44ow44ot44od44kv44gu6kgo56s66kit5a6a77yi6kal44kl5lq644o75pel5pmc44o75zu944gq44gp44gn6kgo56s644ks5yih44kk5pu44gi44kl77yj-1qrodnx/)

[カラムの基本設定](https://con-one.crisp.help/ja/article/44kr44op44og5z65pysjuocsoodreodvoodkoodqocqodqeodooiorewumg-bf216w/)

[グローバルカラムの設定](https://con-one.crisp.help/ja/article/44kw44ot44o844oq44or44kr44op44og44gu6kit5a6a-6l3pnn/)

[カラムをタブで切り替えて表示する方法（タブモード）](https://con-one.crisp.help/ja/article/44kr44op44og44ks44k44ow44gn5yih44kk5pu44gi44gm6kgo56s644gz44kl5pa55rov77yi44k44ow44oi44o844oj77yj-570b6r/)

[カラムをスライダーで表示する方法（スライダーモード）](https://con-one.crisp.help/ja/article/44kr44op44og44ks44k544op44kk44oa44o844gn6kgo56s644gz44kl5pa55rov77yi44k544op44kk44oa44o844oi44o844oj77yj-vrz6u/)