Центр поддержки Wix
    Главная
  1. Создание сайта
  2. Editor X
  3. Настройка дизайна в Editor X
    4. Editor X: Добавление и настройка разделителей фигур

Editor X: Добавление и настройка разделителей фигур

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

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

Начните с добавления разделителя в секцию. Вы можете добавить разделитель вверху или внизу секции, а также и вверху и внизу. 
В медиаменеджере есть несколько форм, а также дополнительные варианты дизайна. Вы также можете загрузить свой собственный файл SVG, чтобы придать переходу индивидуальный вид.
Загружаете свой файл?
См. рекомендации по размеру и пропорциям файлов в разделе «Вопросы и ответы».

Чтобы добавить разделитель в секцию:

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

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

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

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

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

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

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

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

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

Вопросы и ответы

Нажмите на вопрос ниже, чтобы узнать больше о разделителях. 

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

|

В этой статье

  • Добавление разделителя фигуры
  • Настройка разделителя фигуры
  • Создание разделителя собственной фигуры
  • Вопросы и ответы