アップロードページのデザインをカスタマイズする方法

ゲストがQRコードをスキャンすると、最初に表示されるのがアップロードページです。Fotifyの「Upload Page Design」機能を使えば、イベントの雰囲気に合わせて見た目をカスタマイズできます。用意されたテンプレートから選んだり、色やフォントを調整したり、ページレイアウトと写真の形を選んだり、アップロード体験の各所でゲストに表示されるテキストをパーソナライズしたりできます。

この機能はFreeプランを含むすべてのプランで利用できます。

Step 1: アップロードページデザイナーを開く

ダッシュボード に移動し、イベントを選択します
サイドバーで写真をクリックします
「アクション」セクションの 写真を集める の下にある ページデザイン をクリックします
ライブプレビュー付きのデザインエディターの アップロードページ タブが開きます。隣の 公開アルバム タブでは公開アルバムのスタイルを設定できます

QRコードのウィンドウからも開くことができます。ゲストに見える画面 カードにはアップロードページの小さなプレビューが表示され、ゲストページをデザイン ボタン（スタイルを選んだ後は デザインを編集）が用意されています。

クイックスタート: イベント作成時にスタイルを選ぶ

イベントを作成した直後に、Fotify が "ゲストページをどんなデザインにしますか？" と尋ね、結婚式、パーティー、企業イベント向けのスタイルをいくつか表示します。イベント名と写真を使ったライブプレビューで確認できます。

スタイルをタップして このスタイルを使用 をクリックすると、すぐに適用されます
その他のスタイルと色 をクリックすると、以下で説明するフルデザイナーが開きます
今はスキップ をクリックすると、デフォルトのページのまま進みます。スタイルはいつでも設定できます

このスタイル選択画面は、ガイドツアーの実行中や、すでにスタイルが設定されているイベントを複製したときには表示されません。

Step 2: テンプレートを選ぶ

テンプレートギャラリーでは、カテゴリー別に整理された、事前にデザインされたアップロードページのスタイルから選択できます。

すべて — 利用可能なテンプレートをすべて閲覧
結婚式 — 上品でロマンチックなデザイン
パーティー — 楽しく鮮やかなスタイル
企業イベント — すっきりしたプロフェッショナルなレイアウト
エレガント — 洗練された落ち着いたデザイン
ミニマル — シンプルで気が散りにくいスタイル
ポップ — 遊び心のあるカラフルなオプション

任意のテンプレートをクリックすると、すぐに適用されます。右側のライブプレビューはリアルタイムで更新されるため、保存する前に見た目を確認できます。

スタイルを選ぶ

テンプレートの下にある スタイル セクションでは、色はそのままに、ワンクリックでページの雰囲気を変えられます。フォント、ページのレイアウト、写真の形、ボタンとアップロードエリアのスタイル、背景パターンがまとめて切り替わります。

モダン - すっきりしたサンセリフ体と、角の丸いカード
エディトリアル - 雑誌のようなセリフ体、直角の角、コンテンツを囲むカードなし
ポラロイド - 手書き風のタイトル、インスタント写真風のイベント写真、ドットの背景
フィルム - 力強い書体、上部いっぱいに広がるイベント写真（イベントに写真がある場合）、グリッドの背景
ソフト - 軽やかなセリフ体、丸いボタン、アーチ型のイベント写真、波模様
ボールド - 太い書体、太い輪郭線とくっきりした影、背景には紙吹雪

各スタイルのカードには現在の色でページが表示されるので、どのテンプレートとどのスタイルも組み合わせられます。同じスタイルは公開アルバムでも使えます。スタイルを選ぶと、手動で変更したフォント、レイアウト、パターンの設定は置き換えられますが、色は保たれます。その後も、カスタマイズパネルですべてを微調整できます。

Step 3: 色をカスタマイズする

テンプレートを選択した後、6つのカラー設定を微調整できます。

Color Setting	What It Controls
背景	ページ全体の背景色
表面	カードやコンテンツ領域の背景
テキスト	主要な本文テキストと見出しの色
アクセント	強調要素と装飾アクセント
Button Background	アップロードボタンの塗りつぶし色
ボタンのテキスト	ボタン上のテキスト色

任意のカラースウォッチをクリックしてカラーピッカーを開くか、正確なhexコードを入力してください。変更はプレビューに即時反映されます。

