CMS: примеры динамических страниц

3 мин. чтения
Динамическая страница — это макет страницы, который может использоваться повторно для отображения разного контента из вашей коллекции. Для этого вы используете динамическую страницу элемента для отображения каждого элемента из вашей коллекции.
Вы также можете использовать динамическую страницу для предпросмотра элементов из вашей коллекции. Это называется динамической страницей списка.
При правильном управлении контентом в коллекции динамические страницы могут отображать элементы именно так, как вы хотите. Сайты с рецептами, объявлениями о недвижимости или объявлениями о вакансиях - хорошие примеры того, как динамические страницы могут сэкономить время и усилия.
Ваша динамическая страница берет каждую строку (или элемент) из вашей коллекции и отображает этот контент. Вот почему ваши динамические страницы полагаются на правильно отформатированные коллекции.
Например, если у вас есть сайт рецептов, ваша коллекция должна иметь следующие поля:
  • Название: (добавляется автоматически) для хранения названий рецептов. 
  • Прием пищи: чтобы указать, будет ли рецепт на завтрак, обед или ужин. 
  • Тип блюда: чтобы отметить, является ли рецепт закуской, основным блюдом или десертом.

Управляйте контентом страницы в одной панели управления

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

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

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

Предпросмотр нескольких элементов с помощью динамической страницы списка

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

Была ли статья полезна?

|