Редактор Wix: добавление и настройка разделителей фигур

4 мин. чтения
Добавьте разделители фигур к полоскам и секциям, чтобы создать стильный макет. Вместо использования четких линий для разделения полосок или секций выберите форму (например, Эллипс, Волна) или загрузите свою. Эти разделители могут располагаться вверху и внизу полоски или секции, и вы можете настроить их дизайн по мере необходимости.
Разделитель фигур на опубликованном сайте.
Содержание:
Прежде чем начать:
Если вы хотите применить разделитель формы к полоске, убедитесь, что вы в первую очередь добавили и настроили полоску .

Добавление разделителя фигуры

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

Чтобы добавить разделитель фигуры к секции или полоске:

  1. Выберите секцию или полоску:
    • (Для полосок) Нажмите на полоску в редакторе.
    • (Для секций) Дважды нажмите на секцию в редакторе.
  2. Нажмите на значок Разделители фигур .
  3. Перейдите во вкладку Вверху или Внизу, чтобы выбрать, куда добавить разделитель.
  4. Выберите разделитель, который нужно добавить:
    • Предлагаемые варианты дизайна: нажмите на один из доступных стилей.
    • Дополнительные дизайны, предлагаемые Wix:
      1. Нажмите + Больше фигур.
      2. (В Медиаменеджере) Выберите дизайн во вкладке Медиа от Wix.
      3. Нажмите Выбрать файл, чтобы применить его.
    • Ваш собственный разделитель формы:
      1. Нажмите + Больше фигур.
      2. (В медиаменеджере) Выберите фигуру, которую вы хотите использовать, во вкладке Файлы сайта или загрузите новую.
      3. Нажмите Выбрать файл, чтобы применить его.
Примечание:
Загружать и добавлять файлы можно только в SVG. Подробнее о загрузке собственных разделителей
Панель разделителя формы в редакторе. Выбрана форма горизонта.

Настройка разделителя фигуры

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

Чтобы настроить разделитель фигуры:

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

Создание разделителя фигур

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

Чтобы настроить дизайн разделителя фигуры:

  1. Выберите секцию или полоску:
    • (Для полосок) Нажмите на полоску в редакторе.
    • (Для секций) Дважды нажмите на секцию в редакторе.
  2. Нажмите на значок Разделители фигур .
  3. Перейдите во вкладку Наверху или Внизу, чтобы получить доступ к разделителю, который вы хотите настроить.
  4. Нажмите Настроить дизайн внизу.
  5. Выберите, как вы хотите настроить внешний вид разделителя:
    • Прозрачность и цвет: выберите любой цвет для разделителя и сделайте его более или менее заметным на секции или полоске.
    • Как масштабировать разделитель? Выберите, хотите ли вы, чтобы узор разделителя растягивался по полосе / секции или повторялся.
    • Высота: установите, насколько высоко или низко должна быть самая высокая точка разделителя на полоске или секции.
    • Горизонтальное смещение: установите смещение разделителя от сторон секции / полоски.
    • Отразить: установите разделитель для отображения противоположной стороны (по горизонтали) на полоске или секции.
Дизайн-панель разделителя фигуры на разрезе.

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

|