Wix エディタ:ギャラリーの比較と用語集

読了時間:4分
Wix エディタには、サイトに画像を表示するための美しいギャラリーがたくさん用意されています。ギャラリーごとに特徴があり、含まれるオプションも異なるため、ニーズに応じて最適なギャラリーを見つけることができます。
この記事では、次の項目について説明します:
ご存知でしたか?
プロギャラリー はカスタマイズオプションが最も多く、画像、動画、テキストをまとめて表示するのに最適です。

一般的なオプション

Wix エディタの各ギャラリーには、目的に応じて活用できる独自の機能が付属しています。
必要な機能に応じて、最適なギャラリーを検索します:
機能
説明
利用可能なギャラリー
画像のタイトルと詳細を表示する
訪問者に各画像の詳細を伝えることができます。
  • グリッド
  • スライダー
  • 3Dキューブギャラリー
  • アニメーション
ギャラリーを全幅に引き伸ばす
ギャラリーが画面の幅いっぱいに引き伸ばされます。
  • グリッド
  • スライダー
矢印ボタンを追加する
訪問者は、矢印ボタンを使用してギャラリーを閲覧することができます。
  • スライドショー(矢印)
  • スライドショー(ポストカード)
自動再生
訪問者がクリックしなくても、ギャラリーが自動的に再生を開始します。
  • スライドショー(矢印)
  • スライドショー(ポストカード)
  • 3Dキューブギャラリー
  • 3D回転ギャラリー
  • アニメーション
再生ボタンを表示
訪問者が「再生」ボタンをクリックしない限り、ギャラリーは自動再生されません
スライドショー(ポストカード)
ループ表示
訪問者が矢印ボタンにマウスオーバーすると、ギャラリー画像が繰り返し再生されます。
スクロール:ドット

設定パネル

すべてのギャラリーには設定パネルが付属しており、ここでギャラリーの再生方法や動作を設定することができます。
各ギャラリーで設定できる機能は下記の通りです:
設定
動作
利用可能なギャラリー
読み込み後に自動再生
このトグルを有効にすると、ページが読み込まれ次第、ギャラリーが自動的に再生を開始します。

画像の表示間隔(秒)」下で、各画像が表示される時間(秒)を設定します。
  • グリッド:ポートレート
  • スライドショー(矢印)
  • スライドショー(ポストカード)
  • 3Dキューブギャラリー
  • 3D回転ギャラリー
  • アニメーション
再生ボタンを表示
このトグルを有効にして、訪問者がギャラリーの再生をコントロールできるようにします。
  • グリッド:ポートレート
  • スライドショー(矢印)
  • スライドショー(ポストカード)
ループ表示
このトグルを有効にすると、訪問者が矢印ボタンにマウスオーバーしたときにギャラリー画像が繰り返し再生されます。

スクロール速度」下で各画像が表示される時間を秒単位で制御します。
スクロール:ドット
矢印ボタンを表示
このトグルを有効にすると、ギャラリーに矢印が追加され、訪問者がより自由に閲覧できるようになります。

注意: 「スクロール:ドット」ギャラリーと3Dキューブギャラリーでは、これらの矢印はデザインの一部であり、削除することはできません。
  • グリッド:ポートレート
  • スライドショー(矢印)
  • スライドショー(ポストカード)
スライドボタンを表示
このトグルを有効にしてギャラリーにボタンを追加し、訪問者がスライドを閲覧できるようにします。
アニメーション
画像の表示方法
ギャラリーに合わせて画像のサイズを変更する方法を選択します:
  • クロップ: 画像のスペースに収まるように画像をクロップ(切り抜き)します。
  • フィット: 画像を画像スペースにフィットさせます。
  • すべてのグリッドギャラリー
  • すべてのスライドショーギャラリー
  • フリースタイル
クリック時の動作
訪問者がギャラリー画像をクリックしたときの動作を選択します:
  • なし
  • ポップアップで表示:画像はポップアップで拡大表示されます。
  • リンク先を開く:各画像をクリックすると、選択したリンクが開きます。
すべてのギャラリー
テキスト
各画像について訪問者が閲覧できる情報を選択します:
  • タイトルと詳細を表示
  • タイトルのみ表示
  • 詳細のみ表示
  • 表示しない
  • グリッド(メーソンリー)
  • アニメーション
変換エフェクト
画像の読み込み時に、目を引くエフェクトを追加します。たとえば、フェードイン / フェードアウトなどを設定できます。

注意:利用可能なエフェクトは、選択したギャラリーによって異なります。
  • スライドショー(矢印)
  • スライドショー(ポストカード)
  • グリッド:ポートレート
  • アニメーション
「もっと見る」ボタン
「もっと見る」ボタンの内容と、このボタンをクリックした後に表示する行数を決定できます。
9枚以上の画像を含むポラロイドグリッドとロールオーバーグリッド。

デザインパネル

デザインを変更」アイコン  をクリックし、ギャラリーの外観を変更するか、「デザインをカスタマイズ」をクリックして特定の設定を調整します。
以下では、ギャラリーのデザインをカスタマイズするためのさまざまなオプションについて説明します:
設定
動作
色・不透明度
テキストボックス、フレーム、背景などの色を変更して、ギャラリーの色をサイトに合わせます。
枠線
画像の枠線をデザインして目立たせます。
角を丸くすることで、画像の形を変更します。
影を追加して、画像に3D効果を追加します。
テキスト
サイトやブランドに合わせてギャラリーに表示されるテキストのフォントを設定します。フォントの色、サイズなどを調整します。
間隔
画像の詳細を表示するテキストボックスの高さと余白を調整します。
通常時 / マウスオーバー
グリッドギャラリーでは、これらの各ビューのデザインを個別にカスタマイズできます:
  • 通常時:訪問者がギャラリーをクリックまたはマウスオーバーする前に表示されるコンテンツ。
  • マウスオーバー:訪問者がギャラリーアイテムにマウスオーバーしたときに表示されるコンテンツ。
矢印ボタンの不透明度と色
アニメーションスライドギャラリーでは、訪問者がスライド間を移動するためにクリックする丸いボタンの色と不透明度を選択できます。
スライドの不透明度と色
アニメーションスライドギャラリーでは、各スライドの背景色と不透明度を選択できます。
ギャラリーをさらにカスタマイズする:
ギャラリーデザイン」パネルの上部で、フレーム、形、デコレーションの異なるギャラリーから選択します。

お役に立ちましたか?

|