CMS:コレクションに動的アイテムページを追加する

読了時間:6分
始める前に、以下が必要になります:
動的ページはいつでも追加できます。これらのページを使用して、さまざまな要素でコンテンツを異なる方法で表示することができます。
この記事では、既存のコレクションに動的ページを追加する方法について説明します。新しい動的ページで新しいコレクションを追加したい場合は、プリセットを追加してください。
新しいデータセット:
Wix Studio では、データセットを右側の要素設定パネルに移動させ、より使いやすくしました。Wix Studio の新しいデータセットについてはこちら

ステップ 1 | 新しい動的アイテムページを追加する

新しい動的アイテムページを追加する際に、異なるコレクションフィールドを表示したり、デザインを更新したりできます。コレクションごとに最大 64 の動的ページを追加できます。

新しい動的ページを追加する方法:

  1. 空白の動的ページを追加します:
    • Wix エディタの場合
      1. エディタ左側で「メニュー・ページ をクリックします。
      2. 動的ページ」をクリックし、動的ページをリンクするコレクションの横にある「設定」アイコン  をクリックします。
      3. 動的アイテムページを追加」をクリックします。

        A screenshot of the the Menus & Pages panel in the Editor, highlighting the Add Dynamic Item Page option
    • Editor X の場合
      1. トップバーで「ページ」をクリックします。
      2. 動的ページの関連するグループにマウスオーバーし、「その他のアクション」アイコン  をクリックします。
      3. 動的アイテムページを追加」をクリックします。

        A screenshot of the the Pages panel in Editor X, highlighting the Add Dynamic Item Page option
  2. ページ URL を使用して、そのページに表示されるコンテンツを決定します:
    1. 新しいページ横の「その他のアクション」アイコン  をクリックします。
    2. 設定」をクリックします。
    3. ページ URL を入力してください」下で項目を編集します。

ステップ 2 | ページに要素を追加して接続する

これで、動的ページを希望通りに設定できるようになりました。画像、テキストボックス、ボタンなどの適切な要素を追加して、コレクション内の必要なフィールドでコンテンツに接続します。ページに付属しているデフォルトの要素をそのまま使用することも、削除することもできます。

要素を追加・接続する方法:

  1. エディタで「追加」パネルにアクセスします。
    • Wix エディタ:エディタ左側で「追加  をクリックします。
    • Editor X:Editor X 上部にある「追加 をクリックします。
  2. 追加したいパーツをクリックします。
  3. エディタで要素を選択し、「CMS に接続」アイコン  (Editor X の場合は  )をクリックします。
  4. データセットを接続」下で要素を接続するデータセットを選択します。
「ボタンを接続」パネルが開き、「データセットを接続」メニューがハイライト表示された、エディタ内のボタン要素のスクリーンショット
  1. 接続設定」または「コンポーネント」下で、各フィールドに接続するものを選択します。
    注意:オプションは要素の種類によって異なります。たとえば、ほとんどの要素には「接続設定」セクションがあり、リピーターには「コンポーネント」セクションがあります。
「ギャラリーを接続」パネルが開き、「接続オプション」がハイライトされたエディタ内のギャラリー要素のスクリーンショット
ヒント:
コレクションのフィールドタイプが正しくない場合は、接続設定を選択するときに新しいコレクションフィールドを追加できます。該当する「接続設定」から、「フィールドを追加」を選択し、「フィールド名」を入力して「フィールドタイプ」を選択します。

お役に立ちましたか?

|