Как на wix создавать динамические страницы

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

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

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

• Обязательно добавьте на сайт CMS.
• Также нужно добавить контент в коллекцию.

(Необязательно) Шаг 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-адреса, которая появляется перед /.

   Примечание: Если вы видите предупреждение «Этот URL-адрес конфликтует с существующим» , вы можете проигнорировать его и перейти к следующим шагам.

6. Нажмите Добавить поле.
7. Выберите поле, по которому хотите выполнить фильтрацию. Это называется динамическое значение.

1. Нажмите на поле, которое вы только что добавили. Имя поля (динамическое значение) теперь отображается в круглых скобках в конце URL-адреса. Добавляемое вами поле коллекции определяет элементы, отображаемые на динамической странице элементов. В приведенном ниже примере поле коллекции — «Номер рецепта».

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

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

Шаг 5 | Добавление ссылок на динамические страницы

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

Совет:

Вы также можете создать индексную страницу для динамических страниц. Индексная страница состоит из статических элементов, которые ссылаются на ваши динамические страницы.

CMS: Настройка динамических страниц

Когда вы создаете коллекцию, вы можете создать для нее динамические страницы. Если вы выбрали эту опцию (она включена по умолчанию), вы автоматически получите две динамические страницы — динамическую страницу элемента («Название_коллекции» Title) и динамическую страницу категории («Название_коллекции» All). Эти страницы содержат элементы по умолчанию, уже подключенные к коллекции, но вы можете редактировать страницу любым удобным для вас способом.

Примечание

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

1. Перейдите на CMS в редакторе:
   • Редактор Wix: нажмите на значок CMS слева от редактора.
   • Editor X: выберите CMS в верхней части Editor X.
2. Наведите курсор на нужную коллекцию и нажмите значок Другие действия.
3. Нажмите Добавить динамическую страницу.

Шаг 1 | Проверьте элементы по умолчанию

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

Чтобы изменить подключение элемента:

1. Перейдите на необходимую динамическую страницу в редакторе.

В редакторе Wix >

1. Нажмите на Страницы в левой части редактора.

Нажмите на название коллекции.

Нажмите на динамическую страницу, которую хотите настроить.

В Editor X >

1. Нажмите на Страницы в верхней панели.
2. Нажмите на нужную динамическую страницу в разделе «Collection_Name» Pages (Dynamic).

2. Нажмите на элемент в редакторе.

3. Нажмите на значок Подключить к данным  (или в Editor X).

В разделе Параметры подключения выберите поле, к которому будет подключен элемент.

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

Шаг 2 | Добавьте дополнительные элементы

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

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

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

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

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

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

Примечание:

Вы можете создать множество динамических страниц списка, чтобы отображать только элементы из категорий или групп. Затем вы можете установить связь между ними по мере необходимости. Раздел об изменении URL-адреса в этой статье объясняет, как это сделать.

Шаг 1 | Добавление динамической страницы списка

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

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

1. Перейдите в CMS в редакторе:
   • Редактор Wix: нажмите CMS в левой части редактора.
   • Editor X: Нажмите CMS в верхней части Editor X.
2. Нажмите Коллекции.
3. Нажмите значок Другие действия рядом с соответствующей коллекцией и нажмите Add Dynamic List Page (Добавить динамическую страницу списка).

(Необязательно) Шаг 2 | Замените репитер на галерею или таблицу

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

Чтобы добавить и подключить галерею или таблицу:

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

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

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

Совет

Сайты Wix имеют ограничение в 100 статических страниц. Таким образом, динамические страницы — это удобное решение проблемы. Узнайте, как динамические страницы могут помочь вам создать сайт с неограниченным объемом контента.

Добавление динамических страниц

Когда вы добавляете на сайт CMS, у вас есть возможность начать с пресета. Пресет содержит коллекцию и 2 динамические страницы, связанные с коллекцией:

• Динамическая страница списка:на этой странице перечислены все элементы и функции в виде меню, с помощью которого посетители могут перейти на любую страницу элемента. Эта страница отображается во вкладке Страницы как «Название_коллекции» (All).
• Динамическая страница элемента: это страница, на которой непосредственно отображается ваш контент. Контент, который отображается на каждой странице элемента, соответствует элементу (или одной строке) в вашей коллекции. Эта страница отображается во вкладке Страницы как «Название_коллекции» (Title).

Примечание

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

Редактор Wix | Посмотреть скриншот
Editor X | Посмотреть скриншот

Настройка динамических страниц

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

Страницы элементов

Для страниц элементов вам нужен подходящий элемент для отображения каждого поля в коллекции. Например, вам, вероятно, понадобится текстовый элемент для отображения поля заголовка и элемент изображения для отображения изображения. В приведенном ниже примере мы видим 2 текстовых элемента и элемент изображения. Первый текстовый элемент связан с полем заголовка, второй — с полем описания и, конечно же, изображение подключено к полю изображения.

Узнайте больше о настройке динамических страниц элемента.

Динамические страницы-списки

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

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

Дополнительные сведения

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

Примечание

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