Wix ヘルプセンター
    ホーム
  1. サイトの作成
  2. 高度な機能
  3. CMS
  4. CMS にユーザー入力要素を接続
    5. CMS：訪問者にアップロードボタンで複数のメディアファイルのアップロードを許可する

CMS：訪問者にアップロードボタンで複数のメディアファイルのアップロードを許可する

読了時間：7分
重要：
プレビューでテストできる一部の機能は、現在一部のユーザーのみご利用いただけます。アップロードボタンで複数のメディアファイルのアップロードを正しくテストするには、ライブサイトを使用してください。
ページにアップロードボタンを追加して、サイト訪問者が一度に複数のメディアファイル（動画と画像ファイルのみ）をアップロードできるようにしましょう。
たとえば、ウェブサイトがアートに関するものである場合、アーティストからの複数の画像を提供してもらうことができます。レシピを共有するウェブサイトの場合、訪問者は料理の動画クリップを含む複数の動画をアップロードすることができます。
コレクションの「メディアギャラリー」フィールドタイプを使用して、ウェブサイト上で一度に複数のメディアファイルをアップロードできるよう設定できます。
注意：
現在、複数の動画または画像ファイルのみアップロードできます。
ページに既にアップロードボタンがある場合は、メディアギャラリーフィールドをコレクションに追加し、ボタンの設定を調整します：
ヒント：
コレクションに Wix プロギャラリーを接続すれば、アップロードしたメディアファイルが表示されます。

ステップ 1 | コレクションを作成する

このコレクションに訪問者のメディアアップロードが保存されます。このコレクションをフォーム送信用に設定し、「メディアギャラリー」フィールドタイプを少なくとも1つは使用しておきましょう。

コレクションを作成する方法：

  1. エディタで CMS に移動します：
    • Wix エディタ：エディタ左側で「CMS」 をクリックします。
    • Editor X：Editor X 上部の「CMS」 をクリックします。
  2. 「コレクションを作成」をクリックします。
  3. コレクションの名前を入力します。（このコレクションには、訪問者が入力したコンテンツが保持されます。）
  4. 「コレクションのアイテム数」ドロップダウンをクリックし、「複数のアイテム（デフォルト）」を選択します。
  5. 「作成」をクリックします。
  6. 新しいコレクションでは、少なくとも1つのフィールドに「メディアギャラリー」フィールドタイプを使用してください。

  7. コレクションを閉じます。

ステップ 2 | アップロードボタンとデータセットを追加する

アップロードボタンとリンクされたデータセットを同時に追加できます。このステップでデータセットを追加することで、ステップ 1 で作成したコレクションを簡単に追跡できます。
新しいデータセット：
Wix Studio では、データセットを右側の要素設定パネルに移動させ、より使いやすくしました。Wix Studio の新しいデータセットについてはこちら

アップロードボタンとデータセットを追加する方法：

  1. 追加パネルに移動します：
    • Wix エディタ：エディタ左側で「追加」をクリックします。
    • Editor X：Editor X のトップバーより「要素を追加」をクリックします。
  2. 「入力欄」をクリックします。
  3. 「アップロードボタン」をクリックします。
  4. ボタンを選択し、ページ上にドラッグします。
  5. アップロードボタンをクリックし、「データに接続」アイコン  をクリックします（Editor X の場合  ）。


  6. データセットを作成します。
    1. 「データセットを作成」をクリックします。
      注意：サイトにすでにデータセットがある場合は、「データセットを接続」ドロップダウンをクリックし、「新しいデータセットを作成」を選択します。
    2. 「コレクションを選択」ドロップダウンをクリックし、手順 1 で作成したコレクションを選択します。
    3. （オプション）データセットの名前を編集します。
    4. 「作成」をクリックします。
  7. 「ファイルの接続先」ドロップダウンをクリックし、ステップ 1 で設定したメディアギャラリーフィールドを選択します。

