オンライン写真アルバムのデモ — レイアウト、いいね&共有リンク

Photo‑Pickサービスでは、JavaScriptプラグインやCSSライブラリなどの依存なしにアルバムギャラリーを利用できます。
お使いの写真は、デスクトップ、ノートパソコン、タブレット、スマートフォンなどすべてのデバイスでサポートされます。

デスクトップ、ノートパソコン、タブレット、モバイル向けに最適化

JavaScript/CSSプラグインやライブラリの依存なし

ホスティングスペースと手間を節約

写真アルバムの例 — 埋め込み、カスタマイズ、オンライン共有

以下は、写真アルバムのサンプルです。
ウェブサイトでアルバムを使いたい場合、JavaScriptプラグインやCSSライブラリは不要です。
Photo‑Pickに写真をアップロードし、アルバムをカスタマイズして共有リンクを取得するだけで完了。
すべてのデバイスで表示可能です。
プレゼン準備やスペース、技術面の心配もいりません。

投票する

いいね/よくないね

ラブリーアイコンのみ

素敵な

ハートマークのみ

「ラブリー」アイコンで投票可能。他にもサムズアップ・チェックマーク・なしなどに変更可能。

写真

自分の写真のみ

写真と番号のみ表示され、自分の写真だけを公開できます。

ロゴ

ロゴの追加

アルバムに自分のロゴを追加可能。

ブランド

ブランド対応アルバム

独自デザインの表示にカスタマイズ可能。ブランドの雰囲気に合わせた見た目に調整。

説明

写真説明付き

説明付き写真(キャプション付き)

フォトアルバム用のレイアウト&テーマ:グリッド、ポラロイド、円形

オンラインアルバムは、お好みのテーマやレイアウトで自由に設定できます。

1

シングル

 シングル

大きな画像を1枚ずつ表示

2

グリッド

グリッド

格子状レイアウト

3

スクエア

スクエア

正方形の画像配置

4

サークル

サークル

円形の画像表示

5

ポラロイド名入り

ポラロイド(名前付き)

クラシックなポラロイド風

6

選べるポラロイド

ポラロイド(選択可能)

選択機能付きポラロイド

アルバム閲覧者の名前を取得

アルバムを開く前に、名前の入力をリクエストできます。
誰が見たかを簡単に把握できて便利!

📎 リンク例: https://www.photo-pick.com/online/iS7w.link

💡写真を人数ごとに選んでもらうシーンに最適です。

戻るためのリダイレクト付きリンク

ユーザーを元のページに戻したい場合に使えるリンクです。
ウェブサイトに最適!リンクや画像をクリック → 写真を閲覧 → 自動で元のページに戻ります。

📎 リンク例: https://www.photo-pick.com/online/pK9v.link

🔧 HTMLコード例:
<a href="https://www.photo-pick.com/online/YOUR_LINK_ID.link">
    <img src="https://www.photo-pick.com/online/linkedLogo?linkId=YOUR_LINK_ID"/>
</a>

💡ヒント:ウェブサイト、ブログ、SNSなどにおすすめ!

完了ページ付きのリンク例

これまでの例は「戻るボタン付き」の動作でしたが、こちらは別のパターン。
ユーザーが写真を選び終えて「完了」をクリックすると、完了ページが表示されます。
リンクはPhoto‑Pickのアカウントから取得して、誰とでも簡単に共有できます。

📎 リンク例: https://www.photo-pick.com/online/0KX9CzO4.link

🔧 HTMLコード例:
<a href="https://www.photo-pick.com/online/YOUR_LINK_ID.link">
    <img src="https://www.photo-pick.com/online/linkedLogo?linkId=YOUR_LINK_ID"/>
</a>

💡ヒント:特定の相手にリンクを送る場合などに便利!

連絡先入力ページ付きのリンク例

ユーザーが写真を選び終えた後、連絡先情報を入力してもらうことができます。
リンクはPhoto‑Pickのアカウントから取得して、誰とでも共有可能です。

📎 リンク例: https://www.photo-pick.com/online/odRD.link

🔧 HTMLコード例:
<a href="https://www.photo-pick.com/online/YOUR_LINK_ID.link">
    <img src="https://www.photo-pick.com/online/linkedLogo?linkId=YOUR_LINK_ID"/>
</a>

💡ヒント:多数の人が写真を選ぶ場合、「誰が選んだか」を把握するのに便利です!

任意のURLへリダイレクトするリンク例

ユーザーを好きなURLにリダイレクトさせたいときに使えるリンクです。
ウェブサイトに最適!リンクや画像をクリック → 写真を閲覧 → 指定したURLへ自動移動。

📎 リンク例: https://www.photo-pick.com/online/1gJCsou3.link

🔧 HTMLコード例:
<a href="https://www.photo-pick.com/online/YOUR_LINK_ID.link">
    <img src="https://www.photo-pick.com/online/linkedLogo?linkId=YOUR_LINK_ID"/>
</a>

💡ヒント:ウェブサイト、ブログ、SNSなどでの活用にぴったり!

アクセス制限付きの共有リンク

アルバムを共有したいけど、誰でも見られる状態にはしたくない…そんなときに最適!
このタイプのリンクは、あらゆる不正アクセスから確実に保護されます。
サンプルアルバムを開くには、アクセスコード「Roma」を入力してください。

📎 リンク例: https://www.photo-pick.com/online/768UZtG6.link

💡ヒント:プライバシーが必要だけど共有もしたいアルバムにぴったり!