CMS:概要
読了時間:5分
最も基本的な例として、CMS(コンテンツ管理システム)は、すべてのサイトコンテンツを一元的に保存および管理する場所です。CMS の最も複雑な面は次のとおりです:
- 1つのレイアウトを使用してさまざまなコンテンツを表示可能な動的ページを作成するための鍵。
- エディタとは別に、他のユーザーがコンテンツで共同作業できる安全な方法。
- サイト訪問者からのコンテンツや情報の収集を可能にするツール。
CMS を使用すると、コンテンツを 1か所で管理し、複数のページに表示することができます。同じデザインでさまざまなコンテンツを使用して、リピーターなどの要素にコンテンツを表示できます。このアプローチは、リスト、ポートフォリオ、レシピ、サービスなどに最適です。
CMS を使用すると、サイトの構築と管理にかかる労力を最小限に抑えることができると同時に、SEO 基準を維持します。その結果、コンテンツの量に関係なく、Google などの検索エンジンでの表示を維持することができます。
始める準備はできましたか?
![CMS 内のコレクションのスクリーンショット。](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/43afd84c-813c-43a2-baab-131b6878accd/2024/01/31/a6c23cc5-c15c-48f3-b676-527a74032235/17af3e24-8e70-453e-b2af-34f20843b7f1.png)
すべてのコンテンツを 1か所で管理する
CMS を使用すると、すべてのコンテンツをエディタとは別の環境に保持できます。これにより、サイトのデザインを更新せずに、サイトのコンテンツを何度でも更新することができます。
コンテンツはコレクションに保管されます。コンテンツとは、あなたが作成したコンテンツ、サイト訪問者から取得したコンテンツ、またはその両方で、アイテム(行)とフィールド(列)で構成されるグリッドレイアウトに保管されます。
新しいコレクションを作成するときは、常にアクセス権限を設定する必要があります。これらの権限は、コンテンツにアクセスできるユーザーと実行できる操作を定義します。
下記をご確認ください:
![テキストフィールドと画像フィールドで構成される物件リストを含むコレクションのスクリーンショット。](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/43afd84c-813c-43a2-baab-131b6878accd/2024/01/31/3e94e352-1bc2-4e64-9598-a372f4e6138c/221ba908-ba4f-40e3-98ef-8a338022b679.jpeg)
他のユーザーにコンテンツでの作業を許可して共同で編集する
CMS の権限設定を使用して、共同管理者にコンテンツへのアクセスを許可します。これで、他人が Wix エディタを使用してサイトのデザインを変更してしまう心配がなくなります。
コレクションの権限を設定する際、権限の種類のリストから選択できます。これらの権限タイプを使用して、さまざまなシナリオのアクセス権限を制御します。コレクションの権限を変更する方法はこちら
権限タイプでカバーされるシナリオの一部:
- コンテンツの表示:このシナリオでは、権限タイプ「公開」を選択できます。この設定では誰でもあなたのコレクションのコンテンツを閲覧できます。このオプションは、表示したい独自のコンテンツを含むコレクションに対して使用します。
- サイト訪問者のコンテンツの取得:この場合は、権限タイプとして「フォームの解答」を選択します。この設定では、誰でもコレクションにコンテンツを送信できます。ユーザーによる入力内容を保存するコレクションで活用することができます。
![コレクションの権限オプションを示すスクリーンショット。](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/43afd84c-813c-43a2-baab-131b6878accd/2024/01/31/7eee2af6-53f5-4264-8a70-039b1f57e2cb/211bbe58-36bf-4406-9b97-fbcde9b59d47.jpeg)
1つのレイアウトを使用してコンテンツを多数表示する
CMS では、1つのレイアウトをもとにして必要な数のページを生成し、サイトを作成することができます。この種のサイトは動的 Web サイトと呼ばれます。コレクションに接続された動的サイトパーツを使用するサイトで、プロジェクト、ポートフォリオ、リストの紹介などに最適です。
サイトに CMS を追加したら、さまざまな場所から動的ページやコンテンツを追加できます。
まずはプリセットなどから始めてみましょう。プリセットは動的ページと密接に関連した、すぐに使用できる動的ページのセットです。コンテンツの成長に合わせて、データもその都度増やしていくことができます。これらを使用することで、サイトに必要なだけコンテンツを表示できます。
下記をご確認ください:
![1つの動的ページを使用してコレクションの複数のアイテムを表示する方法を示しているスクリーンショット。](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/f0656688-8ed1-488a-888d-62373b7c3a3c/2022/09/29/cb9331f9-a5c0-4147-970e-7758691a97c7/506d8c26-680b-4043-a392-c2745ed319d9.jpg)
エンゲージメントの向上 - サイト訪問者からコンテンツを集めよう
フォームを提供すると情報やコンテンツの送信ができるので、訪問者はサイトとのエンゲージメントを高めることができます。さまざまな入力要素を使用してフォームを作成し、次に CMS を使用してコレクション内の訪問者のコンテンツをキャプチャ、格納、表示、編集します。
ヒント:
ユーザーレビューなど、訪問者が生成したコンテンツの使用を検討しましょう。このようなコンテンツはコレクションに保存できるだけでなく、ページ上のパーツに接続して表示することもできます。
下記をご確認ください:
![テキスト入力と、移動用、アップロード、送信用のボタンを含む入力要素で構成されるカスタム表のスクリーンショット。](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/f0656688-8ed1-488a-888d-62373b7c3a3c/2022/09/26/1a4f0e2d-1ea6-4248-a6a7-8b463a99bc13/acfa92b9-9214-44af-a76b-77cdfe3683bb.jpg)
ページの要素にリンクしてコンテンツを表示する
サイトに CMS を追加したら、ページ要素をコレクションアイテムとフィールドに接続するデータセットに接続できます。これらの要素は、テキストや画像など、コレクションのコンテンツを表示することができます。
エディタ内のすべての要素が CMS で機能するわけではありませんが、すべてのコレクションフィールドタイプには、互換性のあるページ要素が少なくとも 1つあります。
下記をご確認ください:
![エディタ内のギャラリー要素のスクリーンショット。接続がハイライトされた「ギャラリーを接続」パネルが表示されます。](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/43afd84c-813c-43a2-baab-131b6878accd/2024/01/31/2133adb5-1185-4145-98fe-6577ac13617e/84948c36-a4cb-46a4-8f84-9e56f99e2983.png)
データセットを使用してコンテンツの表示方法を制御する
データセットを使用して、コレクションのどのコンテンツを表示するかを制御できます。また、表示される順序や、並べ替えやフィルターといった方法を制御することもできます。
データセットは、コレクションとページパーツの間のリンクだと考えてください。
データセットを使用して、テキストボックスや画像などの単一のパーツをコレクションにリンクできます。また、テーブルやリピーターをリンクすることもできます。その場合、これらのパーツには複数のコレクション項目のコンテンツが表示されます。データセットでは、サイト訪問者がフォームを使用して送信したコンテンツをキャプチャすることもできます。このコンテンツをコレクションに保存し、ページに表示できます。
下記をご確認ください:
![データセット設定パネルが開いている動的リストページのスクリーンショット。寝室数のフィルターが追加されています。](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/43afd84c-813c-43a2-baab-131b6878accd/2024/01/31/90a88e75-4719-4e64-8bc3-a47853c8dbc7/fa215bdb-5b1e-4104-ada8-5e576a628f34.png)
もっと詳しく知りたいですか?
コンテンツマネージャーの使用方法については Wix Learn をご覧ください。動的コンテンツの詳細については 2本目の動画をご覧ください。