Step 4: タイポグラフィをカスタマイズする

イベントの個性に合うフォントを選びましょう。

見出しフォント — イベントタイトルとセクション見出しに使用
本文フォント — 説明、ラベル、手順に使用

どちらもGoogle Fontsを使用するため、ゲストはどのデバイスでも同じフォントで表示されます。相性の良い組み合わせになるよう厳選されたリストから選べます。

Step 5: レイアウトオプションを調整する

ページの構成とスタイルを微調整します。

ページレイアウト

アップロードページ全体の構成を選びます。

クラシックカード — イベント写真を枠付きボックスに収めた、中央配置のカードレイアウト（デフォルト）
ヒーロー写真 — イベント写真がページ上部いっぱいに端から端まで表示され、その上にイベント名が重なります
ミニマル（カードなし） — カード枠を取り除き、コンテンツが背景の上に直接配置されます

ヒーローレイアウトを使うにはイベント写真が必要です。イベント写真が設定されていない場合、ページは自動的にクラシックレイアウトにフォールバックします。

写真の形

クラシックとミニマルのレイアウトでは、イベント写真の枠の形を選べます。

角丸 — 角丸の長方形（デフォルト）
アーチ — アーチ型の窓のような形。結婚式で人気です
円形 — 円形の枠
ポラロイド — 少し傾いた白いインスタント写真風の枠

この設定はヒーローレイアウトには適用されません。このレイアウトでは写真が全幅で表示されます。

ヘッダースタイル

イベントタイトルとブランディング領域の見た目を選びます。

デフォルト — イベント名を表示する標準ヘッダー
ヒーロー — 大きく大胆なヘッダー領域
ミニマル — コンパクトで控えめなヘッダー
中央揃え — すべて中央揃えでバランスの取れた見た目

ボタンスタイル

操作ボタンの形状を選びます。

丸み — 角が少し丸い
ピル型 — 両端が完全に丸い
四角形 — シャープな角でモダンな印象

アップロードエリアのスタイル

写真のドロップゾーンの表示方法を調整します。

デフォルト — 標準の破線枠
枠付き — 境界がわかりやすい実線の枠
グラデーション — さりげないグラデーション背景
ミニマル — ほぼ目立たない、すっきりした見た目

背景パターン

ページ背景に控えめな質感を追加します。

なし — 単色のみ
ドット — ドットパターンのオーバーレイ
グリッド — グリッド線パターン
斜め — 斜めストライプパターン
波 — やわらかい波形の模様
紙吹雪 — アクセントカラーで散りばめたドット。パーティーにぴったりです

パターンはテンプレートの色に合わせて自動的に調整され、テンプレートによってはグラデーション背景も使われます。

イベント写真

アップロードページ上部に表示されるイベント写真の見せ方を選びます。

切り抜いて全体に表示 — 写真が領域全体を埋めるように切り抜かれて表示されます（デフォルト）。
写真全体を表示 — 写真全体が切り抜かれずに表示されます。写真の周囲にできる余白にはページ背景が使われます。
背景をぼかして全体を表示 — 写真全体が、その写真自体をやわらかくぼかした複製の上に重ねて表示されます。切り抜かれることがなく、余白も生じません。

この設定は、イベント写真が設定されているイベントにのみ適用されます。

イベント写真の追加・変更・削除。 アップロードページには専用の写真はなく、イベント写真が表示されます。これはイベントのカバー写真でもあります。デザインエディターでそのまま変更できます。アップロードページ タブの イベント写真 カードに現在の写真が表示され、写真を追加、写真を変更、写真を削除 を使えます。変更はすぐに保存され、ライブプレビューにも反映されます。イベント ページから行うこともできます。イベントの編集をクリックし、イベント写真（写真を変更 または 写真を削除）を使って保存してください。編集は、イベントが「予定」「ライブ」「一時停止」のいずれかの間に可能です。

イベントのカバー写真であるため、同じ写真がゲスト向けのソーシャルフィードやマッチページ、アップロードリンクを共有したときのリンクプレビューにも表示されます。そのため、変更または削除すると、それらにも反映されます。招待状のヒーロー画像や公開アルバムのヘッダー写真を削除しても、イベント写真は削除されません。これらは別の画像です。

