CMS:ライブサイトからアイテムを管理するための動的ページを追加する
読了時間:7分
![ライブサイトで動的アイテム管理ページがどのように表示されるかを示すスクリーンショット。](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/d6b40156-9694-4cfe-9209-54815ef9d6dc/2024/05/20/44342905-fad5-44e1-a81e-6c0556014057/84acf1e9-5f79-4e9d-acd4-8ba510bcc169.png)
重要:
この機能は Wix Studio エディタでのみご利用いただけます。ただし、入力要素とインタラクティブボタンを使用して、Wix エディタで同様のページを作成することは可能です。ライブサイトからメンバーがコレクションコンテンツを編集できるページを Wix エディタで作成する方法はこちら
動的アイテム管理ページの仕組み
動的アイテム管理ページには各アイテムのバージョンが含まれ、各バージョンには独自の動的 URL が付与されています。ページに事前に接続された入力要素を、各コレクションフィールドごとの入力内容に紐づけます。次のサポートされているフィールドタイプは、関連する入力に自動的に接続されます:テキスト、数字、URL 、ブーリアン型、日付、時間、画像、リッチテキスト、住所
公開済みのページでは、訪問者はまず上部にあるドロップダウン入力から編集したいコレクションアイテムを選択します。クリックすると該当するバージョンのページが開くため、データセット設定に接続されている入力要素とボタンを使用して該当するコンテンツを追加、編集、または削除します。ページは他の動的ページと同様にカスタマイズできます。
![ページ上の入力要素に接続するデータセットを示したスクリーンショット。](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/d6b40156-9694-4cfe-9209-54815ef9d6dc/2024/05/20/6b8274bd-20a6-4ae3-b9e2-10cac58ead14/0484815e-6547-46cb-bf5b-e7f7f8a5f6be.png)
ページ設定の権限
デフォルトでは、ページの権限は「サイト会員のみ - すべてのサイト会員」に設定されており、サイト共同管理者にもページへのアクセスが許可されています。必要に応じて、ページの権限設定を微調整できます。たとえば、ページの権限を「サイト会員のみ - 選択した会員または有料会員のみ」に設定することができます。この設定により、共同管理者や特定の役割を持つ会員、または特定の販売プランを購入した人にアクセスを制限することができます。
![ページにアクセスできる特定のサイト会員の役割を選択しているスクリーンショット。](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/d6b40156-9694-4cfe-9209-54815ef9d6dc/2024/05/31/071539b5-3ebd-46aa-8c43-15f20f218382/d1880dbc-899f-487a-b2bd-c757130017c8.png)
コレクション内の権限
デフォルトでは、コレクションの権限は「管理者」に設定されています。このページを他のユーザーが利用できるようにするには、コンテンツを閲覧、追加、更新、削除できるユーザーを指定して、コレクションの権限を調整する必要があります。
ページを追加・設定する
コレクションに動的ページを追加する際は、「コンテンツを管理」オプションを選択します。コレクションの権限を調整し、ページの権限を設定して、共同管理者や特定の役割を持つメンバーにアクセスを制限します。
コンテンツを管理するための動的ページを追加・設定する方法:
- エディタにアクセスします。
- エディタ左側で「CMS」
をクリックします。
- 「あなたのコレクション」をクリックします。
- 該当するコレクションにマウスオーバーし、「その他のアクション」アイコン
をクリックします。
- 「動的ページを追加」を選択します。
![Wix Studio エディタで動的ページを追加しているスクリーンショット。](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/d6b40156-9694-4cfe-9209-54815ef9d6dc/2024/03/08/e0a8cb19-9d0e-491e-8ddc-2b2c4e9b18f9/f514b429-677d-4049-b623-ff58750a58a3.png)
- 「アイテムページ」を選択し、「サイトに追加する」をクリックします。
![コンテンツを管理するために動的ページを選択しているスクリーンショット。](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/d6b40156-9694-4cfe-9209-54815ef9d6dc/2024/05/20/7f408723-e26c-4c4a-99ab-b2b0d962d392/fc945cab-cfdf-4f78-a9b3-050276f67c57.png)
- 「ページを作成」をクリックします。
- コレクションの権限を変更します:
- エディタ下部のバナーで「アクセス許可に移動」をクリックして、コレクションのアクセス権限を編集します。
ヒント:クリックする前にバナーが表示されない場合は、以下の手順に従ってコレクションの権限設定に移動してください:- 左側の「あなたのコレクション」パネルで該当するコレクションにマウスオーバーし、「その他のアクション」アイコン
をクリックします。
- 「権限・プライバシー」を選択します。
- 左側の「あなたのコレクション」パネルで該当するコレクションにマウスオーバーし、「その他のアクション」アイコン
- コレクションの権限を編集します:
- 「このコレクションに保存するコンテンツの種類」ドロップダウンをクリックし、プリセット設定を選択します(例:カスタム、メンバー限定など)。
- 該当するドロップダウンをクリックして、コンテンツを閲覧、追加、削除、更新できるユーザーを選択します。
- 「保存する」をクリックします。
- エディタ下部のバナーで「アクセス許可に移動」をクリックして、コレクションのアクセス権限を編集します。
![コレクションの権限を編集しているスクリーンショット。](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/d6b40156-9694-4cfe-9209-54815ef9d6dc/2024/05/22/e87ed90c-f905-422d-8e45-8e976dd258dc/63b74837-ea24-43e9-b60d-1c726672e1e7.png)
- ページの権限を編集して、ページにアクセスできるユーザーを決定します:
- エディタ左側で「ページ」
をクリックします。
- 動的アイテム管理ページにマウスオーバーし、「その他のアクション」アイコン
をクリックします。
ヒント:デフォルトでは、ページの名前は {コレクション名} (管理対象のアイテム) となります。 - 「設定」を選択します。
- 上部の「アクセス許可」タブをクリックします。
- 「このページにアクセスできるユーザーを選択」下でオプションを選択します :
- すべてのサイト会員:ログインしているサイト会員またはサイト共同管理者が、このページにアクセスできます。
- 選択したサイト会員または有料会員のみ:共同管理者と特定の役割を持つサイト会員または特定の販売プランを購入した人にアクセスを制限することができます。以下のオプションから選択します:
- サイト会員の役割から選択:共同管理者または特定の役割を持つサイト会員に、ページへのアクセスを許可します:
- 「サイト会員カテゴリーから選択」下の「編集」アイコン
をクリックします。
- ページへのアクセス権を与える役割を選択し、「適用」をクリックします。
- 「サイト会員カテゴリーから選択」下の「編集」アイコン
- 販売プランから選択:特定の販売プランを購入した顧客がこのページにアクセスできるようにします:
- 「販売プランから選択」下の「編集」アイコン
をクリックします。
- 購入時にこのページへのアクセス権を与える役割を選択し、「適用」をクリックします。
- 「販売プランから選択」下の「編集」アイコン
- サイト会員の役割から選択:共同管理者または特定の役割を持つサイト会員に、ページへのアクセスを許可します:
- エディタ左側で「ページ」
![選択した会員または有料会員を許可するためにページの権限を設定するスクリーンショット。](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/d6b40156-9694-4cfe-9209-54815ef9d6dc/2024/05/31/5426ddf2-17c4-420e-bcc9-ae6b634cd224/5891b480-7b0d-4c4c-9691-63ad867a9794.png)
- (オプション)データセットと CMS のコレクションに接続する入力要素またはボタンを変更します:
- 該当する入力要素またはボタンをクリックし、「CMS に接続済み」アイコン
を選択します。
- 右側の要素設定パネルで接続を編集します。要素をデータセットに接続してコレクションコンテンツを表示する方法はこちら
- 該当する入力要素またはボタンをクリックし、「CMS に接続済み」アイコン
- 調整したいページ上の他のパーツもカスタマイズします。たとえば、上部にあるテキストを編集して、サイト会員にコンポーネントを使用してコレクションのコンテンツを編集する方法を説明します。
- 右上の「プレビュー」アイコン
をクリックし、動的リストページの動作をテストします。
- 変更内容を公開する準備ができたら、「公開」をクリックします。
ヒント:
新しい動的アイテム管理ページにリンクを追加して、関連する権限を持つ訪問者がライブサイトからアクセスできるようにします。