CMS (в прошлом Менеджер контента): отображение контента коллекции на обычной странице
5 мин. чтения
В этом руководстве вы узнаете, как создать собственную страницу для отображения контента из коллекции. Мы покажем вам, как разметить элементы страницы, создать коллекцию и подключить ее к этим элементам с помощью набора данных. Наконец, мы протестируем страницу в режиме предварительного просмотра и опубликуем сайт, чтобы посетители вашего сайта могли видеть ваши данные.
Примечание
В этом руководстве мы создаем статическую страницу для отображения контента из коллекции. Вы также можете настроить динамические страницы элементов, которые автоматически создают страницы для каждого элемента в коллекции.
Шаг 1 | Создайте коллекцию
Коллекция - это место, где вы храните контент, необходимый для вашего сайта, или где вы собираете информацию, отправленную вашими посетителями. При создании коллекции также необходимо определить ее разрешения. Они позволяют вам контролировать, что посетители сайта могут делать с контентом в коллекции. Здесь мы добавляем пустую коллекцию, в которой будет храниться контент, который вы хотите показать посетителям.
Чтобы создать коллекцию:
- Перейдите в CMS в панели управления сайтом.
- Нажмите Создать коллекцию.
- Введите название коллекции.
- Укажите количество элементов в коллекции:
- Один элемент: коллекция может содержать один элемент, включающий в себя множество полей, таких как текст, изображения, видео и URL-адреса. Этот тип лучше всего подходит для неповторяющегося контента, такого как страница «О нас».
- Несколько элементов (по умолчанию): коллекция с несколькими элементами хранит гораздо больше контента, и она может отображаться в виде репитера или таблицы. Этот тип подходит для списков объектов недвижимости, портфолио, рецептов и т. д. Подробнее о коллекциях с одним и множеством элементов.
- Нажмите Дальше.
Шаг 2 | Настройте коллекцию
Добавьте поле для каждой информации, которую вы хотите, чтобы посетители видели, а затем введите контент.
Чтобы настроить коллекцию:
- Перейдите в CMS в панели управления сайтом.
- Нажмите на соответствующую категорию.
- Нажмите Управлять полями, затем нажмите + Добавить поле, чтобы добавить поле в коллекцию.
- Настройте поле в соответствии с информацией, которую вы хотите, чтобы посетители видели. Убедитесь, что вы выбрали правильный тип поля, чтобы он соответствовал контенту в этом поле.
- Определите поле для каждого из запланированных элементов страницы.
- Добавьте контент в коллекцию.
Шаг 3 | Создайте страницу
Ваша страница должна включать элементы, которые позволят посетителям увидеть информацию, которую вы хотите отобразить.
Для начала:
- Перейдите в меню Добавить элементы и выберите группу, содержащую тип элемента, соответствующий типу поля из вашей коллекции.
- Перетащите элементы на страницу, чтобы создать настроить дизайн и макет страницы. Вы можете выбрать такие элементы, как текст и изображение.
Шаг 4 | Настройте элементы
После добавления элементов страницы вы можете настроить внешний вид каждого элемента в панели настроек.
Чтобы настроить элементы:
- Выберите элемент страницы, нажмите на значок Настроек и используйте опции для его настройки.
- Повторите это для каждого элемента на вашей странице.
Теперь вам нужно подключить элементы к коллекции. Для этого мы воспользуемся набором данных, который рассмотрим в следующих шагах.
Шаг 5 | Добавить и настроить набор данных
Набор данных подключает элементы к коллекции. Когда вы добавляете набор данных, вам необходимо решить, к какой коллекции вы хотите подключиться, хотите ли вы, чтобы посетители могли читать и / или писать в вашу коллекцию, и многое другое.
Чтобы добавить набор данных на страницу:
- Перейдите к CMS в редакторе:
- Редактор Wix: нажмите CMS
в левой части редактора. - Editor X: Нажмите CMS
в верхней части Editor X.
- Редактор Wix: нажмите CMS
- Нажмите Элементы контента.
- Нажмите Набор данных. Набор данных будет добавлен на вашу страницу.
- Выберите набор данных и нажмите Настройки. Откроется панель настроек набора данных .
- В разделе Подключить коллекцию выберите нужную коллекцию.
- Выберите Только для чтения для режима.
- При желании вы можете настроить фильтры и сортировку для набора данных.
- Закройте панель.
Шаг 6 | Подключите элементы страницы
После настройки набора данных вы можете подключить к нему элементы. Вам нужно перейти к каждому из элементов на странице и подключить его к тому же набору данных. Каждый раз, когда вы подключаете элемент, вы также определяете, к какому полю в вашей коллекции должно подключаться его значение. Некоторые элементы содержат более одного свойства, которое может быть связано с разными полями.
Чтобы подключить элементы:
- Выберите элемент и нажмите кнопку Подключить к данным
. - Выберите поле в вашей коллекции, где хранится информация.
- Повторите это для каждого элемента на вашей странице.
На следующем шаге мы создадим кнопки Назад и Вперед для просмотра элементов в наборе данных.
Шаг 7 | Создайте кнопки Назад и Вперед
Теперь, когда все ваши элементы подключены к одной коллекции через один и тот же набор данных, вам нужно разрешить посетителям просматривать информацию. Для этого добавьте на страницу две кнопки, подключите их к тому же набору данных, что и другие элементы, и определите их действия при нажатии.
Чтобы создать кнопки «Назад» и «Вперед»:
- Добавьте на страницу две кнопки и измените их тексты на Предыдущая и Следующая.
- Нажмите их кнопки Подключить к данным
. - На панели Подключить кнопку выберите свой набор данных .
- В разделе Подключить действие при нажатии к выберите Предыдущий элемент для первой кнопки и Следующий элемент для второй кнопки.
Шаг 8 | Проверьте страницу
Теперь вы можете протестировать страницу в режиме предпросмотра. Контент, который вы просматриваете, будет из вашей базы данных песочницы, которая видна только в режиме предварительного просмотра. Подробнее о песочнице.
Чтобы протестировать страницу:
- Нажмите Предпросмотр.
- Нажмите кнопки Следующая и Предыдущая.
- Нажмите Назад в редактор.
Шаг 9 | Опубликуйте сайт
Примечание
Этот шаг применяется только в том случае, если у вас включена песочница. Подробнее о песочнице.
Теперь пришло время опубликовать ваш сайт, чтобы посетители могли просматривать ваш контент.
При публикации сайта создается пустая версия коллекции со всеми полями из коллекции песочницы. Контент, который посетители увидят в опубликованной версии сайта, сохраняется в вашей коллекции Live, к которой вы можете получить доступ через Менеджер контента.
После публикации сайта для создания коллекции Live вы можете добавить данные в коллекцию вручную или синхронизировать контент из коллекции песочницы (Sandbox).
Чтобы настроить опубликованную коллекцию Live:
- В редакторе нажмите Опубликовать, чтобы опубликовать сайт.
- Перейдите к CMS в редакторе:
- Редактор Wix: нажмите CMS в левой части редактора.
- Editor X: Нажмите CMS в верхней части Editor X.
- Редактор Wix: нажмите CMS
- Нажмите Коллекции.
- Выберите нужную коллекцию.
- Выберите, как заполнить опубликованную коллекцию Live:
- Чтобы вручную добавить данные в коллекцию Live, выполните следующие действия:
- Нажмите Опубликованная коллекция и добавьте контент.
- Чтобы синхронизировать контент из коллекции песочницы:
- Нажмите Коллекция песочницы.
- Нажмите Синхронизировать контент.
- Выберите желаемый вариант синхронизации.
- Нажмите Синхронизировать.
- Снова нажмите Синхронизировать для подтверждения.
- Чтобы вручную добавить данные в коллекцию Live, выполните следующие действия:
Шаг 10 | Просмотрите опубликованный контент
После публикации сайта ваш контент станет доступным для посетителей. Когда они заходят на вашу страницу, они видят контент из опубликованной коллекции Live.
Что дальше
Вы можете добавить больше функциональности на свою страницу.
- Создайте форму для сбора данных, введенных пользователем.
- Отобразите информацию из нескольких коллекций с помощью фильтров набора данных и / или справочных полей.
- Повысьте функциональность страницы с помощью кода, используя Velo.
- Импортируйте данные в коллекцию из файла CSV.
- Добавьте настройку с помощью хуков набора данных и хуков коллекции с использованием Velo.
- Добавьте интерактивность с помощью Velo API.
- Опубликуйте данные для любого стороннего разработчика с поддержкой веб-API, используя веб-модули и хуки набора данных с помощью Velo.
Была ли статья полезна?
|