Wix エディタ:ギャラリーのレイアウトを変更する
読了時間:5分
サイトの配置に合わせてギャラリーのレイアウトを調整します。幅、間隔、高さなどのオプションを使用して、画像を希望通りに構成・表示しましょう。
この記事では、下記の項目について説明します:
注意:
利用可能なレイアウトオプションは、選択したギャラリーによって異なります。
行数と列数を選択する
ギャラリーのコンテンツに必要な行数と列数を決定します。たとえば、ギャラリーに 9つの画像が含まれている場合、3行と 3列に設定すると、画像を均等に表示できます。
行数と列数を選択したら、画像間の間隔を拡大・縮小できます。
列数と行数を変更する方法:
- エディタでギャラリーをクリックします。
- 「レイアウト」アイコン をクリックします。
- レイアウトをカスタマイズする:
- 列:スライダーをドラッグして列数を設定します。
- 行数:スライダーをドラッグして行数を設定します。
- 間隔:スライダーをドラッグして、列と行間の間隔を設定します。
注意:
一部のギャラリーには、「列」オプションのみが含まれます。
ギャラリーのサイズを変更する
必要に応じて、ギャラリーのサイズを変更するには、ストレッチハンドルを使用してギャラリーを拡大または縮小する方法と、全幅に引き延ばす方法の 2つがあります。
ストレッチハンドルを使用してギャラリーのサイズを変更する
- エディタで該当するギャラリーをクリックします。
- ギャラリーの端にあるハンドルをクリックしてドラッグし、サイズを変更します。
注意:
ストレッチハンドルを使用してギャラリーのサイズを変更できない場合は、すでに全幅に設定されている可能性があります。必要な場合、このオプションを無効にすることができます。
ギャラリーを全幅に引き延ばす
- エディタでギャラリーをクリックします。
- 「ストレッチ」アイコン をクリックします。
- 「全幅に引き延ばす」トグルをクリックします:
- 有効化:パーツは、画面に合わせて全幅に引き延ばされます。
- 無効化:パーツは画面に合わせて引き延ばされません。
- (オプション)「パーツ両端の余白」スライダーをドラッグすると、ギャラリーの端の間隔を拡大・縮小することができます。
注意:
全幅ギャラリーの余白制限は 80ピクセルです。
ギャラリー画像のテキスト配置を調整する
ギャラリーによっては、画像のタイトルや説明を表示して、サイト訪問者に追加情報やコンテキストを提供できます。「レイアウト」パネルから配置を選択すると、テキストの位置を設定できます。
ギャラリーのテキストを配置する方法:
- エディタで該当するギャラリーをクリックします。
- 「レイアウト」アイコン をクリックします。
- 「テキスト配置(ホバー)」または「テキストの配置」下にある以下のオプションを選択します。
- 左:テキストは画像の左側に配置されます。
- 中央:テキストは画像の中央に配置されます。
- 右:テキストは画像の右側に配置されます。
ギャラリーに横向きと縦向きの画像を表示する
ギャラリーに横向きと縦向きの両方の画像がある場合は、それに合わせて画像の表示方法をフィットさせることができます。フィットする表示方法では、画像が自動的に切り取られるのを防ぐことができるため、すべての画像を正しい向きで表示できます。
始める前に:
使用したい向き(横向きまたは縦向き)で画像を保存・アップロードしてください。
画像の表示方法を設定する方法:
- ギャラリー(グリッド:ポラロイド、もしくはグリッド(ロールオーバー))をクリックします。
- 「設定」アイコン をクリックします。
- 「画像の表示方法」で以下のオプションのいずれかを選択します。
- クロップ:画像がスペースに合わせてクロップされ、全て同じ向きで表示されます。
- フィット:画像が画像スペースにフィットし、画像の元の向きで表示されます。
フリースタイルギャラリーのレイアウトをカスタマイズする
表示と回転方法を設定して、フリースタイルギャラリーの構造を調整します。また、レイアウトをランダム化して新しい見た目にすることもできます。
重要:
このオプションは、フリースタイルギャラリーでのみ使用できます。
フリースタイルギャラリーのレイアウトを変更する方法:
- エディタでギャラリーをクリックします。
- 「レイアウト」アイコン をクリックします。
- 「画像の配置」下にある以下のオプションを選択します。
- 広げる:ギャラリー内に画像をランダムにちりばめます。
- 重ねる:各画像を重ねて表示します。
- 「ランダムに傾ける」トグルをオン・オフにすると、画像を傾かせるか、画像の傾きを解除できます。
- 有効化:画像が角度を付けて配置されます(部分的に回転)。
- 無効化:画像が横向きに配置されます。
- (オプション)「配置をランダムに変更」ボタンをクリックすると、ギャラリー画像をランダムに異なるレイアウトで配置します。
お役に立ちましたか?
|