Logo
Docs画像管理

画像のアップロードと画像マネージャー

写真をアップロードし、複数枚を一度に選択してセクションに適用・削除する画像マネージャーの使い方と、画像セクションを複数追加して自由にレイアウトを構成する方法を紹介します。

11 min read
2026-07-02

画像のアップロードと画像マネージャー

ヒーロー・ギャラリーなど画像が必要なすべてのセクションは、画像マネージャーを通じて写真をアップロード・適用します。一度アップロードした写真は複数のセクションで再利用できます。

画像マネージャーとは?

  • 統合フォトライブラリ: テンプレートで使用するすべての写真を一箇所で管理
  • 複数選択: 複数枚を一度に選択してギャラリーなどに一括適用、または一括削除
  • 使用箇所の表示: どの写真がどのセクションで使われているかをバッジで表示
  • フィルター: 全体 / 使用中 / 未使用の写真だけを表示
  • トリミング編集: アップロード後も写真を切り抜いたり、画質を鮮明に補正

写真をアップロードする

アップロード方法

  1. 画像が必要なフィールド(例: ヒーロー背景、ギャラリー)で画像を選択ボタンをクリック → 画像マネージャーが開く
  2. 上部のアップロードエリアにドラッグ&ドロップするか、クリックしてファイルを選択
  3. 複数枚を一度に選択してアップロード可能

アップロード可能な残り枚数(スロット)が画面に表示されます。スロットが埋まると、アップロードエリアが無効化され、案内メッセージが表示されます。プランごとの画像枚数の上限は料金プランの案内をご参照ください。

シャープ化(鮮明化)オプション

アップロードエリアの下にシャープ化トグルがあります。

このオプションはトグルをオンにした後にアップロードする写真にのみ適用されます。すでにアップロード済みの写真には遡って適用されないため、必ず先にトグルをオンにしてから → その状態でファイルを選択・ドロップしてください。シャープ化したい写真をすでにアップロード済みの場合は、トグルをオンにしてから再度アップロードする必要があります。

写真を選択する

画像マネージャーの上部には、アップロード済みの写真が正方形のサムネイルグリッドで並びます。各サムネイル自体が選択ボタンです。

  • サムネイルをクリック: その写真1枚が選択されます。選択されるとサムネイルの左上に青い丸のチェックマークが表示され、サムネイルの枠に青いリングが付きます — この表示があるかどうかで選択状態を確認してください。同じサムネイルをもう一度クリックすると選択が解除されます。
  • Shift + クリック: 最後にクリックしたサムネイルから今クリックしたサムネイルまでの間にある写真がすべて一度に選択されます(範囲選択)。例えば1番目の写真をクリックした後、5番目の写真をShift+クリックすると1〜5番がすべて選択されます。
  • 全選択 / 全解除: 画像マネージャー下部のボタンで、現在のフィルター(全体/使用中/未使用)に表示されているサムネイル全体を一度に選択または解除します。

選択した写真の枚数は下部のアクションバーに「N枚選択済み」と表示されます。削除や適用の前に、この数字で選択が正しく行われているか確認してください。

複数枚を一度に適用する

  1. 適用したい写真を複数枚選択
  2. 下部のセクションに適用ボタンをクリック
  3. 適用するセクション(フィールド)を選択

ギャラリーのように複数枚を受け付けるフィールド(バッジに「複数」と表示)は、選択した写真を一度にすべて追加します。一方、ヒーロー背景のように1枚だけを受け付けるフィールド(バッジに「1枚」と表示)に2枚以上選択した状態で適用しようとすると、警告メッセージが表示され適用されません — 1枚だけを選択してから再度お試しください。

複数枚を一度に削除する

  1. 削除したい写真のサムネイルを1枚ずつクリックして選択します。クリックするたびにサムネイルの左上に青いチェックマークが付くか確認してください — チェックマークがない場合は選択されていません。連続する複数枚がある場合は、最初の1枚をクリックした後、最後の1枚をShift+クリックすると間にある写真がすべて一度に選択されます。
  2. 下部のアクションバーの「N枚選択済み」が希望の枚数と一致しているか確認します。
  3. 選択項目を削除ボタンをクリック
  4. 削除完了のトーストが表示され、**元に戻す(Undo)**ボタンで5秒以内であればキャンセル可能

画像マネージャーでの削除は画面上でのみ削除された状態であり、実際のストレージからの削除はテンプレートを保存するときに処理されます。誤って削除した場合、保存前であれば5秒以内の「元に戻す」で、保存後であれば再アップロードで復元する必要があります。

写真の使用箇所の確認と解除

  • 他のセクションですでに使われている写真には緑のピンバッジが表示され、マウスを重ねるとどのセクションで使われているかの一覧が表示されます
  • フィルターで使用中 / 未使用を選択すると、該当する写真だけを絞り込んで表示できます
  • 使用中の写真を選択すると、適用解除ボタンで特定のセクションからだけ外したり、すべてのセクションから一度に外したりできます

写真の編集(トリミング)

  1. 写真をダブルクリックするか、1枚だけ選択した状態で編集ボタンをクリック
  2. 切り抜き範囲を調整して編集を完了
  3. 編集された写真は新しいファイルとしてアップロードされ、適用済みのセクションにも自動的に反映されます

編集は一度に1枚のみ可能です。複数枚を選択した状態では編集ボタンが表示されません。

画像セクションを複数追加して自由にレイアウトを構成する

画像が入るセクション(ヒーロー、ギャラリーなど)は同じ種類を複数追加できます。個数の制限がないため、写真を見せたい方法に合わせて自由に構成できます。

例:

  • ヒーローセクションを2つ作成し、最初の画面は代表写真1枚でインパクトのある見せ方をし、途中でもう一つのヒーローで雰囲気を転換する
  • ギャラリーセクションを複数に分けて、「出会いのストーリーアルバム」/「会場紹介アルバム」のようにテーマ別に分けて配置する

セクションの追加方法

  1. 編集画面の青い**+ボタン**をクリック → 追加可能なセクション一覧がドロップダウンで表示される
  2. 一覧から追加したいセクション(例: ギャラリー)を再度選択 — すでに同じセクションがあっても制限なく追加されます
  3. 新しく追加されたセクションが一覧の一番下に作成されます

順序の並べ替え

各セクション横のドラッグハンドル(≡マーク)をつかんで上下にドラッグすることで、好きな位置に移動できます。例えば、ギャラリーセクション2つをヒーローセクションの間に配置するといった、自由な順序構成が可能です。

各セクションは独立した写真構成を持ちます — あるギャラリーセクションにアップロードした写真が、別のギャラリーセクションに自動的に表示されることはありません。ただし、画像マネージャーに一度アップロードした写真は、複数のセクションで再利用して適用できます。

お困りですか?

画像アップロードについてご不明な点がございましたら、**お問い合わせ**までお問い合わせください!

次のステップ