header-logo
はじめましょう!Wix でサイトやビジネスを構築する方法をご紹介します。テンプレートを使用してサイトをカスタマイズしたり、パートナーに依頼してウェブプレゼンスを確立しましょう。
サイトの作成Wix エディタの使い方とサイトコンテンツの管理方法について学びましょう。訪問者のプライバシーを保護し、サイトをよりアクセシブルにします。
アカウント・お支払いアカウント設定を確認し、定期購入とプレミアムプランを管理、請求内容を把握しましょう。
Wix モバイルアプリの使用Wix Owner アプリを使用してビジネスを効率的に運営し、訪問者と関わり、コミュニティを構築しましょう。
ドメインの接続ドメインの購入・接続・移管方法と、サイトデータを安全に保つ方法について理解しましょう。
ビジネスの管理支払いの受け付け、分析、訪問者とのつながりなど、ビジネスを構築し成長させるための適切なツールを見つけましょう。
サイトの宣伝検索エンジンでサイトを宣伝し、メルマガを送信し、有料広告を掲載する方法を学びましょう。
Wix Studio・パートナー・エンタープライズWix Studio、パートナー、エンタープライズアカウントを最大限に活用し、ビジネスを拡大しましょう。
ヘルプサイトのパフォーマンスや技術的な問題を解決するための情報を入手しましょう。製品ロードマップでは今後の機能について確認できます。
placeholder-preview-image
Wix Learnコースとチュートリアルでスキルを習得する。
Wix ブログウェブデザインやマーケティングなどのヒントを得る。
SEO ラーニングハブ検索エンジンからのトラフィックを増やす方法について学ぶ。
Website developmentフルスタックプラットフォームでカスタムサイトを構築する。
Wix パートナーに依頼あなたの目標達成をサポートするエキスパートを見つけましょう。
placeholder-preview-image
この記事では下記を説明します:
  • スライドショーリピーターを追加・設定する
  • スライドを管理する
  • スライドショー設定を調整する
  • スライドショーリピーターをデザインする
  • ナビゲーションボタンをカスタマイズする

Wix Studio エディタ:スライドショーリピーターを追加・カスタマイズする

この記事内
  • スライドショーリピーターを追加・設定する
  • スライドを管理する
  • スライドショー設定を調整する
  • スライドショーリピーターをデザインする
  • ナビゲーションボタンをカスタマイズする
スライドショーリピーターを使用すると、クライアントのサイト用にインタラクティブなスライドショーをより素早く作成できます。デザインとレイアウトはスライド全体で繰り返されますが、コンテンツはスライドごとに異なります。これにより、すべてのスライドをゼロからデザインすることなく、スライドショー全体で一貫した外観を維持できます。
ライブサイトでのスライドショーリピーターの例

スライドショーリピーターを追加・設定する

さまざまなスライドショーのデザインから選択して始めましょう。ページにスライドショーを追加したら、必要に応じて要素を自由に追加、移動、削除できます。
注意:
1つのスライドから要素を追加または削除すると、他のスライドにも影響します。

スライドショーリピーターを追加・設定する方法:

  1. エディタ左側で「要素を追加 をクリックします。
  2. レイアウトツール」をクリックします。
  3. スライドショーリピーター」をクリックします。
  4. 好きなデザインをページにドラッグします。
  5. クライアントのニーズに合わせてスライドショーのコンテンツをカスタマイズします:
    • 要素(例:テキスト、画像)をクリックしてカスタマイズします。
    • スライドにさらに要素を追加します。
    • 不要な要素を削除します。
    • 要素を CMS(コンテンツ管理システム)に接続します。
「要素を追加」パネルで利用可能なスライドショーデザイン

スライドを管理する

要素設定パネルの上部には、現在のアイテム(スライド)数と、それらを個別に管理するオプションが表示されます。
アイテムを複製してさらにスライドを追加したり、無関係なコンテンツを削除したりできます。
スライドショーを選択した際の要素設定パネルで、上部にアイテム数が表示されています。

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

  1. スライドショーリピーターを選択します。
  2. エディタ右上の「要素設定パネルを開く」アイコン をクリックします。
