CMS: Настройка динамической страницы элементов

6 мин. чтения
Динамическая страница элемента - это дизайн одной страницы, который вы можете использовать снова и снова для отображения элементов из своей коллекции. Вы можете редактировать эту страницу, добавляя дополнительные элементы или удаляя с нее существующие. У вас всегда есть полный контроль над тем, как элементы соединяются с контентом в коллекции. Используйте URL-адрес страницы, чтобы добавлять ссылки на нее с помощью элементов меню или кнопок. Чтобы контролировать, какой контент будет отображаться, настройте URL-адрес.
Если у вас уже есть динамическая страница элемента, настройки которой вы хотите изменить, перейдите к шагу 2.
Скриншот динамической страницы в редакторе.
Прежде чем начать:

(Необязательно) Шаг 1 | Добавьте динамическую страницу элемента

Создайте новую динамическую страницу элемента из уже созданной коллекции. 

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

  1. Перейдите к CMS в редакторе:
    • Редактор Wix: нажмите CMS  в левой части редактора.
    • Editor X: Нажмите CMS  в верхней части Editor X.
  2. Нажмите Коллекции.
  3. Нажмите значок Дополнительные действия рядом с соответствующей коллекцией и нажмите Добавить динамическую страницу.
Скриншот раздела «Коллекции» панели «Менеджер контента» с выделенной страницей «Добавить динамический элемент».

(Необязательно) Шаг 2 | Добавьте или удалите элементы

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

Чтобы добавить элементы:

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

Шаг 3 | Проверьте подключение элементов

Элементы на вашей странице должны подключаться к правильным полям в вашей коллекции. Тем не менее мы рекомендуем проверить, все ли настроено правильно.

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

  1. Нажмите на элемент в редакторе.
  2. Нажмите на значок Подключить к данным (или в Editor X).
  3. Проверьте каждое поле в разделе Параметры подключения. При необходимости нажмите, чтобы изменить подключение.
Снимок экрана панели «Подключить изображение», на котором показаны параметры подключения для изображения.

Шаг 4 | Измените URL

URL-адрес страницы динамического элемента действует как фильтр, определяющий, какой элемент будет отображаться на странице. Для новой страницы динамического элемента первое поле в коллекции - это фильтр (обычно это «Заголовок»).
Итак, для коллекции с полем заголовка, содержащим название каждого рецепта, URL-адрес каждой страницы динамического элемента будет основан на названии рецепта.
Например:
https://mystunningsite.com/recipes/lasagne
Для коллекции с полем заголовка, содержащим номер каждого рецепта, URL-адрес будет основан на номере рецепта.
Например:
https://mystunningsite.com/recipes/0001

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

  1. Перейдите на страницы сайта в редакторе:
    • Редактор Wix: нажимайте меню и страницы в левой части редактора.
    • Editor X: нажмите Страницы в верхней части Editor X.
  2. Нажмите Динамические страницы.
  3. Выберите новую динамическую страницу и нажмите значок Дополнительные действия .
  4. Нажмите Настройка.
  5. В разделе Настройте URL страницы, удалите последнюю часть URL-адреса, которая появляется после тире (/). Убедитесь, что вы не удалили часть URL-адреса, которая появляется перед /.
    A screenshot of the Site Pages panel, showing dynamic page settings, highlighting the Title field in the page URL
    Примечание: Если вы видите предупреждение «Этот URL-адрес конфликтует с существующим» , вы можете проигнорировать его и перейти к следующим шагам.
  6. Нажмите Добавить поле.
  7. Выберите поле, по которому хотите выполнить фильтрацию. Это называется динамическое значение.
Снимок экрана панели «Параметры страницы» для динамической страницы с выделением поля «Номер рецепта» в раскрывающемся списке «Добавить поле».
  1. Нажмите на поле, которое вы только что добавили. Имя поля (динамическое значение) теперь отображается в круглых скобках в конце URL-адреса. Добавляемое вами поле коллекции определяет элементы, отображаемые на динамической странице элементов. В приведенном ниже примере поле коллекции - «Номер рецепта».
Скриншот страницы Что это за URL? поле, показывающее динамическое значение в скобках
Снимок экрана коллекции в Менеджере контента с выделенным столбцом «Номер рецепта».
  1. Вернитесь на страницу в редакторе. Нажмите раскрывающийся список на экране и выберите элемент коллекции для отображения на странице динамического элемента.
Снимок экрана раскрывающегося меню, показывающий доступные страницы рецептов, которые может отображать динамическая страница.
  1. Используйте раскрывающееся меню на экране для переключения между элементами в режиме предварительного просмотра, чтобы увидеть, как ваша страница будет выглядеть в реальном времени.

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

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

|