アップロードページでだけ写真を非表示にする。 テンプレートを選んだら、イベント写真 カードの アップロードページにイベント写真を表示 のチェックを外します。写真はアップロードページから消えますが、それ以外の場所ではこれまでどおりイベントのカバー写真として使われます。

形式： JPEG、PNG、HEIC/HEIF、AVIF、WebP
サイズ： どんな縦横比でも使えます。Fotifyは写真を長辺1920ピクセルにリサイズするため、それ以上の大きさの写真ならどの画面でも鮮明に表示されます
トリミング： トリミングツールはありません。切り抜いて全体に表示 では、枠の形に合わない写真の端が切れてしまいます。顔が端に近い場合は、上の 写真全体を表示 または 背景をぼかして全体を表示 を選んでください

Step 6: テキスト＆メッセージをカスタマイズする

アップロード体験中にゲストに表示される、3つのテキスト項目をパーソナライズできます。

Custom Page Description

アップロードページでイベント名の下に表示されるテキストです。デフォルトではゲストに「"メッセージと共に写真を共有しましょう！"」が表示されますが、任意の文言（最大200文字）に置き換えられます。

活用例:

写真の用途を説明する（例: "Upload your best moments from tonight's gala!"）
ゲスト向けの背景情報や手順を追加する
URLを含める — 入力したリンクはページ上で自動的にクリック可能なリンクに変換されます

Custom Success Title

写真のアップロードが成功した後にゲストが目にする見出しです。デフォルトでは「"共有ありがとうございます！"」ですが、任意のタイトル（最大100文字）を設定できます。

活用例:

イベントの雰囲気に合わせる（例: "You're amazing!" や "Photo received!"）
確認画面に個人的な一言を加える

Custom Success Message

確認画面で、成功タイトルの下に表示される長めのメッセージです。最大500文字で、次のような内容を記載できます。

協力してくれたゲストへのお礼
写真がどこで、いつ表示されるかの案内
楽しい一言や個人的なメモ
イベント中に追加でアップロードするようリマインド

アップロードした枚数を表示する： メッセージ内のどこかに {{COUNT}} と入力すると、そのゲストがアップロードしたファイル数に置き換えられます。例えば、写真を{{COUNT}}枚追加してくれてありがとう！ と入力すると、3枚アップロードしたゲストには「写真を3枚追加してくれてありがとう！」と表示されます。

ギャラリーへのリンクを追加する： {{GALLERY_LINK}} と入力すると、文章の中にそのまま公開アルバムへのクリック可能なリンクが挿入されます。例えば、写真を{{COUNT}}枚追加してくれてありがとう！ {{GALLERY_LINK}}。

イベントに公開アルバムがない場合、またはアップロード画面にアルバムリンクを表示をオフにしている場合、{{GALLERY_LINK}} はリンク切れを表示する代わりに単純に省略されます。そのため、これが表示されなくても意味が通る文章にしてください。

{{COUNT}} と {{GALLERY_LINK}} は、このフィールドが認識する唯一のプレースホルダーです。中かっこで囲まれたその他のテキストは、入力したとおりにゲストへそのまま表示されます。入力した文言はそのまま使用されるため、ゲストが1枚だけアップロードした場合でも意味が通るように文言を工夫してください。

いずれの項目も空欄のままにすると、デフォルトのテキストが使用されます。

お礼のサプライズ: 顔写真が画面いっぱいにはじける

ゲストが写真をシェアしたその瞬間に、笑顔を届けましょう。お礼のサプライズ を使えば、ゲストのアップロードが完了した瞬間に、顔写真がそろって画面に現れ、くるくる回る何十もの小さな顔写真になってはじけたあと、お礼カードの上に小さなバッジとして収まります。結婚式の新郎新婦や、誕生日パーティーの主役にぴったりの演出です。

アップロードページデザイン設定で、次の手順で設定します。

お礼のサプライズ セクションで 顔写真を追加 をクリックし、顔がアップで写った写真を選びます
円をドラッグしてサイズを調整し、顔が円いっぱいに収まるようにしてから この顔写真を使用 をクリックします
必要に応じて2枚目の顔写真を追加します。たとえば、新郎新婦それぞれの顔写真を1枚ずつ使えます
必要に応じて、顔写真の下に表示する短い キャプション（最大60文字）を入力します。例:「感謝を込めて翔太 & 美咲」
最初の顔写真を追加すると、サプライズは自動でオンになります。オフにしたり再びオンにしたりするには、お礼のサプライズ の横にあるスイッチを使います
プレビューを再生 をクリックして動きを確認します。変更は自動で保存されます

