Wix エディタ:スライドショーに矢印ボタンとスライドボタンを表示する
読了時間:2分
スライドショーに以下のナビゲーションツールを追加して、訪問者がスライドを手動でクリックできるようにします:
- スライドボタン:サイト訪問者がクリックしてスライド間を移動できる円形のアイコンです。サイト訪問者がスライドボタンをクリックすると、該当するスライドが表示されます。
- 矢印ボタン:スライドショーの両側に表示される矢印です。訪問者は自分のペースでクリックし、スライド間を移動することができます。
![](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/b05f5084-8296-4ca9-8f22-b63e9f9efe42/2022/04/12/ce5edf3a-4654-40b1-a22d-2940a7507fd6/2d45efed-716e-43ef-89e6-2ba51c1e9c9b.png)
この記事では、下記の項目について説明します:
スライドショーにスライドボタンと矢印を表示する
「レイアウト」の設定から、スライドショーのスライドボタンと矢印ボタンを表示または非表示にすることができます。
スライドボタンまたは矢印ボタンを表示する方法:
- エディタでスライドショーをクリックします。
- レイアウトアイコン
- 矢印ボタンを表示:トグルを有効化して、矢印ボタンを表示します。
- スライダーをドラッグして、サイズと位置をカスタマイズします。
- スライドボタンを表示:トグルを有効化してボタンを表示します。
- スライダーをドラッグして、サイズ、位置、間隔をカスタマイズします。
をクリックし、表示するものを選択します:
- 矢印ボタンを表示:トグルを有効化して、矢印ボタンを表示します。
![](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/b05f5084-8296-4ca9-8f22-b63e9f9efe42/2022/04/12/98a07387-d90d-4d85-b50e-ef3440275e04/155b45ee-4475-445f-adc5-045c22fcbdfc.png)
ボタンと矢印をカスタマイズする
スライドボタンと矢印ボタンの色と不透明度を選択し、カスタマイズします。
スライドボタンと矢印ボタンをカスタマイズする方法:
- エディタでスライドショーをクリックします。
- 「デザインを変更」アイコン をクリックします。
- 「不透明度・色」タブをクリックします。
- スライドボタンまたは矢印ボタンのデザインをカスタマイズします:
- スライドボタン:色を選択し、ボタンの不透明度を設定します。
- 矢印ボタン:色を選択し、矢印ボタンの不透明度を設定します。
![](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/b05f5084-8296-4ca9-8f22-b63e9f9efe42/2022/04/12/e16b8969-f439-4488-8305-f107621afebb/c78d009a-b295-4b73-9e98-d4f4f844899b.png)