Wix Studio エディタの「要素設定パネルを開く」アイコンのスクリーンショット。
  1. 要素設定パネル上部の「管理」をクリックします。
  2. 該当するアイテム(スライド)にマウスオーバーし、「その他のアクション」アイコン  をクリックします。
  3. 複製」、「名前を変更」、「削除」のいずれかを選択します。
    ヒント:1つのスライドの名前を変更すると、このスライドショーの他のスライドの名前も自動的に変更されます。
スライドショーの各アイテム / スライドに表示される管理オプション

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

スライドショーを希望通りに動作させることができます。ナビゲーションボタンを表示または非表示にしたり、スライドショーが自動的に再生されるように設定したり、スライド間に切り替えを追加したりできます。

スライドショー設定を調整する方法:

  1. スライドショーリピーターを選択します。
  2. 設定」をクリックします。
  3. 次に実行する内容を選択します:
    • ナビゲーションボタンを表示する:トグルをクリックして、ナビゲーションボタンを表示または非表示にします。
    • 切り替え:スライド間に切り替えエフェクトを適用するかどうかを選択し、設定を調整します。
    • 自動再生:トグルを有効にして、訪問者の操作なしでスライドショーを自動的に再生します。
      • 各アイテムの時間:スライドショーが自動的に次のスライドに進むまでのスライドの表示時間を決定します。
      • マウスオーバーで一時停止:このトグルを有効にすると、訪問者がマウスオーバーしたときにスライドショーが停止します。これにより、サイト訪問者はコンテンツに集中することができます。
      • 一時停止 / 再生ボタンを表示:トグルを有効にして、訪問者がスライドショーを一時停止して再生できるようにします。
    • 無限ループ:このトグルを有効にすると、スライドショーに「終了」がなくなり、最初に戻ります。
キャンバス上のスライドショーの横にある「スライドショー設定」パネル

スライドショーリピーターをデザインする

クライアントのスタイルやサイトに合わせて、スライドショーリピーターの外観をカスタマイズします。スライドに背景色を追加したり、スライドショーに枠線を付けたり、影を適用して目立たせたりすることができます。

スライドショーリピーターをデザインする方法:

  1. スライドショーリピーターを選択します。
  2. エディタ右上の「要素設定パネルを開く」アイコン をクリックします。
Wix Studio エディタの「要素設定パネルを開く」アイコンのスクリーンショット。
  1. 次に実行する内容を選択します:
    • スライドの背景色を選択し、不透明度を設定する。
    • スライドショーに枠線を追加する。
    • スライドショーの角の丸みを調整する。
    • スライドショーの後ろに影を追加する。
要素設定パネルで利用可能なスライドショーのデザインオプション。
参考:
サイトの言語に合わせてスライドショーの方向を変更することができます。「 レイアウト」アイコン   をクリックして、パネルからオプションを選択します。

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

リピータースライドショーには 2つのボタンが組み込まれており、訪問者はそのボタンを使用してスライド間を移動できます。アイコンを置き換えたり、サイズを調整したり、ボタンの横に役立つテキスト(例:「前へ」、「次へ」)を追加したりできます。
また、ボタンを完全に削除して、訪問者が戻ったりスキップしたりできないようにすることもできます。スライドショー設定パネルに移動してボタンを非表示にします。

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

  1. スライドショーリピーターを選択します。
  2. ナビゲーションボタンを選択します。
    ヒント:設定はすべてのスライドに適用されるため、どのスライドを表示していても問題ありません。
  3. テキスト・アイコンの変更」をクリックしてアイコンを置き換え、ボタンにテキストを追加します。
ナビゲーションボタンを選択した際にツールバーに表示されるカスタマイズオプション

Helpmate

こんにちは、さん

さらにヘルプが必要ですか?
Unlock personalized helpLog in to get the most out of Helpmate.