header-logo
はじめましょう!Wix でサイトやビジネスを構築する方法をご紹介します。テンプレートを使用してサイトをカスタマイズしたり、パートナーに依頼してウェブプレゼンスを確立しましょう。
サイトの作成Wix エディタの使い方とサイトコンテンツの管理方法について学びましょう。訪問者のプライバシーを保護し、サイトをよりアクセシブルにします。
アカウント・お支払いアカウント設定を確認し、定期購入とプレミアムプランを管理、請求内容を把握しましょう。
Wix モバイルアプリの使用Wix Owner アプリを使用してビジネスを効率的に運営し、訪問者と関わり、コミュニティを構築しましょう。
ドメインの接続ドメインの購入・接続・移管方法と、サイトデータを安全に保つ方法について理解しましょう。
ビジネスの管理支払いの受け付け、分析、訪問者とのつながりなど、ビジネスを構築し成長させるための適切なツールを見つけましょう。
サイトの宣伝検索エンジンでサイトを宣伝し、メルマガを送信し、有料広告を掲載する方法を学びましょう。
Wix Studio・パートナー・エンタープライズWix Studio、パートナー、エンタープライズアカウントを最大限に活用し、ビジネスを拡大しましょう。
ヘルプサイトのパフォーマンスや技術的な問題を解決するための情報を入手しましょう。製品ロードマップでは今後の機能について確認できます。
placeholder-preview-image
Wix Learnコースとチュートリアルでスキルを習得する。
Wix ブログウェブデザインやマーケティングなどのヒントを得る。
SEO ラーニングハブ検索エンジンからのトラフィックを増やす方法について学ぶ。
Website developmentフルスタックプラットフォームでカスタムサイトを構築する。
Wix パートナーに依頼あなたの目標達成をサポートするエキスパートを見つけましょう。
placeholder-preview-image
この記事では下記を説明します:
  • Wix Studio に CMS を追加する
  • データセットを使用してページ上の要素を接続する
  • CMS コレクションでコンテンツ管理を簡素化する
  • 動的ページで効率的にスケーリング
  • 訪問者にサイトとのやり取りを促す
  • 動的ページに最適な SEO ツールを活用する
  • よくある質問

Wix Studio:CMS を使用する

この記事内
  • Wix Studio に CMS を追加する
  • データセットを使用してページ上の要素を接続する
  • CMS コレクションでコンテンツ管理を簡素化する
  • 動的ページで効率的にスケーリング
  • 訪問者にサイトとのやり取りを促す
  • 動的ページに最適な SEO ツールを活用する
  • よくある質問
Wix Studio で CMS(コンテンツ管理システム)を使用すると、クライアントのサイトコンテンツを効率的に保存、整理、管理することができます。
CMS では、コンテンツをデータベースコレクションに保持することで、動的ページや要素を簡単に作成できます。テキスト、ギャラリー、リピーターなどのページ要素をデータセットに接続し、要素で使用するコレクションフィールドを制御します。テキスト入力、ドロップダウン選択、アップロードボタンなどのユーザー入力要素を設定することで、訪問者がコンテンツをフィルターし、コレクションに直接送信できるようにすることができます。
Wix Studio エディタ内の CMS のスクリーンショット。
ヒント:
Wix Studio で動的コンテンツを構築する方法については Wix Studio アカデミーのウェビナーをご覧ください。(英語)

Wix Studio に CMS を追加する

Wix Studio エディタの左側から CMS を追加し、プリセット CMS テンプレートを使用して始めるか、独自のコレクションと動的ページを手動で作成します。

Wix Studio に CMS を追加する方法:

  1. エディタにアクセスします。
  2. エディタ左側で「CMS をクリックします。
  3. 追加する」をクリックします。
  4. 開始方法を選択します:
    • プリセットを使用して開始:サンプルコレクションと接続された動的ページを含むプリセット CMS テンプレートから選択します。
    • コンテンツを追加して開始:CSV ファイルをインポート、または AI を活用して手動でコレクションを作成します。コレクションにコンテンツを追加したら、そのコンテンツをページ要素に接続できます。
Wix Studio で CMS の使用を開始するためのオプションが表示されたスクリーンショット。

データセットを使用してページ上の要素を接続する

CMS のデータセットを使用して、エディタ内の要素をコレクション内のコンテンツに接続します。要素またはページを選択し、要素設定パネルの「CMS 接続 に移動し、ページ要素の各部分に接続するコレクションフィールドを選択します。

