Редактор Wix: добавление и настройка разделителей фигур
4 мин. чтения
Добавьте разделители фигур к полоскам и секциям, чтобы создать стильный макет. Вместо использования четких линий для разделения полосок или секций выберите форму (например, Эллипс, Волна) или загрузите свою. Эти разделители могут располагаться вверху и внизу полоски или секции, и вы можете настроить их дизайн по мере необходимости.
![Разделитель фигур на опубликованном сайте.](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2022/08/09/52be9d66-5c9b-4a5c-b182-06f2e4f68770/58528999-be9d-43ff-a5c6-0cd22bf27062.png)
Содержание:
Прежде чем начать:
Если вы хотите применить разделитель формы к полоске, убедитесь, что вы в первую очередь добавили и настроили полоску .
Добавление разделителя фигуры
Начните с добавления разделителя формы к секции или полоске. Вы можете добавить разделитель вверху или внизу своей полоски / секции, или к тому и другому.
В каталоге Wix Media есть несколько фигур, а также дополнительные варианты дизайна. Вы также можете загрузить собственную фигуру, чтобы придать переходу индивидуальный вид.
Чтобы добавить разделитель фигуры к секции или полоске:
- Выберите секцию или полоску:
- (Для полосок) Нажмите на полоску в редакторе.
- (Для секций) Дважды нажмите на секцию в редакторе.
- Нажмите на значок Разделители фигур .
- Перейдите во вкладку Вверху или Внизу, чтобы выбрать, куда добавить разделитель.
- Выберите разделитель, который нужно добавить:
- Предлагаемые варианты дизайна: нажмите на один из доступных стилей.
- Дополнительные дизайны, предлагаемые Wix:
- Нажмите + Больше фигур.
- (В Медиаменеджере) Выберите дизайн во вкладке Медиа от Wix.
- Нажмите Выбрать файл, чтобы применить его.
- Ваш собственный разделитель формы:
- Нажмите + Больше фигур.
- (В медиаменеджере) Выберите фигуру, которую вы хотите использовать, во вкладке Файлы сайта или загрузите новую.
- Нажмите Выбрать файл, чтобы применить его.
Примечание:
Загружать и добавлять файлы можно только в SVG. Подробнее о загрузке собственных разделителей
![Панель разделителя формы в редакторе. Выбрана форма горизонта.](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2022/08/17/5bb8cfc6-e8ea-400b-ba8b-2107ccd0cda5/8e5c7b01-3a24-4b7f-8801-81e769c6276f.jpg)
Настройка разделителя фигуры
После добавления разделителя вы можете настроить его дизайн по своему вкусу. Отрегулируйте высоту, цвет, прозрачность и слои, чтобы персонализировать переход.
Примечание:
Доступные параметры зависят от выбранного разделителя фигуры.
Чтобы настроить разделитель фигуры:
- Выберите секцию или полоску:
- (Для полосок) Нажмите на полоску в редакторе.
- (Для секций) Дважды нажмите на секцию в редакторе.
- Нажмите на значок Разделители фигур .
- Перейдите во вкладку Наверху или Внизу, чтобы получить доступ к разделителю, который вы хотите настроить.
- Нажмите Настроить дизайн внизу.
- Выберите, как вы хотите настроить внешний вид разделителя:
- Прозрачность и цвет: выберите любой цвет для разделителя и сделайте его более или менее заметным на секции или полоске.
- Высота: установите, насколько высоко или низко вы хотите, чтобы разделитель располагался на секции или полоске.
- Горизонтальное смещение: переместите разделитель влево или вправо.
- Эффект слоя: нажмите на переключатель, чтобы добавить эффект исчезновения разделителя, затем выберите направление в раскрывающемся списке:
- По центру: эффект виден по всему разделителю.
- Переход к верхнему краю: эффект ослабевает к верхней части разделителя.
- Переход к нижнему краю: эффект ослабевает к верхней части разделителя.
- Инверсия: инвертирует форму разделителя (по вертикали).
- Отразить: установите разделитель на противоположную сторону (по горизонтали) на полоске / секции.
- Количество повторов: установите, сколько раз шаблон повторяется на разделителе.
![Панель «Настроить дизайн» для разделителя формы в редакторе.](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2022/08/17/a7f0e68c-8dd1-4163-8f02-19e52d3023ae/b951c5a2-8ec1-4287-a8fb-eb5fdeb17e5e.jpg)
Создание разделителя фигур
Если вы загружаете свой собственный разделитель, вы можете использовать различные параметры для его дальнейшей персонализации. Отрегулируйте настройки, такие как цвет, видимость и масштаб разделителя, чтобы создать уникальную структуру и дизайн на странице.
Примечание:
Доступные параметры зависят от конкретного загружаемого файла. Подробнее о рекомендациях по настройке разделителя собственных фигур
Чтобы настроить дизайн разделителя фигуры:
- Выберите секцию или полоску:
- (Для полосок) Нажмите на полоску в редакторе.
- (Для секций) Дважды нажмите на секцию в редакторе.
- Нажмите на значок Разделители фигур .
- Перейдите во вкладку Наверху или Внизу, чтобы получить доступ к разделителю, который вы хотите настроить.
- Нажмите Настроить дизайн внизу.
- Выберите, как вы хотите настроить внешний вид разделителя:
- Прозрачность и цвет: выберите любой цвет для разделителя и сделайте его более или менее заметным на секции или полоске.
- Как масштабировать разделитель? Выберите, хотите ли вы, чтобы узор разделителя растягивался по полосе / секции или повторялся.
- Высота: установите, насколько высоко или низко должна быть самая высокая точка разделителя на полоске или секции.
- Горизонтальное смещение: установите смещение разделителя от сторон секции / полоски.
- Отразить: установите разделитель для отображения противоположной стороны (по горизонтали) на полоске или секции.
![Дизайн-панель разделителя фигуры на разрезе.](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2023/03/06/14eaa300-24a9-46d6-8299-7fe3be3e7f5f/800fa520-ff6a-44d6-afdb-4bbecfbf075d.png)