header-logo
Wix の使用方法を学び、サイトとビジネスを構築する。
直感的な Wix 機能でサイトをデザインして管理する。
定期購入、プラン、請求を管理する。
ビジネスを運営し、サイト会員とつながる。
ドメインの購入、サイトへの接続と移管方法を学ぶ。
ビジネスとウェブプレゼンスを成長させるツールを入手する。
SEO とマーケティングツールで知名度を上げる。
より効率的な作業を支援する高度な機能を利用する。
解決策や既知の問題について確認し、問い合わせる。
placeholder-preview-image
コースとチュートリアルでスキルを習得する。
ウェブデザインやマーケティングなどのヒントを得る。
検索エンジンからのトラフィックを増やす方法について学ぶ。
フルスタックプラットフォームでカスタムサイトを構築する。
あなたの目標達成をサポートするエキスパートを見つけましょう。
placeholder-preview-image
この記事では下記を説明します：
  • スライドショーを追加する
  • スライドショーのデザインをカスタマイズする
  • スライドショーの設定を調整する
  • スライドショーのナビゲーションボタンをカスタマイズする
  • スライドを管理する
  • よくある質問
  1. ホーム
  2. サイトの作成
  3. Wix Harmony エディタ
  4. パーツの追加とカスタマイズ
  5. Wix Harmony エディタ：スライドショーを追加・カスタマイズする

Wix Harmony エディタ：スライドショーを追加・カスタマイズする

9分
この記事内
  • スライドショーを追加する
  • スライドショーのデザインをカスタマイズする
  • スライドショーの設定を調整する
  • スライドショーのナビゲーションボタンをカスタマイズする
  • スライドを管理する
  • よくある質問
この記事では、2026年1月にリリースされた新 Wix Harmony エディタについて説明します。Wix Harmony エディタまたは Wix エディタのどちらを使用しているか不明な場合は、こちらで詳細を確認してください。
スライドショーを使用すると、サイトの商品や重要なメッセージなどを目立たせたり、ウェブサイトに動きを与えたりすることができます。スライドショーはエディタからプリセットのものを選択することも、高度なデザインオプションを使用して個性的なデザインのものを作成することもできます。
また、スライドショーでは、スライドを切り替えるためのナビゲーションボタンやスライドインジケーターを表示・非表示にしたり、スライドが切り替わる際のエフェクトを自由にカスタマイズしたりすることもできます。なお、このパーツはモバイルにも対応しているため、訪問者はクリックだけでなくスワイプでも自由にスライドを切り替えることができます。
「スライドショー」パーツが表示されている様子を示したスクリーンショット。

スライドショーを追加する

まず、「パーツを追加」パネルからスライドショーを追加します。プロがデザインした豊富なプリセットの中から、サイトのスタイルに適したものを選択することができます。

スライドショーを追加・設定する方法：

  1. エディタに移動します。
  2. エディタ左上の「＋追加」をクリックします。
  3. カテゴリーをスクロールし、「ギャラリー」を選択します。
  4. 「スライドショー」タブをクリックします。
  5. スライドショーをサイトにドラッグします。
「パーツを追加」パネルに、スライドショーが表示されている様子を示したスクリーンショット。

スライドショーのデザインをカスタマイズする

スライドショーには、好みの画像や動画を追加したり、メッセージを表示したり、ボタンを配置したりと、自由にコンテンツを作成してデザインすることができます。

スライドショーをカスタマイズする方法：

  1. エディタに移動します。
  2. ページ上でスライドショーをクリックします。
  3. 実行する内容を選択します：
デザインオプションが表示されている様子を示したスクリーンショット。

スライドショーの設定を調整する

スライドショーの設定をカスタマイズします。スライドが自動再生するようにしたり、ループ再生するようにしたり、再生時のエフェクトを選択したりすることができます。

設定を調整する方法：

  1. エディタに移動します。
  2. ページ上でスライドショーをクリックします。
  3. アクションバーで「設定」アイコン  をクリックします。
  4. カスタマイズするものを選択します：
    • 連続ループ：トグルを有効にし、スライドがループ再生するようにします。
    • 自動再生：トグルを有効にし、サイトが読み込まれたらスライドショーが自動的に再生されるようにします。
      • スライドごとの時間：スライダーをドラッグし、各スライドが表示される時間を秒単位で調整します。
      • ホバー時に一時停止：トグルを有効にし、訪問者がスライドショーにマウスオーバーした際に一時停止するようにします。
      • 一時停止ボタンと再生ボタンを表示：トグルを有効にし、訪問者に一時停止ボタンと再生ボタンを表示します。
    • トランジション：ドロップダウンをクリックし、スライドが切り替わる際の効果を「なし」、「スライド」、「クロスフェード」、「イン・アンド・アウト」から選択します。
      • トランジション方向：スライドが移動する方向を「左から右 」、「右から左」、「上から下」、または「下から上」から選択します。
      • トランジション所要時間（秒）：スライダーをドラッグし、トランジション効果の速度を秒単位で調整します。
    • アクセシビリティ：「アクセシビリティ」をクリックし、「アクセシブル名」の項目に説明を入力して、支援技術を使用する訪問者に対してスライドショーをアクセシブルなものにします。
「設定」の各種オプションが表示されている様子を示したスクリーンショット。

スライドショーのナビゲーションボタンをカスタマイズする

カスタムのナビゲーションを使用して、訪問者がスライドをスムーズに操作できるようにします。ナビゲーションボタンのみを表示するか、スライドインジケーターのみを表示するか、両方を表示するかを選択することができます。
ナビゲーションアイコンを選択し、ナビゲーションボタンやスライドインジケーターのデザインとレイアウトを、サイトに合わせてカスタマイズすることができます。

ナビゲーションボタンをカスタマイズする方法：

  1. エディタに移動します。
  2. ページ上でスライドショーをクリックします。
  3. 実行する内容を選択します：
ナビゲーションオプションが表示されている様子を示したスクリーンショット。

スライドを管理する

スライドを必要に応じて名前を変更、または削除します。

スライドを管理する方法：

  1. エディタに移動します。
  2. ページ上でスライドショーをクリックします。
  3. アクションバーで「アイテムを管理」をクリックします。
  4. 該当するスライドにマウスオーバーし、「その他のアクション」アイコン  をクリックします。
  5. 「名前を変更」または「削除」から実行する内容を選択します。
「アイテムを管理」パネルが表示されている様子を示したスクリーンショット。

よくある質問

スライドショーの追加とカスタマイズに関する詳細については、以下の質問をクリックしてください。

お役に立ちましたか？

|

Helpmate

こんにちは、さん

さらにヘルプが必要ですか？
この記事の概要
Unlock personalized helpLog in to get the most out of Helpmate.