Wixプロギャラリー:ギャラリーのサムネイルをカスタマイズする
読了時間:3分
Wix プロギャラリーの一部のレイアウトでは、訪問者がクリックして開いたり拡大したりできるサムネイルとしてのメディアが表示されます。サイトのデザインに合わせて、サムネイルのサイズ、間隔、比率をカスタマイズすることができます。
![サムネイル付きプロギャラリーのスクリーンショット。](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/5c3e602a-8647-41f7-bb22-686374bf97ce/2021/07/22/184f9836-82e9-4ec2-b0f4-2952d6916a95/2903805e-d221-4bb9-b3f5-711944475bcf.png)
この記事では、次の項目について説明します:
サムネイルのサイズを変更する
サムネイルのサイズは自由に調節することができます。
サムネイルのサイズを変更する方法:
- エディタでプロギャラリーをクリックします。
- 「設定」をクリックします。
- 「レイアウト」タブをクリックします。
- 「レイアウトを編集」をクリックします。
- 「サムネイルのサイズ」スライダーをドラッグして、サムネイルを拡大または縮小します。
![サムネイルのサイズを調整する場所をハイライトした「レイアウト」タブのスクリーンショット。](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/43afd84c-813c-43a2-baab-131b6878accd/2022/07/18/b67f2b37-8850-4e71-a50c-11b15192b269/e1fd05c9-708f-4832-9e35-2d571c985a28.png)
サムネイルのサイズ変更方法を設定する
プロギャラリーのメディアは、サムネイルとして表示される際に自動的にサイズ変更されます。サイズの変更方法は選択することができます:
- クロップ:すべてのサムネイルの画像比率は同じです。比率に合わないメディアは、一部クロップされている可能性があります。
- フィット:メディア全体がサムネイルに表示されます。比率が異なるアイテムは、画像の縦横比が異なります。
![サムネイルのクロップとフィットのオプションを表示した「レイアウト」タブのスクリーンショット。](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/43afd84c-813c-43a2-baab-131b6878accd/2022/07/18/d69f2389-d3e4-4e1e-b854-cf2a3868de67/c81ef210-8177-4e6d-9624-b2e331a642a0.png)
サイズ変更設定を調整する方法:
- エディタでプロギャラリーをクリックします。
- 「設定」をクリックします。
- 「レイアウト」タブをクリックします。
- 「レイアウトを編集」をクリックします。
- 「サムネイルのサイズ変更 」までスクロールダウンし、以下のオプションから選択します:
- クロップ:アイテムはサムネイルと同じサイズと縦横比です。16:9、1:1、4:3 など、サムネイルの比率を選択できます。
- フィット:アイテムはサムネイルとして元の比率で表示されます。
注意:「枠線の太さ・色」、「角の丸み」デザインオプションは、サムネイルのサイズ変更オプションとして「クロップ」を選択した場合にのみ、「デザイン」タブの「アイテムスタイル」セクションで使用できます。
サムネイル間の間隔をカスタマイズする
ギャラリーのサムネイル間の間隔を調整します。間隔を広げてオープンなレイアウトにするか、間隔を狭めタイトな見た目にします。
サムネイル間の間隔をカスタマイズする方法:
- エディタでプロギャラリーをクリックします。
- 「設定」をクリックします。
- 「レイアウト」タブをクリックします。
- 「レイアウトを編集」をクリックします。
- 「間隔」スライダーをドラッグして、サムネイル間の間隔を調整します。
![サムネイル間の間隔を調整する場所をハイライトした「レイアウト」タブのスクリーンショット。](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/43afd84c-813c-43a2-baab-131b6878accd/2022/07/18/7a538200-f258-4a21-b57f-f91f7dbb3752/051d35a9-a7ce-4f29-a632-5e147952c6ac.png)
サムネイルの位置を調整する
訪問者がギャラリーアイテムを閲覧する際に、ギャラリー内の他のアイテムのサムネイルを使用して簡単に移動できます。現在表示中のアイテムを基準に、サムネイルを表示する場所(左や下部)を選択できます。
注意:
このオプションは、サムネイルレイアウトでのみ使用できます。
サムネイルの位置を調整する方法:
- エディタでプロギャラリーをクリックします。
- 「設定」をクリックします。
- 「レイアウト」タブをクリックします。
- 「レイアウトを編集」をクリックします。
- 「サムネイルの位置」下でサムネイルの位置をクリックします。
![サムネイルの位置オプションをハイライトした「レイアウト」タブのスクリーンショット。](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/43afd84c-813c-43a2-baab-131b6878accd/2022/07/18/a3736741-a6bf-44c1-bf8d-8ec828c18f46/ed1cff83-a15c-4bb6-a761-ffb9f4f514b8.png)
お役に立ちましたか?
|