Editor X: использование репитеров
6 мин. чтения
Editor X переходит на Wix Studio, нашу новую платформу для агентств и фрилансеров.Подробнее о Wix Studio
Репитер (повторяющийся список) — список элементов, которые имеют одинаковый дизайн и макет, но разное содержимое. Это инструмент, который позволяет быстро и просто отображать необходимый контент.
В Editor X у репитеров гибкие макеты, которые позволяют автоматически реорганизовать контент при изменении размера. Благодаря этой функции репитеры отлично смотрятся на экранах разных размеров.
Содержание:
Совет:
Вы также можете использовать репитер для отображения динамического контента из коллекций, если подключите его Менеджеру контента.
Добавление репитера
У нас есть множество готовых разделов, которые вы можете добавить на сайт и настроить в соответствии с вашими потребностями. Некоторые репитеры предназначены для размещения изображений, другие делают акцент на текст.
Чтобы добавить репитер:
- Нажмите Добавить элементы
в верхней части Editor X. - Нажмите Для лейаута.
- Нажмите Repeaters.
- Перетащите репитер на страницу.
Добавление контента в репитер
Все элементы в репитере имеют одинаковый дизайн. Когда вы добавляете новый функциональный элемент к элементу репитера, он автоматически добавляется и в остальные элементы репитера, чтобы сохранить единообразие дизайна.
При этом вы все равно можете настроить отдельные функциональные элементы внутри элемента репитера (текст, изображения). Так, добавление кнопки к одному элементу репитера добавит ее и в остальные, но вы можете изменить текст кнопки для каждого элемента по своему усмотрению.
Какие элементы нельзя добавить в репитер?
Чтобы добавить контент в репитер:
- Нажмите Добавить элементы в верхней части Editor X.
- Перетащите нужный элемент прямо в репитер.
- Нажмите на функциональный элемент и настройте его отдельно для каждого элемента репитера.
Совет:
Удаление функционального элемента из одного элемента репитера удаляет его и из всех остальных элементов репитера.
Управление элементами репитера
Вы можете легко делать копии, переименовывать, переупорядочивать и удалять элементы репитера в панели Инспектора.
Чтобы управлять элементами репитера:
- Нажмите на репитер.
- Нажмите на значок Инспектора
в верхней части Editor X. - (В Инспекторе) Нажмите Управлять рядом с количеством элементов.
- Выберите, как вы хотите управлять элементами репитера:
- Создайте копию элемента: нажмите Создать копию элемента внизу.
- Удалить элемент: нажмите значок Дополнительные действия
рядом с элементом и нажмите Удалить. - Переименовать элемент: нажмите на значок Дополнительные действия рядом с элементом и нажмите Переименовать.
- Чтобы изменить порядок элементов: нажмите на элемент и, удерживая его, перетащите на новое место.
Изменение макета репитера
Вы можете настроить порядок реорганизации элементов репитера при изменении размера экрана. В зависимости от выбранного типа отображения (например, карточки, список, слайдер, ячейки) вы можете настроить поля, выравнивание, направление и другие параметры.
Работа с экранами разных размеров:
- Вы можете настроить разные макеты репитера для разных размеров экрана.
- Списки и слайдеры обычно используются на экранах меньшего размера, таких как планшеты и мобильные устройства.
Чтобы настроить макет репитера:
- Нажмите на репитер.
- Нажмите на панель Инспектора
в правом верхнем углу Editor X. - Настройте макет репитера на основе выбранного типа отображения:
Карточки: варианты макета
Список: варианты макета
Слайдер: варианты макета
Ячейки: варианты макета
Примечание об отступах в CSS:
Некоторые старые браузеры не поддерживают эту функцию (например, Chrome 76-83, Safari 12-14 и Edge 79-83). Это означает, что посетители, которые заходят на ваш сайт с помощью этих браузеров, не увидят отступов, которые вы устанавливаете для элементов репитера.
Узнайте больше о репитерах:
Перейдите на сайт Академии X (информация на англ. языке), чтобы получить доступ к урокам и упражнениям по использованию репитеров.
Была ли статья полезна?
|