Wix プロギャラリー：Wix プロギャラリーのレイアウトを選択する（カスタム vs. プリセット）

Wix プロギャラリーでは、いくつかの素敵なレイアウトを提供しています。メディアを紹介するカスタムレイアウトまたはプリセットレイアウトから選択しましょう。

カスタムレイアウトでは、ギャラリーの間隔、方向、向きなどを完全にカスタマイズできます。プリセットレイアウトでは、ほとんどの作業は自動的に行われるため、レイアウト自体はカスタマイズできませんが、ギャラリーのデザインはカスタマイズが可能です。

この記事では、次の項目について説明します：

カスタムレイアウト

これらのギャラリーレイアウトを使用すると、プロギャラリーを最初からデザインおよびカスタマイズできます。各レイアウトには、カスタマイズ可能なさまざまな設定が用意されています。静的またはスライド式のギャラリーレイアウトから選択するか、シャッフルレイアウトを選択すると、Wix 側でレイアウトを生成します。

カスタムレイアウトを選択する方法：

エディタで Wix プロギャラリーをクリックします。
「設定」をクリックします。
「レイアウト」タブをクリックします。
ギャラリーのレイアウトを選択します。
「レイアウトを編集」をクリックしてレイアウトをカスタマイズします。レイアウトをクリックして機能の詳細をご覧ください：

コラージュ

メーソンリー

グリッド

グリッド内に画像を表示する場合は、このレイアウトを使用します。

スクロールの方向：ギャラリーが縦方向または横方向にスクロールするかどうかを選択します。
サムネイルのサイズ変更：
- クロップ：画像の比率を選択できます。
- フィット：画像のサイズをギャラリーのサイズに合わせます。
  注意：「枠線の太さ・色」、「角の丸み」オプションは、レイアウトの設定でサムネイルのクロップを選択した場合にのみ、アイテムスタイルタブで使用できます。
画像の比率：利用可能な画像の比率オプションから選択します。（例：4:3、1:1）
自動的でスライド：（このオプションは、スクロールの方向で「横」を選択した場合にのみ使用できます。）スライドショーにアイテムを表示する方法を選択します：
- インターバル：指定した時間が経過すると、ギャラリーは次のアイテムにスライドします。「スライド間の時間」スライダーをドラッグして、アイテム間の秒数を変更します。注意：トランジション効果を変更する場合は、「デザイン」設定の「スライドアニメーション」タブに移動してください。
- 連続：ギャラリーは自動的にスライドします。「スライドショーの速度」スライダーをドラッグして、ギャラリーがスライドする速度を調整します。
- ホバーで一時停止：トグルを有効にして、訪問者がギャラリーアイテムにマウスオーバーしたときにスライドショーを一時停止します。
自動で調節：ギャラリー内に収まる画像を、固定サイズで表示します。
表示枚数を設定：スライダーをドラッグして、行ごとに表示する画像の数を調整します。注意：現在、グリッドレイアウトのプロギャラリーでは、1行に 5枚以上の画像を表示することはできません。この機能をご希望の場合は、機能リクエストに投票してください。
サムネイルのサイズ：ギャラリー内の画像の大きさを選択します。
列ごとの画像数：列ごとに表示する画像の数を選択します。（横方向が選択されている場合のみ）
間隔：画像間の間隔を設定します。
「もっと見る」ボタン：「もっと見る」ボタンの表示と非表示を切り替えます。
画像のロード数：（このオプションは「もっと見る」ボタンを有効にした場合にのみ利用できます。）訪問者が「もっと見る」をクリックしたときに読み込まれる画像の数を選択します：
- 全ての画像
- 最後のセクション（元のギャラリーと同じサイズの別のセクションを追加します）

サムネイル

選択した画像の横に複数のサムネイルを表示する場合は、サムネイルレイアウトを使用します。

ギャラリー比率：
- 手動：ギャラリーの高さと幅を自由に調整できます。
- 固定：提案された比率のいずれかを使用して、どの画面サイズでも同じ比率を維持します。
サムネイルのサイズ変更：
- クロップ：画像のサイズをギャラリーのサイズに合わせます。
- フィット：画像を元の比率で表示し、ギャラリーのサイズに合わせます。画像の周りに空白が多すぎる場合は、ギャラリーの高さを増やす必要があります。
  注意：「枠線の太さ・色」、「角の丸み」オプションは、レイアウトの設定でサムネイルのクロップを選択した場合にのみ使用できます。
サムネイルの位置：画面上でサムネイルを表示する位置を選択します。（現在の画像の下、左、上、右）
サムネイルのサイズ：スライダーをドラッグして、ギャラリー内の画像の大きさを選択します。
注意：画像の数が少なく、メイン画像の下に空きスペースがある場合は、サムネイルのサイズを大きくする必要があります。
画像をループ表示：最後の画像で「次へ」ボタンを無効にするかどうかを選択します。
注意：後方にスクロールしながら最初の画像に到達すると、「左」ボタンは常に無効になります。
自動的でスライド：（このオプションは、スクロールの方向で「横」を選択した場合にのみ使用できます。）スライドショーにアイテムを表示する方法を選択します：
- インターバル：指定した時間が経過すると、ギャラリーは次のアイテムにスライドします。「スライド間の時間」スライダーをドラッグして、アイテム間の秒数を変更します。注意：トランジション効果を変更する場合は、「デザイン」設定の「スライドアニメーション」タブに移動してください。
- 連続：ギャラリーは自動的にスライドします。「スライドショーの速度」スライダーをドラッグして、ギャラリーがスライドする速度を調整します。
- ホバーで一時停止：トグルを有効にして、訪問者がギャラリーアイテムにマウスオーバーしたときにスライドショーを一時停止します。
サムネイルの間隔：スライダーをドラッグして、画像間の間隔を選択します。