データセット設定では、データセットモードを調整して、一度に読み込むことができるアイテムの最大数を選択したり、フィルターや並び替え条件を追加してアイテムを除外したり、サイトに表示されるアイテムの順序を選択したりすることができます。
リピーター内のデータセット接続を示すスクリーンショット。

CMS コレクションでコンテンツ管理を簡素化する

すべてのコレクションには、ダッシュボードまたは Wix Studio エディタの左側にある「CMS」 からアクセスすることができます。並べ替え、フィルター、検索を使用すると、必要なコレクションを素早く見つけることができます。CMS ダッシュボードからコレクションを管理する方法はこちら

 

各コレクションでは、好みのレイアウト(表、リスト、ギャラリー)を選択して、さまざまなフィールドを管理することができます。並び替え、フィルター、カスタムビューの保存機能などを使用して、チームでシームレスに共同作業を行うことができます。コレクションのデータは、CSV ファイルとしてインポートまたはエクスポートすることができます。権限・プライバシーを使用すると、コンテンツを表示、追加、編集、削除できるユーザーを指定することができます。また、高度なインデックスを作成すると、コレクションのクエリを高速化して、重複を防ぐこともできます。

各コレクションは、フォルダに整理することができます。バックアップを使用してコレクションを復元できるようにしておくと、万一に備えて安心して作業を進めることができます。Wix アプリコレクションを有効にすると、他の Wix アプリ(例:Wix ストア、Wix ブッキングなど)のデータを表示することができます。また、サンドボックスをコレクションのテスト環境として使用すると、サイトを公開する前にすべての準備が整っていることを確認することもできます。

CMS ダッシュボードで、「その他のアクション」をクリックした様子を示したスクリーンショット。

動的ページで効率的にスケーリング

動的ページを使用すると、ウェブページの作成や管理を合理化することができます。動的ページでは、同じレイアウトとデザインのまま、ページに接続されているコレクションのアイテムを動的に表示させることができます。

Wix サイトの合計ページ数の上限は 298ページ(最大 100 の静的ページを含む)ですが、動的ページやアプリのページはそれぞれ 1ページとしてカウントされます。いずれの場合も、利用可能なページ数を使うことなく、多くのアイテム(例: コレクションアイテム、商品)に対して固有の URL を生成することができます。

動的ページには 2種類あります:
  • 動的リストページ:コレクション内の複数のアイテムをギャラリーやリピーターで表示できます。訪問者がアイテムをクリックして動的アイテムページに移動し、選択したアイテムの詳細を表示できるようにします。
  • 動的アイテムページ:ページに接続されたコレクション内のすべてのアイテムに対して自動的に作成されます。コレクション内のフィールドに接続するさまざまなページ要素で、個々のコレクションアイテムの詳細を表示します。
Wix Studio で動的コンテンツを構築する方法については、以下の動画をご覧ください。

訪問者にサイトとのやり取りを促す

ページにユーザー入力要素やナビゲーション用の要素を追加すると、サイト訪問者がクライアントのサイトで情報を入力したり、必要なアイテムを表示したりできるようになります。各コレクションでは権限を設定して、コレクションのコンテンツを閲覧・編集できるユーザーを指定することができます。

テキスト、署名、アップロードボタンなどの入力要素をデータセットに接続すると、訪問者が CMS コレクションにデータを送信することができるようになります。ドロップダウン、セレクトタグ、ラジオボタンなどの入力要素を接続すると、訪問者がリピーターやギャラリーに表示されるアイテムをフィルターすることができるようになります。

ボタンや画像をデータセットに接続し、クリック時のアクションを設定すると、訪問者が操作できる内容をカスタマイズすることができます。たとえば、リピーターやギャラリーにさらにアイテムを読み込むためのボタンを作成したり、次の動的アイテムページに移動するためのボタンを作成したり、入力した値をリセットするためのボタンを作成したりすることができます。
入力要素とクリック時の動作ボタンが次の動的ページに接続されたスクリーンショット。

動的ページに最適な SEO ツールを活用する

Wix Studio エディタ内から動的ページのすべての SEO 設定を編集します。URL スラッグ構造に変数を追加して、CMS コレクションアイテムが固有のウェブアドレスを取得できるようにします。動的ページ URL に追加した変数は、コレクションアイテムの実際のフィールド値に置き換えられます。固有の URL を作成することで、検索エンジンと訪問者が各ページのコンテンツを理解するのにも役立ちます。
動的ページのページ設定にある「SEO」タブのスクリーンショット。

よくある質問

よくある質問とその回答については、以下をクリックしてご覧ください。

Helpmate

こんにちは、さん

さらにヘルプが必要ですか?
Unlock personalized helpLog in to get the most out of Helpmate.