リピーターに動的コンテンツを表示
読了時間:4分
このリピーターを CMS(コンテンツ管理システム)に接続して、動的コンテンツを表示します。CMS では、コレクション内のコンテンツを個別に管理し、コレクションフィールドをリピーター内の要素に接続します。リピーターは全体を通して一貫したデザインを維持し、リピーター内の各アイテムには、特定のアイテムに関するコレクションのコンテンツが表示されます。
始める前に:
動的コンテンツの使用を開始するには、サイトに CMS を追加してください。
このリピーターを CMS コレクションに接続するにはどうすればよいですか?
CMS をまだ追加していない場合は、まずサイトに追加します。次に、リピーターで使用するすべてのコンテンツを格納するコレクションを作成します。
コレクションをリピーターに接続する準備ができたら、データセットを作成するか、既存のデータセットを接続します。データセットを接続するコレクションを選択し、各リピーター要素にリンクするコレクションフィールドを選択します。
- (初めて CMS を使用する場合)サイトに CMS を追加します。
- コレクションを作成します。
- エディタでリピーターを選択し、「CMS に接続」アイコン をクリックします。
- 新しいデータセットを作成するか、既存のデータセットを接続します:
- 新しいデータセットを作成する:
- 「データセットを作成」をクリックします。ページ上に既にデータセットが存在する場合は、「データセットを接続」ドロップダウンをクリックし、「新しいデータセットを作成」を選択します。
- 「コレクションを選択」ドロップダウンをクリックし、該当するコレクションを選択します。
- (オプション)「データセット名」をクリックし、データセットの名前を入力します。
- 「作成」をクリックします。
- 既存のデータセットを接続する:
- 「データセットを接続」ドロップダウンをクリックします。
- 接続したいデータセットを選択します。
- 新しいデータセットを作成する:
- 「要素」下で、CMS コレクション接続したい要素(例:画像、テキスト、背景)をクリックします。
- 「接続設定」下の該当するドロップダウンをクリックし、要素に接続するコレクションフィールドを選択します。
- 「すべての接続」をクリックし、接続する要素ごとに手順 2〜3 を繰り返します。
- サイトを公開して変更内容を反映させます。
コレクションとは?
CMS コレクションは、動的ページや要素で使用するテキスト、画像、動画などのコンテンツを格納するデータベースです。
コレクションを作成する方法:
- エディタ左側または上部のパネルで「CMS」 をクリックします。
- 「コレクションを作成」をクリックします。
- コレクション名を入力します。
- オプションを選択し、コレクションに含めるアイテム数を選択します:
- 複数のアイテム(デフォルト):プロジェクトやサービスなど、同じレイアウトで複数のページまたはアイテムのリストを管理します。動的ページや要素に適したこのコレクションタイプには多くのアイテムを追加し、大量のコンテンツを格納できます。
- 単独のアイテム:ホームページや宣伝バナーなどの静的ページやセクションのコンテンツを管理します。このタイプのコレクションにはフィールドを追加できるアイテムが 1つしかないため、静的ページに最適です。単独アイテムコレクションの作成に関する詳細はこちら
- 「作成」をクリックします。
- コレクションにアイテムとフィールドを手動で追加するか、CSV ファイルをインポートします。
CMS をさらに活用するために役立つ以下のヒントもご覧ください:
- コレクションの権限とプライバシーを設定して、格納するコンテンツの種類と、そのコンテンツを閲覧・編集できるユーザーを制御します。
- コレクション内のビューを並べ替えてフィルターを適用し、今後使用するためにカスタムビューとして保存します。
データセットとは?
データセットは、ページ上の要素と CMS コレクション内のコンテンツを双方向接続するもので、これによってページ上にコレクションのコンテンツを表示したり、逆にユーザー入力をキャプチャしてコレクション内に格納したりできるようになっています。
データセットを使用すると、ページ要素のどの部分をコレクション内のどのフィールドに接続するかを制御できます。各データセットはコレクションに、データセットに接続された各要素はコレクション内のフィールドに接続します。これにより、表示するコンテンツと場所をまったく新しい方法で管理することができます。
リピーターアイテムを動的アイテムページにリンクするにはどうすればよいですか?
画像またはボタンをクリックすると、アイテムの動的アイテムページに移動するように、リピーターを設定することができます。リピーターに画像またはボタンが追加されていることを確認してください。次に、以下の手順に従って要素を動的アイテムページにリンクします。
- クリックして新しいデータセットを作成してコレクションに接続するか、「データセットを接続」ドロップダウンから既存のデータセットを選択します。
- 「要素」下で、該当する「画像」または「ボタン」要素をクリックし、動的アイテムページに接続します:
ヒント:動的アイテムページは、コレクション名(例:"Projects")の後に "(Item)" が続きます。- 画像:「リンクの接続先」ドロップダウンをクリックし、「動的ページ」下で該当する動的アイテムページを選択します。
- ボタン:「クリック時の動作を選択」ドロップダウンをクリックし、「動的ページ」下で該当する動的アイテムページを選択します。
- 「リンク先ページの表示方法」下でページの開き方を選択します。
- (オプション)「接続設定」下の該当するドロップダウンメニューをクリックして、要素にさらにコレクションフィールドを接続します。
下記をご確認ください:
サイト訪問者がこのリピーターに表示されるコンテンツをフィルターできるようにするにはどうすればよいですか?
入力要素を使用して、サイト訪問者がリピーターコンテンツをフィルターできるようにします。ページに入力要素を追加し、リピーターと同じデータセットに接続します。
次のことも確認してください:
- データセットを「読み取り専用」または「読み取り&書き込み」モードに設定します。
- コレクションの権限を設定して、訪問者がコンテンツを閲覧できるようにします。
詳細については、CMS:リピーターにコンテンツを表示するをご覧ください。
お役に立ちましたか?
|