ゲストから見た動き:

はじける演出のフルバージョンは、各ゲストのスマートフォンで1回だけ、最初のアップロードの直後に再生されます。2回目以降のアップロードでは、お礼カードに顔写真とキャプションだけが表示されます。
演出は約2秒で、画面をふさぐことはないため、ゲストはすぐに さらにアップロード をタップできます。
スマートフォンで動きを減らす設定をオンにしているゲストには、はじける演出の代わりにやさしいフェードが表示されます。

お礼のサプライズはすべてのプランで利用できます。顔写真の変更や削除、キャプションの編集、サプライズのオフはいつでも行えます。

ゲストのアップロード品質

アップロード品質 セクションでは、ゲストがアップロード時に選べる写真の品質オプションを管理できます。

ゲストが選択（両方のオプション） — ゲストに「最適化済み」と「フルHD」を切り替えるトグルが表示されます（デフォルトの動作）。どちらを 初期選択 にするかも設定できます。変更しない限り、有料イベントではフルHDが初期選択になります。
最適化済みのみ — トグルは非表示になり、すべての写真が最適化品質でアップロードされます。
フルHDのみ — トグルは非表示になり、すべての写真がフルHDでアップロードされます。これにより、すべての写真を最高品質で確実に受け取れます。

注: フルHDでのアップロードは有料イベントでのみ利用できます。Freeプランのイベントでは、この設定に関わらずゲストは常に最適化品質でアップロードします。

2つの品質モードの比較については、最適化とフルHDの比較をご覧ください。

アップロード用パスワード

写真を追加できる人を制限するには、アップロード用パスワード をオンにして、ゲストが必要とするパスワードを入力します。入力欄から離れた時点で保存され、ゲストは QRコードのリンクからアップロードする前にパスワードを求められます。現在のパスワードをそのまま使う場合は入力欄を空のままにし、リンクを知っている人なら誰でも再びアップロードできるようにするにはスイッチをオフにします。

パスワードなしではスイッチをオンのまま保存できないため、ゲストが誤って締め出されることはありません。公開アルバムを閲覧するためのパスワードは、公開アルバム タブにある別の設定です。詳しくはアルバムをパスワードで保護する方法をご覧ください。

アップロード画面に写真を表示

アップロードページ タブの最下部に、**「アップロード画面にアルバムリンクを表示」**のトグルがあります。

有効にすると、アップロードページに公開アルバムの最近の写真がライブプレビューで表示され、さらに全ての写真を表示するリンクも表示されます。これにより、ゲストはアップロードページ上でそのままイベント写真を閲覧でき、参加意欲が高まるほか、他の参加者の写真も見つけやすくなります。アップロードが終了した後もリンクは残ります。イベントが一時停止または終了している場合、アップロードページを開いたゲストには、もうアップロードできないことが表示され、そのすぐ下にアルバムが表示されます。

この設定は、写真統計カード（写真 → 写真統計）内の公開アルバムセクションからも管理できます。こちらでは**「アップロード画面に写真を表示」**として表示され、共有を有効にすると既定でオンになります。

注: プレビューを表示するには、公開アルバムの共有を有効にする必要があります。まだ設定していない場合は、まず公開アルバムセクションで公開アルバムの共有をオンにしてください。

Step 7: 保存してプレビューする

変更は行った直後に自動的に保存されます。反映されると上部のバーに すべての変更を保存しました と表示され、保存に失敗した場合は 再試行 を選べます
プレビュー をクリックすると、実際のアップロードページが新しいブラウザタブで開き、ゲストが体験する内容をそのまま確認できます
テンプレートのデフォルトに戻したい場合は デフォルトにリセット を使用します

デザインはイベントごとに保存されます。各イベントでそれぞれ異なるアップロードページのスタイルを設定できます。

よくある質問

Q: アップロードページデザインはどのプランに含まれますか？ A: 無料プランを含む全プランで利用できます。すべてのイベントでアップロードページをカスタマイズできます。

