header-logo
Wix の使用方法を学び、サイトとビジネスを構築する。
直感的な Wix 機能でサイトをデザインして管理する。
定期購入、プラン、請求を管理する。
ビジネスを運営し、サイト会員とつながる。
ドメインの購入、サイトへの接続と移管方法を学ぶ。
ビジネスとウェブプレゼンスを成長させるツールを入手する。
SEO とマーケティングツールで知名度を上げる。
より効率的な作業を支援する高度な機能を利用する。
解決策や既知の問題について確認し、問い合わせる。
placeholder-preview-image
コースとチュートリアルでスキルを習得する。
ウェブデザインやマーケティングなどのヒントを得る。
検索エンジンからのトラフィックを増やす方法について学ぶ。
フルスタックプラットフォームでカスタムサイトを構築する。
あなたの目標達成をサポートするエキスパートを見つけましょう。
placeholder-preview-image

CMS:カスタム会員プロフィールページを作成する

4分
Velo ドキュメンテーションセンターで Velo の特徴や機能を学んでいきましょう。
この記事では、サイト会員がサイトに自分で追加したコンテンツを閲覧できるようカスタムプライベート会員ページを作成する方法について説明します。本記事の内容は、会員エリアがすでに追加されていることを前提に書かれています。今回はレシピサイトの例を使い、説明します。

ステップ 1:会員が自身のコンテンツを追加できるフォームを作成する

会員がサイトにコンテンツを追加できるようにするには、まず入力用のフォームを作成する必要があります。これまでにフォームを作成したことがない場合は、このチュートリアルを参照してください。チュートリアルでは、会員が入力したデータを受け取るためのデータベースコレクションとデータセットを設定する方法など、フォーム作成に必要な手順が説明されています。

次の簡単な例では、会員が自分のレシピをサイトに追加できるようにするためのサンプルフォームです。「タイトル」と「タイプ」のフィールド、そして画像ファイルをアップロードするためのアップロードボタンとコンテンツをコレクションに送信する「レシピを追加」ボタンの 2 つのボタンのみを配置したシンプルなデザインです。もちろん、必要に応じてその他のフィールドを追加できます。
会員はサイトにログインしているため、レシピがアップロードされると、各アイテムの「所有者」システムフィールドにユニーク ID が表示されます。これを利用して、すべての会員によってアップロードされたアイテムを表示する会員ページを作成できます。現在ログインしている会員がアップロードしたアイテムのみを表示する会員ページを作成することもできます。

ステップ 2:プライベート会員ページを追加・カスタマイズする

上記で会員はサイトにコンテンツを追加できるようになりました。次のステップとして、プライベート会員ページをカスタマイズして、各会員が自分がアップロードしたアイテムを表示できるようにしましょう。
Wix エディタ
Wix Studio エディタ
  1. エディタにアクセスします
  2. エディタ左側で「ページ・メニュー をクリックします。
  3. 会員エリア」をクリックします。
  4. 下部にある「会員ページを追加」をクリックします。
  5. プライベートページ」下の「+ページを追加」をクリックします。
非公開会員ページを追加するスクリーンショット。
  1. データセットを追加をページに追加し、サイト会員が送信したコンテンツを保存するコレクションに接続します。
  2. 条件が「is」、ステータスが「ログイン済み」で所有者(テキスト)フィールドにフィルターを追加します。
  3. コレクションコンテンツ(例:リピーター、テキスト、画像など)を表示できる要素を追加します。
  4. 要素をデータセットに接続します。
下の画像でカスタム会員プロフィールページの例をご覧ください。ページにはサイト会員プロフィールカード、サイト会員用メニュー、各コンテナに画像とテキストのあるリピーター、および「前のページ / 次のページ」ボタンがあります。メンバーが非公開ページを表示すると、CMS に接続されている要素に追加したアイテムが表示されます。
非公開会員ページの例のスクリーンショット。
注意:
ページをプレビューすると、自分がアップロードしたコンテンツが表示されます。これは、プレビュー時にはあなたがログインユーザーとして認識されるためです。コレクションにアイテムをまだアップロードしていない場合、ページをプレビューしてもコンテンツは表示されません。
非公開会員ページを追加するスクリーンショット。
非公開会員ページの例のスクリーンショット。