フォトギャラリーをWebサイトに埋め込む方法

Q: 埋め込みから訪問者が写真をアップロードできますか？

いいえ。埋め込みは閲覧専用です。訪問者に写真をアップロードしてもらうには、[QR code](/help/photo-sharing/get-qr-code/) またはアップロードリンクを共有してください。

Q: 埋め込みはWebサイトを重くしませんか？

いいえ。埋め込みは `loading="lazy"` を使用しているため、訪問者がそこまでスクロールしたときにのみ読み込まれます。写真はCDNから配信されるので、高速に表示されます。

Q: 公開アルバムアクセスを無効にするとどうなりますか？

埋め込みはエラー状態を表示します。[public access](/help/photo-sharing/share-album/) を再度有効にすると復旧します。

イベント写真を、あらゆるWebサイト、ブログ、またはWordPressページに直接表示できます。Fotifyは埋め込みコードを生成するので、それをHTMLに貼り付けるだけで、オートリサイズ、テーマオプション、そして2つのレイアウトモード（グリッド／カルーセル）付きのギャラリーが表示されます。

ステップ1：埋め込みコードを生成する

サイドバーの Photos に移動します
Actions セクションで "Share Album" をクリックします
まだ有効になっていない場合は "Public Album Access" をオンにします
下にスクロールして "Embed on Website" をオンにします
埋め込みコードの生成ツールが表示されます

埋め込みコードを生成する前に、まずアルバムを共有しておく必要があります。

ステップ2：埋め込みをカスタマイズする

コードをコピーする前に、次のオプションを設定してください。

テーマ

Webサイトに合わせて、10種類のビジュアルテーマから選べます：

Classic — すっきりした白背景に、控えめな影
Dark — 洗練されたダーク背景に、光るアクセント
Minimal — 境界線なし、ヘッダーなし — 写真だけを表示
Elegant — セリフ体のタイポグラフィと、温かみのある上品なトーン
Modern — グラデーションヘッダー付きの、太めで丸みのあるカード
Polaroid — 白い縁のある、懐かしいフォトフレーム
Glass — 透明感とぼかしのある、フロストガラス風
Neon — ビビッドな発光とエレクトリックなアクセント
Magazine — 非対称グリッドの編集レイアウト
Sunset — ゴールデンアワーの雰囲気を感じる、温かいグラデーション

レイアウト

Grid — 写真をレスポンシブなグリッドで表示します（デフォルト）。2〜5列から選択できます。
Carousel — 4秒ごとに自動で進むスライドショーで、ナビゲーション矢印とドットインジケーターが付きます。キーボードの矢印キーにも対応しています。

最大写真数

埋め込みで表示する写真の枚数を制限します。「All」を選ぶと、（グリッドモードでは）無限スクロール、（カルーセルモードでは）全件表示になります。

ステップ3：コードを貼り付ける

"Copy" をクリックして埋め込みコードをコピーします
WebサイトのHTMLエディターに貼り付けます

コードには <iframe> と、コンテンツに合わせてフレームを自動リサイズする小さなスクリプトが含まれています。追加の設定は不要です。

WordPress

WordPressエディターで Custom HTML ブロックを追加し、埋め込みコードを貼り付けます。

Squarespace

Code Block または Embed Block を使用し、コードを貼り付けます。

Wix

（"Embed" 配下の） HTML iframe 要素を使用し、コードを貼り付けます。

任意のHTMLページ

<body> タグ内の任意の場所にコードを貼り付けます。ギャラリーはコンテナ幅に自動的に適応します。

仕組み

埋め込みは、公開アルバムをiframe内に読み込みます
写真はリアルタイムで取得されるため、新しいアップロードが自動的に反映されます
iframeはコンテンツの高さに合わせて自動リサイズされるので、無駄な余白が出ません
どの写真をクリックしても、フルアルバムが新しいタブで開きます
埋め込みはアルバムの承認設定を反映し、承認済みの写真のみが表示されます

よくある質問

Q: 新しい写真を追加したら、埋め込みコードを更新する必要がありますか？ A: いいえ。埋め込みはアルバムから写真をリアルタイムで読み込みます。承認済みの新しい写真は自動的に表示されます。

Q: イベント内の特定のアルバムを埋め込めますか？ A: はい。埋め込みコードにはアルバム固有のIDが含まれています。複数のアルバムがある場合、それぞれに専用の埋め込みコードが生成されます。

Q: 埋め込みはモバイルでも動作しますか？ A: はい。ギャラリーは完全にレスポンシブです。グリッドの列数は小さな画面で自動調整され、カルーセルはタッチのスワイプ操作に対応しています。

Q: 埋め込みから訪問者が写真をアップロードできますか？ A: いいえ。埋め込みは閲覧専用です。訪問者に写真をアップロードしてもらうには、QR code またはアップロードリンクを共有してください。

Q: 埋め込みはWebサイトを重くしませんか？ A: いいえ。埋め込みは loading="lazy" を使用しているため、訪問者がそこまでスクロールしたときにのみ読み込まれます。写真はCDNから配信されるので、高速に表示されます。

Q: 埋め込み後にテーマを変更できますか？ A: はい。テーマはURLパラメーターで設定されます。別のテーマで埋め込みコードを再生成するか、iframeのURL内にある theme= の値を手動で変更してください。

Q: 公開アルバムアクセスを無効にするとどうなりますか？ A: 埋め込みはエラー状態を表示します。public access を再度有効にすると復旧します。

Q: "Powered by Fotify" の透かしは表示されますか？ A: 多くのテーマでは、小さな "Powered by Fotify" フッターが表示されます。minimalテーマでは、より目立ちにくくなります。