Wix フォトアルバム:フォトアルバムをデザインする
読了時間:7分
フォトアルバムに写真をアップロードしたら、希望通りの表示になるようデザインを変更しましょう。 Wix フォトアルバムには、レイアウトのカスタマイズ、色やフォントの変更、カスタムアニメーションの使用など、数百ものデザインオプションがあります。フォトアルバムエディタでは、これらのオプションやその他の機能にアクセスできます。
注意:
この記事で説明されているカスタマイズオプション以外の変更はサポートされていません。フォトアルバムページに追加のボタン、パーツ、メニューを追加することはできません。
フォトアルバムエディタにアクセスする方法
この記事では、次の項目について説明します:
アルバムのレイアウトを変更する
アルバムのレイアウトによって写真の配置が決まります。12種類のレイアウトから選択でき、それぞれに独自のオプションがあります。
たとえば、メーソンリーレイアウトを選択した場合は画像間の間隔をカスタマイズできます。また、サムネイルレイアウトを選択した場合、サムネイルのサイズを変更できます。
アルバムのレイアウトを変更する方法:
![](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/43afd84c-813c-43a2-baab-131b6878accd/2023/09/27/88c393de-bebe-4117-8bfe-a22946197f00/c44e96fe-b627-4945-9ebd-ec1f3f14372b.png)
カバーアートをカスタマイズする
アルバムのカバーとしてハイライトしたい写真を選択します。カバー写真は、サイト訪問者があなたのアルバムギャラリーを見て最初に目にする写真です。
カバーアートをカスタマイズする方法:
- サイトダッシュボードのフォトアルバムにアクセスします。
- 該当するアルバム横で「その他のアクション」アイコン
をクリックして「編集する」を選択します。
- 以下から、カスタマイズしたい内容を選択します:
カバー写真を変更する
カバーアートに表示するテキストを変更する
カバーアートのデザインを変更する
カバーアートを非表示にする
アルバムの色を変更する
アルバムに使用する色を選択し、枠線と影のデザインをカスタマイズします。
アルバムの色を変更する方法:
- サイトダッシュボードのフォトアルバムにアクセスします。
- 該当するアルバム横で「その他のアクション」アイコン
をクリックして「編集する」を選択します。
- 左側の「デザイン」タブをクリックします。
- 「色」をクリックします。
- 以下の色とデザインをカスタマイズします:
背景・アイコン
写真情報・オーバーレイ
枠線
影
![](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/43afd84c-813c-43a2-baab-131b6878accd/2023/09/27/8a84fad0-5bea-4e9e-9182-7afac342edf8/71deee43-ded4-4cb6-b910-d537157da6de.png)
アルバムのフォントを変更する
フォントセットはアルバム内のすべてのテキストに影響します。タイトルフォント(アルバム、ギャラリー、写真のタイトル)とセカンダリフォント(その他すべてのタイトル)で構成されています。プリセットのフォントセットから選択するか、独自のフォントセットを作成します。
アルバムのフォントを変更する方法:
- サイトダッシュボードのフォトアルバムにアクセスします。
- 該当するアルバム横で「その他のアクション」アイコン
をクリックして「編集する」を選択します。
- 左側の「デザイン」タブをクリックします。
- 「フォント」をクリックします。
- 既存のフォントセットを選択するか、「+新しいフォントセット」をクリックして独自のフォントセットを追加します。
![](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/43afd84c-813c-43a2-baab-131b6878accd/2023/09/27/1c05a159-fab2-45d2-a6fc-e2bb2eee6446/1c05c6ca-81aa-4fe4-af2e-0ab2d5d94b15.png)
アニメーション効果を追加する
アニメーション効果を追加したり、訪問者がアルバムでスクロールした際や一枚の写真にマウスオーバーした際の動作を選択して、動きのあるギャラリーを作成してみましょう。
アニメーション効果を追加する方法:
- サイトダッシュボードのフォトアルバムにアクセスします。
- 該当するアルバム横で「その他のアクション」アイコン
をクリックして「編集する」を選択します。
- 左側の「デザイン」タブをクリックします。
- 「アニメーション」をクリックします。
- 次のシナリオに合わせてアニメーション効果をカスタマイズします:
- スクロール効果:訪問者がアルバムでギャラリーをスクロールダウンしたときのエフェクトを選択します。たとえば、スクロール中に写真をズームアウトさせることができます。
- マウスオーバー効果:訪問者が写真にマウスオーバーしたときのエフェクトを選択します。たとえば、写真の色をグレイスケールに変更することができます。
- オーバーレイアニメーション:訪問者が写真にマウスオーバーしたときに表示するオーバーレイアニメーションを選択します。たとえば、写真を右にスライドさせることができます。
ヒント:
「マウスオーバーでプレビューを表示」をクリックして、エフェクトの表示を確認します。
![](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/43afd84c-813c-43a2-baab-131b6878accd/2023/09/27/bfa6f7b1-d992-4d50-b067-767c9fef85b3/16d6dc37-512a-428c-85e4-91dee86949cf.png)
お役に立ちましたか?
|