CMS (в прошлом Менеджер контента): отображение контента коллекции на странице

6 мин.чтения
Используйте CMS (систему управления контентом) для создания коллекций, в которых вы можете хранить свой контент и управлять им. В этой статье объясняются различные варианты отображения контента из коллекции на сайте.
Есть два основных варианта отображения динамического контента:
  • В формате списка: отобразите список всех элементов в коллекции, используя один из элементов списка (репитер, таблица или галерея). 
  • На динамической странице элемента: если вы хотите отобразить каждый элемент на отдельной странице с одинаковым макетом и дизайном, создайте динамическую страницу элемента.
Новый интерфейс с наборами данных:
В Wix Studio мы переместили наборы данных в панель инспектора справа, чтобы вам было проще использовать их. Подробнее о новых наборах данных в Wix Studio

Отображение контента в репитере или другом элементе списка

Вы можете использовать репитер, таблицу или галерею для предварительного просмотра элементов из вашей коллекции. При нажатии на элемент в этом списке посетитель попадает на динамическую страницу элемента, на которой отображается вся информация об этом элементе.

Чтобы отобразить контент в репитере:

  1. Добавьте репитер на страницу:
    • Редактор Wix: 
      1. Нажмите Добавить элементы  в левой части редактора.
      2. Нажмите Список.
      3. Нажмите Репитеры, затем выберите репитер и перетащите его на страницу.
    • Editor X: 
      1. Нажмите Добавить элементы  в верхней части Editor X.
      2. Нажмите Для лейаута.
      3. Нажмите Репитеры, затем выберите репитер и перетащите его на страницу.
  2. Нажмите на репитер на странице.
  3. Нажмите на значок Подключить к данным .
  4. Создайте новый набор данных или подключите существующий:
    • Создайте новый набор данных:
      1. Нажмите Создать набор данных. Если у вас уже есть набор данных на странице, нажмите на раскрывающийся список Подключить набор данных и выберите Создать новый набор данных.
      2. Нажмите на раскрывающийся список Выбрать коллекцию и выберите коллекцию, которую вы хотите использовать.
      3. (Необязательно) Нажмите на поле Название набора данных и введите имя для набора данных.
      4. Нажмите Создать.
    • Подключите существующий набор данных:
      1. Нажмите на раскрывающийся список Подключить набор данных.
      2. Выберите набор данных, который вы хотите подключить.
  5. Подключите элементы к полям в вашей коллекции:
    1. Нажмите на элемент в разделе Элементы, чтобы перейти к параметрам его подключения. 
    2. Нажмите на соответствующий выпадающий список в разделе Параметры подключения и выберите поле, которое вы хотите подключить.  
    3. Нажмите Все подключения в верхней части панели Подключить репитер.
    4. Повторите эти шаги, чтобы подключить каждый элемент репитера. 
Следующие шаги:

Вы можете настроить репитер так, чтобы нажатие на элемент в нем (например, на изображение или кнопку) перенаправлял на динамическую страницу элемента, отображающую контент этого элемента.
Например, на сайте рецептов вы можете показать превью нескольких рецептов в репитере. Затем свяжите изображения в репитере с динамическими страницами элементов для отдельных рецептов. Когда посетители нажимают на изображение, они переходят на динамическую страницу элемента, где могут ознакомиться с информацией подробнее. 

Чтобы связать элементы репитера с динамической страницей:

  1. Добавьте репитер на страницу: 
    • Редактор Wix: 
      1. Нажмите Добавить элементы  в левой части редактора.
      2. Нажмите Список.
      3. Нажмите Репитеры, затем выберите репитер и перетащите его на страницу.
    • Editor X: 
      1. Нажмите Добавить элементы  в верхней части Editor X.
      2. Нажмите Для лейаута.
      3. Нажмите Репитеры, затем выберите репитер и перетащите его на страницу.
  2. Нажмите на репитер на странице.
  3. Нажмите значок Подключить к данным .
  4. Создайте новый набор данных или подключите существующий: 
    • Создайте новый набор данных: 
      1. Нажмите Создать набор данных. Если у вас уже есть набор данных на странице, нажмите на раскрывающийся список Подключить набор данных и выберите Создать новый набор данных.
      2. Нажмите на раскрывающийся список Выбрать коллекцию и выберите коллекцию, которую вы хотите использовать. 
      3. (Необязательно) Нажмите на поле Название набора данных и введите имя для набора данных.
      4. Нажмите Создать
    • Подключите существующий набор данных: 
      1. Нажмите на раскрывающийся список Подключить набор данных.
      2. Выберите набор данных, который вы хотите подключить. 
  5. В разделе Элементы нажмите на элемент, который вы хотите связать с динамической страницей элемента (например, изображение, кнопка). 
  6. Нажмите на соответствующий раскрывающийся список в разделе Параметры подключения (например, Ссылка подключается к, Подключить действие при нажатии к).
  1. Выберите страницу, которую вы хотите подключить в разделе Динамические страницы (например, Items (Title)).
  1. Прокрутите вниз панель «Подключить репитер» и выберите, как будет открываться ссылка: в текущем окне или в новом окне
  2. Подключите оставшиеся поля в панели Подключить репитер, чтобы завершить настройку репитера.  

Отображение контента на динамической странице элемента

Настройте динамическую страницу элемента для отображения содержимого каждого элемента в коллекции. Вам нужно сделать это только один раз. Каждый раз, когда вы добавляете новый элемент в коллекцию, для него автоматически создается динамическая страница. 

Чтобы отобразить контент на динамической странице элемента:

  1. Перейдите в CMS в панели управления сайтом.
  2. Выберите нужную коллекцию.
  3. Наведите курсор на нужную коллекцию и нажмите на значок Другие действия .
  4. Нажмите Добавить динамическую страницу элемента.Страница динамического элемента создается с тем же именем, что и коллекция.
    Примечание: по умолчанию элементы настроены и подключены для отображения контента из вашей коллекции. Если вам нравится, как он выглядит, ничего менять не нужно. В противном случае вы можете настроить свою страницу, выполнив следующие действия.
  5. (Необязательно) Подключите элементы к соответствующим полям в коллекции:
    1. Нажмите на соответствующий элемент на странице и нажмите значок Подключить к данным .
    2. Нажмите на соответствующий раскрывающийся список в разделе Параметры подключения и выберите поле, которое вы хотите подключить. 
    3. Повторите этот шаг для каждого элемента, который вы хотите подключить к своей коллекции. 
  6. (Необязательно) Добавьте дополнительные элементы на страницу и выполните шаг 5 выше, чтобы подключить их к полям в коллекции.
  7. Настройте дизайн этой страницы таким же образом, как вы бы настраивали дизайн любой другой страницы на своем сайте. Этот дизайн применяется ко всем динамическим страницам, отображающим эту коллекцию.

このような場合、どうすればいいのでしょうか?

|