CMS: Создание динамичных страниц со списком элементов по категориям
24 мин.
Организуйте позиции коллекции CMS (системы управления контентом) по категориям на сайте с помощью динамических страниц. Вы можете создать динамическую страницу рубрики с отдельной версией для каждой категории. В каждой версии посетители видят список позиций в данной категории и могут кликнуть, чтобы просмотреть конкретные позиции.
Например, допустим, вы ведете книжный блог с обзорами на разные жанры, такие как детектив, романтика и фэнтези. Настроив динамические страницы для каждого жанра, ваши посетители-книголюбы смогут легко переходить к интересующим их обзорам, что сделает работу с сайтом удобнее.
В этом руководстве показано, как создать динамические страницы для каждой категории, настроить структуру URL, персонализировать страницы и, при желании, создать общую динамическую страницу, на которой отображаются все ваши категории.
Прежде чем начать:
- Убедитесь, что у вас есть коллекция CMS с пунктами, которые вы хотите распределить по категориям.
- Убедитесь, что вы создали динамичную страницу позиции для коллекции. Вы добавите динамичную ссылку на эту страницу со страницы категории, чтобы посетители могли кликнуть для просмотра подробностей о конкретном пункте.
Шаг 1 | Добавление поля для классификации элементов коллекции
Чтобы отображать на сайте различные категории пунктов, в коллекции должно быть поле, определяющее, к какой категории относится каждый пункт. Добавьте или выберите поле «category» в коллекции, затем введите значения в это поле, чтобы классифицировать каждый пункт.
Чтобы добавить поле категории в коллекцию:
- Перейдите в CMS в панели управления сайта. Кроме того, вы можете нажать CMS
в редакторе, а затем нажать Ваши коллекции. - Нажмите на нужную коллекцию.
- Нажмите Управлять полями.
- Нажмите + Добавить поле, выберите тип поля Текст или Число и нажмите Выбрать тип поля.
- Введите Название поля (например, Рубрика).
- (Необязательно, только для Velo) Обновите ID поля, который используется в коде сайта. Вы не сможете изменить этот ID позже.
- (Необязательно) Введите Текст подсказки, который будет отображаться в режиме просмотра коллекции в виде всплывающей подсказки рядом с названием поля.
- (Необязательно) Перейдите на вкладку Валидация, чтобы сделать это поле обязательным, ограничить количество символов или разрешить только определенные значения. Подробнее о добавлении валидации полей.
- (Необязательно) Перейдите на вкладку Цена-качество, чтобы добавить текст, который будет автоматически добавляться в поле для каждой новой позиции в коллекции. Подробнее о добавлении значений по умолчанию в поля.
- Нажмите Сохранить.
- Введите название категории, к которой относится каждый пункт, в новое поле «category». Убедитесь, что написание, использование заглавных букв и количество пробелов совпадают для каждой уникальной категории.
Шаг 2 | Добавление динамичной страницы со списком элементов по категориям
Создайте новую динамичную страницу списка для коллекции. Позже эта динамичная страница будет служить шаблоном с различными версиями для каждой рубрики. В каждой версии будут отображаться только те элементы, которые относятся к этой рубрике.
редактор Wix
Редактор Studio
- Перейдите в редактор.
- Нажмите CMS
слева в редакторе. - Нажмите Ваши коллекции.
- Наведите курсор на соответствующую коллекцию и нажмите на иконку Другие действия
. - Нажмите Добавить динамичную страницу.
- Выберите Страница списка и нажмите Добавить на сайт.
Шаг 3 | Изменение структуры фрагмента URL
Необходимо конвертировать новую динамичную страницу списка в тип динамичной страницы позиции, на которой пункты перечислены по категориям. Для этого измените структуру (последнего) фрагмента URL страницы. Обязательно добавьте поле «category» в качестве переменной и сохраните структуру фрагмента URL уникальной для вашего сайта.
Важно:
Если вы измените структуру фрагмента URL динамических страниц, все существующие ссылки на эти страницы перестанут работать. Это касается ссылок внутри вашего сайта, любых внешних ссылок, а также SEO-ссылок в поисковых системах. Мы выпускаем функцию, которая позволит добавить автоматическую переадресацию, направляющую посетителей и поисковые системы со старого URL на новый.
Уникальная структура фрагмента URL
Структура фрагмента URL не может уже использоваться другими существующими страницами на вашем сайте. Чтобы быть уникальной, структура фрагмента URL не может иметь тот же префикс (например, {Название коллекции}) и то же количество переменных, что и другая страница на вашем сайте, даже если переменные отличаются.
CMS не позволит сохранить изменения в структуре фрагмента URL, если она конфликтует с уже существующей. По этой причине вам может потребоваться изменить структуру фрагмента URL других динамических страниц вашей коллекции.
Пример конфликтующих структур фрагментов URL, которые нельзя использовать
Что конвертирует динамичную страницу списка в динамичную страницу элемента?
При создании любой динамичной страницы в коллекцию добавляется поле Page Link. Поле Page Link генерирует фактические значения (последнего) фрагмента URL для каждого пункта в коллекции на основе структуры фрагмента URL динамичной страницы.
Редактирование структуры (последнего) фрагмента URL динамичной страницы приводит к соответствующему изменению значений поля Page Link. Если несколько пунктов в коллекции имеют одинаковое значение Page Link ((последний) фрагмент URL), CMS определяет, что эти пункты должны использовать одну и ту же страницу. Таким образом, динамичная страница превращается в динамичную страницу позиции с отдельной версией для каждого уникального значения Page Link ((последнего) фрагмента URL).
Показать пример дублирующихся значений поля ссылки на страницу в коллекции
Создание динамичных страниц категорий на основе переменных из нескольких полей:
Вы можете создавать динамичные страницы категорий с версиями для каждой уникальной комбинации значений полей. Если вы добавите несколько переменных полей в структуру (последнего) фрагмента URL динамичной страницы, значения будут объединены в поле Page Link. Если это поле совпадает для нескольких пунктов, динамичная страница конвертируется в динамичную страницу позиции с версиями для каждого уникального значения Page Link ((последнего) фрагмента URL).
Примеры структур фрагментов URL, которые можно создать
Вы можете использовать любые текстовые или числовые поля в качестве переменных в структуре фрагментов URL динамических страниц. Например, вы можете создать следующие структуры фрагментов URL для динамических страниц:
- Динамичная страница элемента: https://www.{your-domain.com}/{collection-name}/{category}/{primary-field}
- Динамичная страница рубрики: https://www.{your-domain.com}/{collection-name}/{category}
- Динамичная страница списка: https://www.{your-domain.com}/{collection-name}
Чтобы изменить структуру фрагментов URL динамичных страниц:
редактор Wix
Редактор Studio
- Перейдите в редактор.
- Нажмите Страницы и меню
слева в редакторе. - Нажмите Динамичные страницы.
- Отредактируйте структуру фрагментов URL динамичных страниц, подключенных к вашей коллекции. Нажмите на соответствующий тип динамичной страницы ниже, чтобы получить инструкции:
Динамичная страница элемента (используется для отображения отдельных элементов)
и выберите SEO.
Динамичная страница (которая будет отображать элементы по категориям)
Динамичная страница списка (используется для показа всех элементов коллекции)
Шаг 4 | Настройка динамичной страницы категорий
Теперь динамическая страница рубрики должна работать как динамическая страница позиции с разными версиями для каждой из рубрик. В каждой версии репитер содержит различные элементы, уже подключенные к полям коллекции CMS для отображения сведений о каждой позиции в рубрике.
Вы можете добавлять или удалять элементы в репитере, изменять их подключения к CMS и менять размер репитера, чтобы все поместилось. Используйте панель Превью, смотреть , чтобы увидеть, как выглядит каждая версия страницы. Мы рекомендуем подключить текст в верхней части страницы к полю рубрики в CMS, чтобы в каждой версии вверху отображалось название рубрики.
Чтобы настроить динамичную страницу категорий:
редактор Wix
Редактор Studio
- Перейдите в редактор.
- Перейдите на динамичную страницу категорий:
- Нажмите Страницы и меню слева в редакторе.
- Нажмите Динамичные страницы.
- Нажмите на динамичную страницу категорий, созданную на предыдущем этапе.
- Нажмите Страницы и меню
- (Необязательно) Добавьте элементы в репитер (например, кнопки, текст, изображения) или удалите ненужные элементы. Вы можете изменить размер репитера, чтобы в нем поместились все элементы.
- Нажмите на элемент репитера и выберите иконку Подключить к CMS
. - В панели Подключить репитер справа нажмите на элемент, который хотите подключить.
- В разделе Подключения выберите соответствующие пункты в выпадающих списках, чтобы подключить элемент к нужному полю коллекции или действию набора данных. Параметры зависят от типа элемента.
Советы:
- Привяжите текст в верхней части страницы к полю категории, чтобы он динамически менялся в зависимости от отображаемой категории.
- Привяжите изображение или кнопку в репитере к динамической странице позиции, которая используется для отображения одного элемента за раз.
- Нажмите Настройки подключений репитера в верхней части панели.
- Повторите шаги 3–7 выше, чтобы привязать элементы к полям коллекции или действиям набора данных.
- Настройте элементы репитера по своему усмотрению.
Совет: вы можете добавить или удалить элементы из репитера в любое время. Отключите элементы, если хотите использовать статический контент, который не меняется. - Нажмите Превью и используйте панель инструментов, чтобы протестировать каждую версию вашей динамичной страницы рубрики.
Совет: если при переходе в режим превью появляется сообщение об ошибке 404, сохраните изменения и перезагрузите редактор, а затем попробуйте снова.
- Нажмите Опубликовать, если вы готовы опубликовать изменения.
Шаг 5 | (Необязательно) Создание динамичной страницы со списком категорий
Теперь, когда у вас есть динамичная страница с различными версиями для каждой из рубрик, вы можете создать страницу со списком всех этих рубрик. Таким образом, посетители смогут просматривать индекс всех рубрик, а затем переходить к соответствующей версии динамичной страницы рубрики, которую вы создали ранее.
Для этого вам понадобится отдельная коллекция с позицией для каждой из рубрик. В коллекции рубрик также должно быть поле мультиссылки, ссылающееся на пункты из основной коллекции. Вы также можете добавить поле изображения для каждой рубрики и текстовое поле для краткого описания каждой рубрики.
Затем добавьте динамичную страницу списка для коллекции рубрик. Вам нужно добавить набор данных, который подключается к основной коллекции и имеет фильтр, включающий поле Заголовок («рубрики») из коллекции рубрик. Настройте страницу и при необходимости измените структуру последнего фрагмента URL.
а | Создание коллекции для размещения рубрик
- Перейдите в CMS в панели управления сайта.
- Нажмите + Создать коллекцию в правом верхнем углу.
- Нажмите Начать с нуля, затем нажмите Далее.
- Введите название коллекции.
- (Только для кода) Введите ID коллекции для использования в коде.
- Оставьте выбранным вариант Коллекция с несколькими пунктами (По умолчанию) и нажмите Создать.
- Добавьте поле с множественной ссылкой, которое ссылается на основную коллекцию:
- Нажмите Добавить поле, выберите Множественная ссылка, затем нажмите Выбрать тип поля.
- Введите Название поля.
- Нажмите на выпадающий список Связанная коллекция , выберите основную коллекцию, включающую поле рубрики, затем нажмите Сохранить.
- (Необязательно) Добавьте дополнительные поля для отображения на странице списка категорий (например, изображение, текст). Например, можно добавить поле изображения для отображения картинки, представляющей каждую категорию.
- Добавьте новую позицию для каждой категории:
- Нажмите + Добавить позицию.
- Введите название одной из категорий в основное поле Title.
- Нажмите на ячейку Multi-Reference и выберите пункты, у которых поле категории совпадает с основным полем Title этой позиции.
- Заполните любые дополнительные поля, которые вы добавили для этой позиции/категории.
- Повторите эти шаги, чтобы добавить позиции, представляющие каждую категорию.
б | Добавление динамичной страницы для отображения списка рубрик
редактор Wix
Редактор Studio
- Перейдите в редактор.
- Нажмите CMS слева в редакторе.
- Нажмите Ваши коллекции.
- Наведите курсор на коллекцию, которую вы только что создали для вывода категорий, и нажмите на иконку Другие действия .
- Нажмите Добавить динамичную страницу.
- Выберите Страница списка и нажмите Добавить на сайт.
- Добавьте набор данных, который подключается к основной коллекции и имеет фильтр, включающий поле Название («рубрики») из коллекции рубрик:
- Нажмите CMS в левой части редактора.
- Нажмите Добавить элементы контента , затем выберите Набор данных.
- Нажмите на выпадающий список, выберите основную коллекцию и нажмите Создать.
- Нажмите + Добавить фильтр в панели Настройки набора данных справа.
- Нажмите на выпадающий список Поле и выберите поле рубрики.
- Выберите Другой набор данных в разделе Источник значения.
- Нажмите на выпадающий список Набор данных и выберите коллекцию со списком рубрик.
- Оставьте Название выбранным в выпадающем списке Поле и нажмите Добавить фильтр.
- Нажмите CMS
- Подключите кнопки «Подробнее» в репитере к динамичной странице категорий:
- Нажмите на кнопку в репитере и выберите иконку Подключить к CMS .
- Нажмите на выпадающий список Выберите набор данных и выберите только что добавленный набор данных, который подключается к основной коллекции.
- Нажмите на выпадающий список Действие при клике подключается к и выберите динамичную страницу категорий.
- Нажмите на кнопку в репитере и выберите иконку Подключить к CMS
- (Необязательно) Добавьте элементы в репитер (например, кнопки, текст, изображения) или удалите ненужные элементы. Вы можете изменить размер репитера, чтобы в нем поместились все элементы.
- Нажмите на репитер и выберите иконку Подключить к CMS , чтобы настроить связи между элементами и коллекцией.
- (Необязательно) Измените структуру фрагмента URL этой динамичной страницы.
- Нажмите Превью, чтобы протестировать подключения.
- Нажмите Опубликовать, если вы готовы применить изменения на сайте.
Далее:
Вопросы и ответы
Нажмите ниже, чтобы найти ответы на часто задаваемые вопросы о создании динамических страниц рубрик.
Почему при просмотре новой динамичной страницы рубрики появляется сообщение об ошибке 404?
Можно ли добавить ссылки на динамичные страницы рубрик в меню сайта?
Можно ли добавить кнопку «Показать еще» или кнопки навигации на динамичные страницы?