注意：現在、サムネイルの配置を調整することはできません。この機能をご希望の場合は、機能リクエストに投票することができます。

スライダー

横スクロールで複数の画像を表示する場合は、スライダーレイアウトを使用します。

注意：このレイアウトで一度に表示される画像の数は、ギャラリーのサイズによって異なります。画像が切れて表示される場合は、ギャラリーのサイズを変更する必要があります。別の解決策としては、レイアウト設定でサムネイルサイズは「クロップ」を、画像比率は「レスポンシブ」を選択することができます。

ギャラリー比率：
- 手動：ギャラリーの高さと幅を自由に調整できます。
- 固定：提案された比率のいずれかを使用して、どの画面サイズでも同じ比率を維持します。
サムネイルのサイズ変更：
- クロップ：画像の比率を固定するかレスポンシブにするかを選択します。
- フィット：画像を元の比率で表示し、ギャラリーのサイズに合わせます。画像の周りに空白が多すぎる場合は、ギャラリーの高さを増やす必要があります。
  注意：「枠線の太さ・色」、「角の丸み」オプションは、レイアウトの設定でサムネイルのクロップを選択した場合にのみ、アイテムスタイルタブで使用できます。
画像の比率：
- レスポンシブ：画像のサイズは、閲覧者のデバイスに応じて自動的に調整されます。
- 固定：利用可能な画像の比率オプションから選択します。（例：4:3、1:1）画像はすべてのデバイスでこの比率で表示されます。
画像をループ表示：最後の画像で「次へ」ボタンを無効にするかどうかを選択します。
注意：後方にスクロールしながら最初の画像に到達すると、「左」ボタンは常に無効になります。
自動的でスライド：（このオプションは、スクロールの方向で「横」を選択した場合にのみ使用できます。）スライドショーにアイテムを表示する方法を選択します：
- インターバル：指定した時間が経過すると、ギャラリーは次のアイテムにスライドします。「スライド間の時間」スライダーをドラッグして、アイテム間の秒数を変更します。注意：トランジション効果を変更する場合は、「デザイン」設定の「スライドアニメーション」タブに移動してください。
- 連続：ギャラリーは自動的にスライドします。「スライドショーの速度」スライダーをドラッグして、ギャラリーがスライドする速度を調整します。
- ホバーで一時停止：トグルを有効にして、訪問者がギャラリーアイテムにマウスオーバーしたときにスライドショーを一時停止します。
間隔：画像間の間隔を設定します。

スライドショー

横スクロールで一度に1つの画像を表示する場合は、スライドショーレイアウトを使用します。

ギャラリー比率：
- 手動：ギャラリーの高さと幅を自由に調整できます。
- 固定：提案された比率のいずれかを使用して、どの画面サイズでも同じ比率を維持します。
サムネイルのサイズ変更：
- クロップ：画像のサイズをギャラリーのサイズに合わせます。
- フィット：画像を元の比率で表示し、ギャラリーのサイズに合わせます。画像の周りに空白が多すぎる場合は、ギャラリーの高さを増やす必要があります。
  注意：「枠線の太さ・色」、「角の丸み」オプションは、レイアウトの設定でサムネイルのクロップを選択した場合にのみ使用できます。
画像をループ表示：最後の画像で「次へ」ボタンを無効にするかどうかを選択します。
注意：後方にスクロールしながら最初の画像に到達すると、「左」ボタンは常に無効になります。
自動的でスライド：（このオプションは、スクロールの方向で「横」を選択した場合にのみ使用できます。）スライドショーにアイテムを表示する方法を選択します：
- インターバル：指定した時間が経過すると、ギャラリーは次のアイテムにスライドします。「スライド間の時間」スライダーをドラッグして、アイテム間の秒数を変更します。注意：トランジション効果を変更する場合は、「デザイン」設定の「スライドアニメーション」タブに移動してください。
- 連続：ギャラリーは自動的にスライドします。「スライドショーの速度」スライダーをドラッグして、ギャラリーがスライドする速度を調整します。
- 再生ボタンを表示：訪問者がスライドショーを一時停止または再生できるようにするボタンを追加します。（このオプションは、「自動でスライド」を有効にした場合にのみ使用できます。）
- ホバーで一時停止：トグルを有効にして、訪問者がギャラリーアイテムにマウスオーバーしたときにスライドショーを一時停止します。
  ヒント：スライドショーを自動的にスライドするように設定すると、デザインセクションの「テキスト」タブからギャラリーにスライドショーカウンターを表示するオプションがあります。
情報バーのサイズ：ギャラリーの下にアイコン、タイトル、詳細用のスペースを追加します。