Wix フォトアルバム:フォトアルバムをデザインする

読了時間:7分
フォトアルバムに写真をアップロードしたら、希望通りの表示になるようデザインを変更しましょう。 Wix フォトアルバムには、レイアウトのカスタマイズ、色やフォントの変更、カスタムアニメーションの使用など、数百ものデザインオプションがあります。フォトアルバムエディタでは、これらのオプションやその他の機能にアクセスできます。
注意:
この記事で説明されているカスタマイズオプション以外の変更はサポートされていません。フォトアルバムページに追加のボタン、パーツ、メニューを追加することはできません。
この記事では、次の項目について説明します:

アルバムのレイアウトを変更する

アルバムのレイアウトによって写真の配置が決まります。12種類のレイアウトから選択でき、それぞれに独自のオプションがあります。
たとえば、メーソンリーレイアウトを選択した場合は画像間の間隔をカスタマイズできます。また、サムネイルレイアウトを選択した場合、サムネイルのサイズを変更できます。

アルバムのレイアウトを変更する方法:

  1. サイトダッシュボードのフォトアルバムにアクセスします。
  2. 該当するアルバム横で「その他のアクション」アイコン をクリックして「編集する」を選択します。
  3. 左側の「デザイン」タブをクリックします。
  4. レイアウト」をクリックします。
  5. ギャラリー」タブでレイアウトを選択します。
  6. 利用可能なオプションを使用してレイアウトをカスタマイズします。利用可能なオプションの詳細はレイアウト用語集をご覧ください。

カバーアートをカスタマイズする

アルバムのカバーとしてハイライトしたい写真を選択します。カバー写真は、サイト訪問者があなたのアルバムギャラリーを見て最初に目にする写真です。
注意:
  • 現在、フォトアルバムのカバー写真の焦点を変更することはできません。カバー写真は、画面サイズに対して最適となるよう、デフォルトで中央に配置・クロップされます。この機能をご希望の場合、こちらの記事にある「機能リクエストに投票」をクリックしていただくと、最新情報が入りましたらお知らせいたします。
  • また、Wix フォトアルバムで展開モードをカスタマイズすることはできません。この機能をご希望の場合、こちらの記事で「機能リクエストに投票」をクリックしていただくと、最新情報が入りましたらお知らせいたします。

カバーアートをカスタマイズする方法:

  1. サイトダッシュボードのフォトアルバムにアクセスします。
  2. 該当するアルバム横で「その他のアクション」アイコン をクリックして「編集する」を選択します。
  3. 以下から、カスタマイズしたい内容を選択します:

アルバムの色を変更する

アルバムに使用する色を選択し、枠線と影のデザインをカスタマイズします。

アルバムの色を変更する方法:

  1. サイトダッシュボードのフォトアルバムにアクセスします。
  2. 該当するアルバム横で「その他のアクション」アイコン をクリックして「編集する」を選択します。
  3. 左側の「デザイン」タブをクリックします。
  4. 」をクリックします。
  5. 以下の色とデザインをカスタマイズします:

アルバムのフォントを変更する

フォントセットはアルバム内のすべてのテキストに影響します。タイトルフォント(アルバム、ギャラリー、写真のタイトル)とセカンダリフォント(その他すべてのタイトル)で構成されています。プリセットのフォントセットから選択するか、独自のフォントセットを作成します。

アルバムのフォントを変更する方法:

  1. サイトダッシュボードのフォトアルバムにアクセスします。
  2. 該当するアルバム横で「その他のアクション」アイコン をクリックして「編集する」を選択します。
  3. 左側の「デザイン」タブをクリックします。
  4. フォント」をクリックします。
  5. 既存のフォントセットを選択するか、「+新しいフォントセット」をクリックして独自のフォントセットを追加します。

アニメーション効果を追加する

アニメーション効果を追加したり、訪問者がアルバムでスクロールした際や一枚の写真にマウスオーバーした際の動作を選択して、動きのあるギャラリーを作成してみましょう。

アニメーション効果を追加する方法:

  1. サイトダッシュボードのフォトアルバムにアクセスします。
  2. 該当するアルバム横で「その他のアクション」アイコン をクリックして「編集する」を選択します。
  3. 左側の「デザイン」タブをクリックします。
  4. アニメーション」をクリックします。
  5. 次のシナリオに合わせてアニメーション効果をカスタマイズします:
    • スクロール効果:訪問者がアルバムでギャラリーをスクロールダウンしたときのエフェクトを選択します。たとえば、スクロール中に写真をズームアウトさせることができます。
    • マウスオーバー効果:訪問者が写真にマウスオーバーしたときのエフェクトを選択します。たとえば、写真の色をグレイスケールに変更することができます。
    • オーバーレイアニメーション:訪問者が写真にマウスオーバーしたときに表示するオーバーレイアニメーションを選択します。たとえば、写真を右にスライドさせることができます。
ヒント:
マウスオーバーでプレビューを表示」をクリックして、エフェクトの表示を確認します。

お役に立ちましたか?

|