Wix フォトアルバム:フォトアルバムをデザインする
読了時間:6分
フォトアルバムに写真をアップロードしたら、希望通りの表示になるようデザインを変更しましょう。Wix フォトアルバムには、レイアウトのカスタマイズ、色やフォントの変更、カスタムアニメーションの使用など、数百ものデザインオプションがあります。フォトアルバムエディタでは、これらのオプションやその他の機能にアクセスできます。
注意:
この記事で説明されているカスタマイズオプション以外の変更はサポートされていません。フォトアルバムページに追加のボタン、パーツ、メニューを追加することはできません。
フォトアルバムエディタにアクセスする方法
この記事では、次の項目について説明します:
アルバムのレイアウトを変更する
アルバムのレイアウトによって写真の配置が決まります。12種類のレイアウトから選択でき、それぞれに独自のオプションがあります。
たとえば、メーソンリーレイアウトを選択した場合は画像間の間隔をカスタマイズできます。また、サムネイルレイアウトを選択した場合、サムネイルのサイズを変更できます。
アルバムのレイアウトを変更する方法:
![利用可能なレイアウトオプションが表示されたスクリーンショット。](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/43afd84c-813c-43a2-baab-131b6878accd/2024/08/01/c08f9cd9-3eff-4157-a9b7-bbd978e3edab/b982c563-3fb8-44cc-a9f8-bb3a7adeb7c8.png)
カバーアートをカスタマイズする
アルバムのカバーとしてハイライトしたい写真を選択します。カバー写真は、サイト訪問者があなたのアルバムギャラリーを見て最初に目にする写真です。
カバーアートをカスタマイズする方法:
- サイトダッシュボードのフォトアルバムにアクセスします。
- 該当するアルバム横の「編集」をクリックします。
- 実行する内容を選択します:
カバー写真を変更する
カバーアートに表示するテキストを変更する
カバーアートのデザインを変更する
カバーアートを非表示にする
アルバムの色を変更する
アルバムに使用する色を選択し、枠線と影のデザインをカスタマイズします。
アルバムの色を変更する方法:
- サイトダッシュボードのフォトアルバムにアクセスします。
- 該当するアルバム横の「編集」をクリックします。
- 「ギャラリー」をクリックします。
- 「デザイン」タブをクリックします。
- 「色」をクリックします。
- 以下の色とデザインをカスタマイズします:
背景・アイコン
写真情報・オーバーレイ
枠線
影
![カスタマイズ可能な設定の一部が表示されたスクリーンショット。例:背景、写真情報、オーバーレイ設定など。](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/43afd84c-813c-43a2-baab-131b6878accd/2024/08/01/287e247f-dc02-4bc1-b55c-8d3c4849755f/b46b6065-a867-4d48-bc1f-7fcfa99e3e7f.png)
アルバムのフォントを変更する
フォントセットはアルバム内のすべてのテキストに影響します。タイトルフォント(アルバム、ギャラリー、写真のタイトル)とセカンダリフォント(その他すべてのタイトル)で構成されています。プリセットのフォントセットから選択するか、独自のフォントセットを作成します。
注意:
パスワードログインページのフォントの色設定は、「ギャラリー」タブの「ページのテキスト・アイコンの色」で設定した色が使用されます。パスワードで保護されたギャラリーでテキストを白に設定すると、テキストは見えなくなります。
アルバムのフォントを変更する方法:
- サイトダッシュボードのフォトアルバムにアクセスします。
- 該当するアルバム横の「編集」をクリックします。
- 「デザイン」タブをクリックします。
- 「フォント」をクリックします。
- 既存のフォントセットを選択するか、「+新しいフォントセット」をクリックして独自のフォントセットを追加します。
![利用可能なフォントの一部が表示されたスクリーンショット。](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/43afd84c-813c-43a2-baab-131b6878accd/2024/08/01/2c518977-9fe6-4123-9657-c9e3a89f960d/0f7e70af-60bc-470b-8a09-5d5cd733ca88.png)
アニメーション効果を追加する
アニメーション効果を追加したり、訪問者がアルバムでスクロールした際や一枚の写真にマウスオーバーした際の動作を選択して、動きのあるギャラリーを作成してみましょう。
アニメーション効果を追加する方法:
- サイトダッシュボードのフォトアルバムにアクセスします。
- 該当するアルバム横の「編集」をクリックします。
- 「デザイン」タブをクリックします。
- 「アニメーション」をクリックします。
- 次のシナリオに合わせてアニメーション効果をカスタマイズします:
- スクロール効果:訪問者がアルバムでギャラリーをスクロールダウンしたときのエフェクトを選択します。たとえば、スクロール中に写真をズームアウトさせることができます。
- マウスオーバー効果:訪問者が写真にマウスオーバーしたときのエフェクトを選択します。たとえば、写真の色をグレイスケールに変更することができます。
- オーバーレイアニメーション:訪問者が写真にマウスオーバーしたときに表示するオーバーレイアニメーションを選択します。たとえば、写真を右にスライドさせることができます。
![利用可能なアニメーションオプションの一部が表示されたスクリーンショット。](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/43afd84c-813c-43a2-baab-131b6878accd/2024/08/01/ec91b7cf-6c5c-4636-90a2-23a1cc4f6561/190f26b8-c79b-434f-8fa9-a339fd0d56eb.png)
ヒント:
「マウスオーバーでプレビューを表示」をクリックして、エフェクトの表示を確認します。
よくある質問
フォトアルバムのデザインに関する詳細については、以下の質問をクリックしてください。
フォトアルバムのカバー写真の焦点を変更することはできますか?
拡大表示をカスタマイズすることはできますか?