Q: イベント開始後にデザインを変更できますか？ A: はい！ゲストがアップロード中であっても、いつでもアップロードページのデザインを更新できます。変更は即時に反映されます。

Q: デザイン変更を見てもらうには、ゲスト側でページの更新が必要ですか？ A: 新しくアクセスしたゲストには最新のデザインが表示されます。すでにページを開いているゲストは、更新すると変更が反映される場合があります。

Q: イベントごとに異なるデザインにできますか？ A: はい。各イベントには独立したアップロードページデザインがあります。結婚式と企業イベントで、まったく別の見た目にすることも可能です。

Q: すべてのスマートフォンで見栄え良く表示されますか？ A: はい。アップロードページは完全にレスポンシブで、あらゆる画面サイズに適応します。テンプレートはモバイルとデスクトップの両方で見栄え良くなるよう設計されています。

Q: 自分のカスタムフォントを使えますか？ A: フォントの選択肢は、厳選された Google Fonts のリストから提供されています。現在、カスタムフォントのアップロードには対応していません。

Q: ページ説明にリンクを追加できますか？ A: はい。カスタムページ説明フィールドに入力したURLは、ゲストがアップロードページを表示する際に自動的にクリック可能なリンクに変換されます。

Q: アップロードしてくれたゲストに、私たちの顔を見せることはできますか？ A: はい。お礼のサプライズ セクションで顔写真を1〜2枚追加し、オンにしてください。ゲストが最初にアップロードした直後に、顔写真がゲストの画面いっぱいにはじけ、その後はお礼カードに表示され続けます。

Q: ゲストはアップロードするたびに、顔写真がはじける演出を見ることになりますか？ A: いいえ。はじける演出はスマートフォン1台につき1回、ゲストの最初のアップロードの後に再生されます。2回目以降のアップロードでは、お礼カードに顔写真とキャプションが表示されるだけです。

Q: 完了後のタイトルは、メッセージとは別にカスタマイズできますか？ A: はい。カスタム完了タイトルとカスタム完了メッセージは別々のフィールドです。どちらか一方のみ、両方、またはどちらもカスタマイズしないことも可能です。空欄の場合は、それぞれの既定テキストに戻ります。

Q: ページレイアウトにはどのような違いがありますか？ A: Classicは元の中央配置カードです。Heroはイベント写真をページ上部に全幅で表示し、タイトルを重ねます。Minimalはカード枠を完全に取り除きます。Heroにはイベント写真が必要で、写真がない場合はClassicレイアウトが使われます。

Q: ゲストが最高品質で写真をアップロードするようにするにはどうすればよいですか？ A: Upload Qualityセクションで、利用可能なオプションをフルHDのみに設定してください。ゲストからは品質トグルが表示されなくなり、すべての写真がオリジナル解像度でアップロードされます。これには有料イベントが必要です。Freeプランでは、アップロードは常にOptimizedになります。

Q: アップロードページでイベント写真が切り抜かれないようにするにはどうすればよいですか？ A: レイアウトセクションで、イベント写真の設定を「切り抜いて全体に表示」（デフォルト）から「写真全体を表示」（写真全体を表示し、周囲にページ背景を表示します）または「背景をぼかして全体を表示」（写真自体をぼかした複製の上に写真全体を表示するため、余白が生じません）に変更してください。

Q: 「アップロード画面にアルバムリンクを表示」オプションはどこにありますか？ A: アップロードページデザイン設定の最下部にあります。また、フォト統計カードの公開アルバムセクションにも（「アップロード画面に写真を表示」として）あります。どちらを有効にしても、アップロードページに最近の写真のライブプレビューが表示されます。事前に公開アルバム共有を有効化していることをご確認ください。

Q: 成功メッセージにゲストがアップロードした枚数を表示できますか？ A: できます。カスタム成功メッセージに {{COUNT}} を入れると、そのゲストがアップロードしたファイル数に置き換えられます。

Q: 自分の成功メッセージからギャラリーにリンクできますか？ A: できます。リンクを表示したい位置に {{GALLERY_LINK}} を入れると、公開アルバムへのクリック可能なリンクになります。アルバムリンクがオフになっている場合や、イベントに公開アルバムがない場合は自動的に省略されるため、それがなくても意味が通る文章にしておいてください。