Wix エディタ:ギャラリーのレイアウトを変更する

読了時間:5分
サイトの配置に合わせてギャラリーのレイアウトを調整します。幅、間隔、高さなどのオプションを使用して、画像を希望通りに構成・表示しましょう。
この記事では、下記の項目について説明します:
注意:
利用可能なレイアウトオプションは、選択したギャラリーによって異なります。

行数と列数を選択する

ギャラリーのコンテンツに必要な行数と列数を決定します。たとえば、ギャラリーに 9つの画像が含まれている場合、3行と 3列に設定すると、画像を均等に表示できます。
行数と列数を選択したら、画像間の間隔を拡大・縮小できます。

列数と行数を変更する方法:

  1. エディタでギャラリーをクリックします。
  2. レイアウト」アイコン をクリックします。
  3. レイアウトをカスタマイズする:
    • :スライダーをドラッグして列数を設定します。
    • 行数:スライダーをドラッグして行数を設定します。
    • 間隔:スライダーをドラッグして、列と行間の間隔を設定します。
グリッドギャラリーのレイアウトパネルのスクリーンショット。列、行、間隔のスライダーがハイライトされます。
注意:
一部のギャラリーには、「」オプションのみが含まれます。

必要に応じて、ギャラリーのサイズを変更するには、ストレッチハンドルを使用してギャラリーを拡大または縮小する方法と、全幅に引き延ばす方法の 2つがあります。

ストレッチハンドルを使用してギャラリーのサイズを変更する

  1. エディタで該当するギャラリーをクリックします。
  2. ギャラリーの端にあるハンドルをクリックしてドラッグし、サイズを変更します。
注意:
ストレッチハンドルを使用してギャラリーのサイズを変更できない場合は、すでに全幅に設定されている可能性があります。必要な場合、このオプションを無効にすることができます。
ストレッチハンドルでグリッドギャラリーが引き延ばされ、サイズが変更されていることを示しています。

ギャラリーを全幅に引き延ばす

  1. エディタでギャラリーをクリックします。
  2. ストレッチ」アイコン をクリックします。
  3. 全幅に引き延ばす」トグルをクリックします:
    • 有効化:パーツは、画面に合わせて全幅に引き延ばされます。
    • 無効化:パーツは画面に合わせて引き延ばされません。
  4. (オプション)「パーツ両端の余白」スライダーをドラッグすると、ギャラリーの端の間隔を拡大・縮小することができます。
エディタのギャラリー上にストレッチパネルが表示されています。「全幅に引き延ばす」トグルがオンになっています。
注意:
全幅ギャラリーの余白制限は 80ピクセルです。

ギャラリーによっては、画像のタイトルや説明を表示して、サイト訪問者に追加情報やコンテキストを提供できます。「レイアウト」パネルから配置を選択すると、テキストの位置を設定できます。

ギャラリーのテキストを配置する方法:

  1. エディタで該当するギャラリーをクリックします。
  2. レイアウト」アイコン  をクリックします。
  3. テキスト配置(ホバー)」または「テキストの配置」下にある以下のオプションを選択します。
    • :テキストは画像の左側に配置されます。
    • 中央:テキストは画像の中央に配置されます。
    • :テキストは画像の右側に配置されます。
メーソンリーギャラリーのレイアウトパネルのスクリーンショット。テキストを中央揃えにするオプションの上にカーソルがあります。

ギャラリーに横向きと縦向きの両方の画像がある場合は、それに合わせて画像の表示方法をフィットさせることができます。フィットする表示方法では、画像が自動的に切り取られるのを防ぐことができるため、すべての画像を正しい向きで表示できます。
始める前に:
使用したい向き(横向きまたは縦向き)で画像を保存・アップロードしてください。

画像の表示方法を設定する方法:

  1. ギャラリー(グリッド:ポラロイド、もしくはグリッド(ロールオーバー))をクリックします。
  2. 設定」アイコン  をクリックします。
  3. 画像の表示方法」で以下のオプションのいずれかを選択します。
    • クロップ:画像がスペースに合わせてクロップされ、全て同じ向きで表示されます。
    • フィット:画像が画像スペースにフィットし、画像の元の向きで表示されます。
グリッドギャラリー設定パネルのスクリーンショット。画像を「フィット」に設定するオプションにカーソルがあります。

表示と回転方法を設定して、フリースタイルギャラリーの構造を調整します。また、レイアウトをランダム化して新しい見た目にすることもできます。
重要:
このオプションは、フリースタイルギャラリーでのみ使用できます。

フリースタイルギャラリーのレイアウトを変更する方法:

  1. エディタでギャラリーをクリックします。
  2. レイアウト」アイコン  をクリックします。
  3. 画像の配置」下にある以下のオプションを選択します。
    • 広げる:ギャラリー内に画像をランダムにちりばめます。
    • 重ねる:各画像を重ねて表示します。
  4. ランダムに傾ける」トグルをオン・オフにすると、画像を傾かせるか、画像の傾きを解除できます。
    • 有効化:画像が角度を付けて配置されます(部分的に回転)。
    • 無効化:画像が横向きに配置されます。
  5. (オプション)「配置をランダムに変更」ボタンをクリックすると、ギャラリー画像をランダムに異なるレイアウトで配置します。
フリースタイルギャラリーの「レイアウト」設定画面

お役に立ちましたか?

|