ステップ 3 | アップロードボタンを設定する

訪問者が複数のファイルをアップロードできるようにするには、アップロードボタンを正しく設定することが重要です。「対応ファイル形式」で「ドキュメント」または「音楽」を選択すると、アップロードできるファイルが 1つだけに制限されます。

アップロードボタンを設定する方法：

  1. 「アップロード」ボタンをクリックし、「設定」をクリックします。
  2. 「対応ファイル形式」ドロップダウンをクリックして、訪問者がサイトにアップロードできるファイルの種類（画像・動画、画像、または動画）を選択します。
  3. 「最大ファイル数」スライダーを、訪問者が一度にアップロードできる最大ファイル数に設定します。
  1. （オプション）「必須項目」チェックボックスを選択して必須項目にします。
  2. （オプション）「項目タイトル」（アップロードボタンの上に表示されるテキスト）を追加します。
  3. 「ボタンテキスト」にアップロードボタンに表示されるテキストを入力します。
  4. 「ボタンの下のテキスト」下でオプションを選択します：
    • ファイル情報のみを表示：ファイルが選択されると、訪問者が選択したファイル名が表示されます。
    • カスタムテキストのみを表示：このオプションを使用すると、正しいファイルサイズに関する情報（例：最大ファイルサイズは 10MB）などの情報テキストをボタンの下に追加できます。訪問者がファイルを選択すると、ファイル名が表示されます。
  5. 「アップロードされたファイルを表示」をクリックして、訪問者がアップロードしたファイルを表示します。

ステップ 4 | 送信ボタンを追加する

送信ボタンは、サイト訪問者が選択したファイルをサイトにアップロードするためにクリックするボタンです。オプションで「成功」および「失敗」メッセージを追加することをお勧めします。サイト訪問者に表示されるメッセージは一度に 1つのみであるため、ページ上ではこれらを重ねて配置できます。

送信ボタンを追加する方法：

  1. 追加パネルに移動します：
    • Wix エディタ：エディタ左側で「追加」をクリックします。
    • Editor X：Editor X のトップバーより「要素を追加」をクリックします。
  2. 「ボタン」をクリックします。
  3. ボタンを選択し、ページ上にドラッグします。
  4. 「テキストを変更」をクリックし、テキストを「送信」に変更します。
  5. 「データに接続」アイコン （Editor X の場合  ）をクリックします。
  6. 「データセットを接続」で、ステップ 2で作成したデータセットが選択されていることを確認します。
  7. 「クリックアクションの接続先」ドロップダウンをクリックして「送信」を選択します。
  1. （オプション）訪問者がファイルのアップロードを完了したときに表示される完了メッセージを追加します：
    1. 「＋完了メッセージを追加」をクリックします。
    2. エディタで完了メッセージを選択し、メッセージを編集します。
    3. 完了メッセージをクリックし、表示したい場所にドラッグします。
  2. （オプション）ファイルのアップロードに失敗した場合に表示されるメッセージを追加します：
    1. 送信ボタンを選択し、「データに接続」アイコン （Editor X の場合  ）をクリックします。
    2. 「＋失敗メッセージを追加」をクリックします。
    3. エディタで失敗メッセージを選択し、メッセージを編集します。
    4. 失敗メッセージをクリックし、表示したい場所にドラッグします。
  3. 「完了時の移動先」ドロップダウンをクリックして、オプションを選択します：
    • キャンセル：訪問者はフォームを送信した後、このページにとどまります。
    • リンク：訪問者はフォームを送信した後、別のページにリダイレクトされます。「リンクを選択」下で「選択」をクリックし、リンクを設定します。

お役に立ちましたか？

|

この記事では下記を説明します：

  • ステップ 1 | コレクションを作成する
  • ステップ 2 | アップロードボタンとデータセットを追加する
  • ステップ 3 | アップロードボタンを設定する
  • ステップ 4 | 送信ボタンを追加する