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

CMS(コンテンツ管理システム):概要

6分
Wix CMS(コンテンツ管理システム)を使用すると、エディタとは別のコレクションでサイトのコンテンツを管理することができます。コンテンツをリピーター、ギャラリー、テーブルなどのサイト上の要素に接続すると、接続された要素に CMS コレクションのコンテンツが動的に表示されます。

コレクション内のコンテンツは、複数の動的ページに同じレイアウトで表示することができます。また、訪問者が回答内容を直接コレクションに送信できるカスタムフォームを作成したり、動的ページの SEO 設定を最適化して検索エンジンでの可視性を高めたり、プリセットや AI を活用して CMS コレクションを効率的に作成することもできます。

大量のコンテンツを CMS コレクションに格納する

CMS コレクションは、動的ページや要素で使用するテキスト、画像、動画などのコンテンツを格納するデータベースです。

各コレクションでは、「表」、「リスト」、「ギャラリー」から好みのレイアウト選択して、さまざまフィールドを管理することができます。コレクション内のデータは、必要に応じて整理したり、並べ替えたり、フィルターしたりできるほか、カスタマイズしたビューを保存して、チームでスムーズに作業できるようにすることができます。コレクションのデータは、CSV ファイルで簡単にインポートまたはエクスポートすることができます。

権限・プライバシー設定では、コレクションへのアクセスを細かく制御して、コンテンツを表示、追加、編集、または削除できるユーザーを指定することができます。高度なインデックスを使用すると、クエリを高速化して、データの重複を防止することができます。(英語)

コレクションはフォルダに整理して、素早く簡単にアクセスできるようにすることができます。また、コレクションのデータはバックアップを使用して、以前のバージョンに復元することもできます。

他にも CMS では、Wix アプリコレクションとのシームレスな統合により、Wix ストアや Wix ブッキングなどのアプリのデータにアクセスすることができます。また、サンドボックスコレクションを安全なテスト環境として使用して、サイトを公開する前にすべての準備が整っていることを確認することもできます。
サンプル CMS コレクションの詳細を示したスクリーンショット。

ページ要素に動的コンテンツを使用する

CMS では、データセットを使用して、エディタ上の要素をコレクションに保存されているコンテンツに接続することができます。エディタで要素を選択して、「CMS に接続」アイコン をクリックすると、要素の各部分に対応するコレクションのフィールドが表示されます。

このデータセットは、さまざまな設定をカスタマイズすることができます。データセットモードを変更すると、接続しているページ要素が、コレクションのコンテンツを読み取ることができるか、コレクションにコンテンツを書き込むことができるか、またはその両方を行うことができるかを指定することができます。「読み込みごとのアイテム数」を設定すると、一度に読み込むことができるアイテムの最大数を指定することができます。また、フィルターや並び替えの条件を調整すると、特定のアイテムを表示しないようにしたり、アイテムの表示順序を変更したりすることができます。
ギャラリーを接続オプションのスクリーンショット。

同じ構造を共有する動的ページを作成する

動的ページを使用することで、ウェブサイトの構築と管理の方法に革新をもたらし、作成と維持プロセスを簡単に効率化します。動的ページは、サイト全体で一貫したレイアウトとデザインを維持しながら、接続されたコレクションアイテムに基づいてコンテンツを動的に更新します。

Wix サイトでは、静的ページを作成できる数が 100 ページまでに制限されていますが、動的ページはクライアントの要件に合わせて、必要な数だけ作成することができます。

動的ページには 2種類あります:
  • 動的リストページ:これらのページは、ギャラリーやリピーターで紹介する複数のアイテムの紹介として機能します。訪問者はこれらのページで操作することができ、特定のアイテムをクリックすると、それぞれの動的アイテムページに移動して詳細を確認することができます。
  • 動的アイテムページ:このページは、接続されたコレクション内の各アイテムに対して自動的に生成されており、個々のコレクションアイテムに関する包括的な情報を提供します。さまざまなページ要素にコレクションフィールドの詳細が動的に入力されるため、サイト訪問者にシームレスな閲覧体験を提供します。
Wix Studio エディタ内の動的ページのスクリーンショット。

CMS コレクションでサイト訪問者の回答を収集する

Wix サイトでは、訪問者がカスタムフォームに入力した内容を、CMS コレクションに直接送信できるようにすることができます。コレクションごとに権限を設定することで、コレクションのコンテンツにアクセスしたり、コンテンツに変更を加えることができるユーザーを指定することができます。

「テキストを入力」、「署名の入力」、「アップロードボタン」などのユーザー入力要素を、データセットを使用してコレクションに接続することで、訪問者が CMS コレクションに直接データを送信できるようになります。また、ページに「ドロップダウン」、「セレクトタグ」、「ラジオボタン」などのフィルターオプションを整えておくと、リピーターやギャラリーを操作した際の、訪問者のエクスペリエンスを向上させることができます。

ボタンや画像要素をデータセットに接続し、クリック時の動作を選択すると、訪問者がそれらの要素をクリックした際の動作をカスタマイズすることができます。たとえば、リピーターやギャラリーで「もっと見る」ボタンがクリックされた際に表示するアイテムの数や、「次の動的ページ」ボタンがクリックされた際に表示する動的ページなどをカスタマイズすることができます。
入力要素を使用してカスタムフォームを作成しているスクリーンショット。

動的ページの SEO 設定を最適化する

エディタ内の動的ページの SEO 設定を管理します。変数を追加して URL スラッグ構造をカスタマイズし、各 CMS コレクションアイテムに独自のウェブアドレスが入力されるようにします。これらの変数は、コレクションアイテムの実際のフィールド値に自動的に置き換えられるため、各ページは固有の URL になります。これは、検索エンジンが各ページのコンテンツを理解するのを支援するだけでなく、サイト訪問者がコンテンツの関連性を理解するうえでも役立ちます。
動的アイテムページのさまざまな SEO 設定のスクリーンショット。

プリセットと AI で CMS を開始する

まず、プリセットまたは AI(人工知能)を探し、ワークフローを効率化します。

プリセットは、CMS で動的ページを作成するためのテンプレートとして機能します。各プリセットには以下が含まれます:
  • 新しい動的ページにリンクされたコンテンツが事前に入力されたサンプルコレクション。
  • リピーターまたはギャラリーでコレクションアイテムを紹介する動的リストページ。
  • 個々のコレクションアイテムに関する詳細情報を提供する動的アイテムページ。

幅広いカスタマイズ可能なプリセットから選択することが可能です。プリセットを追加すると、動的ページとそれに関連するコレクションはシームレスにエディタに統合され、任意にカスタマイズできるようになります。

さらに、AI コレクション作成ツールを利用すると、新しい CMS コレクションを効率的に作成することができます。作成したいコレクションの名前とプロンプトを入力するだけで、あとは AI が自動的にコレクションを生成してくれます。生成されたコレクションは、他のコレクションと同様に、フィールドとコンテンツを管理することができます。
Wix エディタで CMS プリセットを追加しているスクリーンショット。
さっそくサイトに CMS を追加して開始しましょう。