Wix Studio:CMS を使用する
読了時間:9分
Wix Studio で CMS(コンテンツ管理システム)を使用すると、クライアントのサイトコンテンツを効率的に保存、整理、管理することができます。
CMS では、コンテンツをデータベースコレクションに保持することで、動的ページや要素を簡単に作成できます。テキスト、ギャラリー、リピーターなどのページ要素をデータセットに接続し、要素で使用するコレクションフィールドを制御します。テキスト入力、ドロップダウン選択、アップロードボタンなどのユーザー入力要素を設定することで、訪問者がコンテンツをフィルターし、コレクションに直接送信できるようにすることができます。
![Wix Studio エディタ内の CMS のスクリーンショット。](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/43afd84c-813c-43a2-baab-131b6878accd/2024/08/01/eafd9811-8f36-4df4-81ca-ea814a909a6e/b8b746e7-63de-4751-85a2-06e7de165ea8.png)
ヒント:
Wix Studio で動的コンテンツを構築する方法については Wix Studio アカデミーのウェビナーをご覧ください。(英語)
Wix Studio に CMS を追加する
Wix Studio エディタの左側から CMS を追加し、プリセット CMS テンプレートを使用して始めるか、独自のコレクションと動的ページを手動で作成します。
Wix Studio に CMS を追加する方法:
- エディタにアクセスします。
- エディタ左側で「CMS」
をクリックします。
- 「追加する」をクリックします。
- 開始方法を選択します:
- プリセットを使用して開始:サンプルコレクションと接続された動的ページを含むプリセット CMS テンプレートから選択します。
- コンテンツを追加して開始:CSV ファイルをインポート、または AI を活用して手動でコレクションを作成します。コレクションにコンテンツを追加したら、そのコンテンツをページ要素に接続できます。
![「追加する」ボタン](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/43afd84c-813c-43a2-baab-131b6878accd/2024/08/01/278b0d3f-a08b-404c-85ee-19a9f7f116e9/e307cf6b-6b8a-45bf-b65e-444466958a58.jpg)
![Wix Studio で CMS の使用を開始するためのオプションが表示されたスクリーンショット。](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/43afd84c-813c-43a2-baab-131b6878accd/2024/08/01/f6e9d209-4326-4615-835b-7758f7eec9eb/d4507fef-6403-4b50-84d1-5b5a0c418adc.png)
データセットを使用してページ上の要素を接続する
CMS では、データセットを使用して、エディタ内の要素をコレクション内のコンテンツに接続します。要素またはページを選択し、要素設定パネルの「CMS 接続」
に移動して、ページ要素の各部分に接続するコレクションフィールドを選択します。
![](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/d6b40156-9694-4cfe-9209-54815ef9d6dc/2023/06/16/2d484f5d-e1bf-4d48-9e42-82216e8b88de/08e74518-edad-42f8-b007-c974ba767eb6.png)
データセット設定で、データセットモードを調整し、一度に読み込むことができるアイテムの最大数を選択したり、フィルターと並び替え条件を追加してアイテムを除外し、サイトに表示される順序を選択したりできます。
![リピーター内のデータセット接続を示すスクリーンショット。](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/43afd84c-813c-43a2-baab-131b6878accd/2024/08/01/871894b0-2e9d-4a7e-a010-f4d33b6b3526/0a1d2200-690b-474a-8e68-68b99b5fdd4c.png)
CMS コレクションでコンテンツ管理を簡素化する
ダッシュボードまたは Wix Studio エディタ左側にある CMS
からすべてのコレクションにアクセスできます。
![](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/d6b40156-9694-4cfe-9209-54815ef9d6dc/2023/06/21/cbaa0753-f576-479e-9008-5899170ff41f/8d026600-ef8d-4cc9-bd84-8b7f9fddb054.png)
各コレクションでは、好みのレイアウト(テーブル、リスト、ギャラリー)を選択し、さまざまなフィールドタイプを管理できます。並び替え、フィルター、カスタムビューの保存を使用して、チームとのシームレスな共同作業を実現できます。コレクションを CSV ファイルとしてインポートまたはエクスポートできます。権限・プライバシーを使用すると、コンテンツの閲覧、追加、編集、削除を行えるユーザーを決定できます。また、高度なインデックスを作成して、コレクションのクエリを高速化し、重複を防止します。
コレクションをフォルダに入れて、アクセスしやすいように整理します。バックアップを使用してコレクションのバージョンを復元することで、セキュリティと安心感を高めることができます。Wix アプリコレクションを有効にして、他の Wix アプリ(例:Wix ストア、Wix ブッキング)のデータを表示します。サンドボックスをコレクションのテスト環境として使用し、公開する前にすべての準備ができていることを確認します。
![コレクションと「その他のアクション」が表示された CMS のスクリーンショット。](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/43afd84c-813c-43a2-baab-131b6878accd/2024/08/01/f7904175-920d-4830-8da3-550e751166e8/2af921c8-c964-4439-9a8f-f8536bf4b0b0.png)
動的ページで効率的にスケーリング
動的ページを使用すると、ウェブページの作成とメンテナンスを合理化およびスケーリングできます。動的ページは一貫したレイアウトとデザインを使用しながら、ページに接続されたコレクションアイテムに基づいてコンテンツを変更します。Wix サイトに追加できる静的ページは 100ページに制限されていますが、動的ページは無制限に作成することができます。
動的ページには 2種類あります:
- 動的リストページ:コレクション内の複数のアイテムをギャラリーやリピーターで表示できます。訪問者がアイテムをクリックして動的アイテムページに移動し、選択したアイテムの詳細を表示できるようにします。
- 動的アイテムページ:ページに接続されたコレクション内のすべてのアイテムに対して自動的に作成されます。コレクション内のフィールドに接続するさまざまなページ要素で、個々のコレクションアイテムの詳細を表示します。
![Wix Studio エディタ内の動的ページのスクリーンショット。](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/43afd84c-813c-43a2-baab-131b6878accd/2024/08/01/f60a0f70-44d1-4cc3-8248-27f98ee8de37/98ba72a6-d1c9-4140-adca-211bec9ab043.png)
訪問者にサイトとのやり取りを促す
カスタム入力とナビゲーション要素を使用して、サイト訪問者にサイトとのやり取りを促します。コレクションごとに権限を設定して、コレクションのコンテンツを閲覧・編集できるユーザーを制御します。
テキスト入力、署名入力、アップロードボタンなどの入力要素をデータセットに接続し、訪問者が CMS コレクションに送信できるようにします。ドロップダウン、セレクトタグ、ラジオボタンなどの入力要素を設定して、訪問者がリピーターやギャラリーで表示するアイテムをフィルターできるようにします。
ボタンや画像をデータセットに接続し、クリック時の動作を設定することで、カスタムのインタラクティブ要素やナビゲーション要素を作成しましょう。たとえば、リピーターやギャラリーでより多くのアイテムを読み込んだり、次の動的アイテムページに移動したり、入力値をリセットしたりするボタンを作成することができます。
![入力要素とクリック時の動作ボタンが次の動的ページに接続されたスクリーンショット。](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/43afd84c-813c-43a2-baab-131b6878accd/2024/08/01/d8bde996-8012-4a4d-a76c-92397dcc89fd/cea7828f-71ac-4966-9ef5-6c2550993272.png)
動的ページに最適な SEO ツールを活用する
Wix Studio エディタ内から動的ページのすべての SEO 設定を編集します。URL スラッグ構造に変数を追加して、CMS コレクションアイテムが固有のウェブアドレスを取得できるようにします。動的ページ URL に追加した変数は、コレクションアイテムの実際のフィールド値に置き換えられます。固有の URL を作成することで、検索エンジンと訪問者が各ページのコンテンツを理解するのにも役立ちます。
![動的ページのページ設定にある「SEO」タブのスクリーンショット。](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/43afd84c-813c-43a2-baab-131b6878accd/2024/08/01/fdf2aed9-97e6-4dd6-b3cc-8aaf91fff586/1a52fa5f-fe79-4ad1-83cb-511268f28ef1.png)
よくある質問
よくある質問とその回答については、以下をクリックしてご覧ください。
動的ページはどこで管理できますか?
カスタムフォームはどのようにして訪問者の回答をコレクションに追加しますか?
Wix アプリコレクションを表示するにはどうすればよいですか?
動的ページのキャッシュ設定を変更することはできますか?
URL スラッグ構造に変数フィールドを追加する必要があるのはなぜですか?
リッチコンテンツ要素とは?