Редактор Wix Harmony: добавление и настройка секций
8 мин.
Секции помогают организовать и представить контент на сайте. Каждая секция растягивается на всю ширину страницы, позволяя легко размещать и настраивать элементы, автоматически адаптируясь к любому размеру экрана. Вы можете добавить столько секций, сколько захотите, а затем легко редактировать или перемещать их по странице.
Добавление новой секции на страницу
Добавляйте секции, чтобы организовать контент на страницах. Вы можете начать с использования множества готовых дизайнов секций, чтобы упростить процесс, или создать секцию с нуля. Вы также можете создавать новые секции с помощью ИИ, описав свои потребности.
Чтобы добавить новую секцию на сайт:
- Перейдите в редактор.
- Наведите курсор на + Добавить в левом верхнем углу и выберите Секции.
- Выберите, как вы хотите начать создание новой секции:
- Создать с помощью ИИ: Получите секцию, созданную для вас на основе ваших потребностей с помощью ИИ.
- Готовая секция: Выберите из множества готовых дизайнов секций. Используйте меню слева для навигации по категориям (например, «Добро пожаловать», «О нас», «Товары»)
- Пустая секция: Начните с пустой секции и настройте ее с нуля.
Советы:
- Вы также можете добавить новую секцию прямо на странице. Наведите курсор на верхнюю или нижнюю часть секции и нажмите + Добавить секцию.
- Меняйте порядок секций на странице, выбрав секцию и нажав одну из стрелок слева, чтобы переместить ее вверх
или вниз
.
Изменение макета секции
Секции имеют встроенную сетку, которая начинается с одной ячейки, занимающей всю секцию. Разделите сетку на большее количество ячеек, чтобы организовать контент. Выбирайте из различных макетов или настройте сетку самостоятельно, разделяя или объединяя ячейки, добавляя новые и перетаскивая линии сетки для изменения их размера. Вы также можете добавить отступы между ячейками для дополнительного интервала и более сбалансированного вида.
Чтобы изменить макет секции:
- Перейдите в редактор.
- Нажмите на нужную секцию.
- Нажмите Макет на панели действий.
- Выберите нужный макет сетки из доступных вариантов.
- Настройте сетку по своему усмотрению:
Изменение размера строки / секции
Изменение размера разрыва между ячейками
, чтобы настроить разрыв.Добавление строк и секций
на линии сетки там, где вы хотите добавить строку или столбец.Как поменять местами ячейки, строки и секции
на линии сетки, чтобы поменять местами строки или столбцы. Дизайн ячейки
на панели действий.
: Определите границы ячейки, чтобы выделить ее, выбрав цвет, ширину и стиль. Нажмите на значок Редактировать углы по отдельности 
, чтобы настроить каждую сторону отдельно.
: Сделайте углы ячейки более квадратными или закругленными, перетаскивая ползунок в разделе Радиус. Нажмите на значок Редактировать углы по отдельности 
: Примените внутреннюю или внешнюю тень, чтобы придать ячейке интересный 3D-эффект, настроив положение, размытие, цвет и многое другое.
на панели действий, чтобы начать.Объединение ячеек
Удаление ячеек
Редактирование названия и ссылки секции
Пользовательские ссылки на секции полезны для обмена в эл. почте, в соцсетях или для создания ссылок на разные части вашего сайта. Редактируйте название и ссылку секции, чтобы четко обозначить каждую часть страницы и упростить обмен информацией. При переименовании секции ссылка обновляется автоматически в соответствии с новым названием. Вы также можете настроить только ссылку, не меняя название секции.
Обратите внимание:
Вы меняете только окончание ссылки, которое идет после основного адреса вашего сайта.
Чтобы изменить название и ссылку секции:
- Перейдите в редактор.
- Выберите нужную секцию.
- Наведите курсор на синюю метку секции.
- Нажмите на иконку Редактировать название секции
. - Выберите, что вы хотите сделать дальше:
- Редактировать название секции: Введите новое название в поле.
- Редактировать ссылку секции: Нажмите Ссылка на секцию и введите желаемое окончание для URL-адреса секции (до 60 символов). Нажмите Копировать ссылку, чтобы поделиться ею, или нажмите Открыть ссылку, чтобы просмотреть ее.
Настройка дизайна секции
Выделите свой сайт, настроив дизайн каждой секции. Вы можете добавить разделители для зонирования, границы для акцентов, анимационные эффекты для привлечения внимания и уникальный фон, соответствующий вашему бренду.
Чтобы настроить дизайн секции:
- Перейдите в редактор.
- Выберите нужную секцию.
- Выберите, что вы хотите настроить на панели действий:
- Заменить фон: Нажмите Заменить фон, чтобы изменить фон секции, выбрав цвет, изображение или видео.
- Прозрачность: Нажмите иконку Прозрачность
для настройки прозрачности фона секции, изображения и цветов в зависимости от того, что содержит ваша секция. - Границы: Нажмите иконку Границы
чтобы добавить или настроить границы вокруг секции. Измените цвет, ширину и стиль границы. - Разделитель секции: Нажмите иконку Разделитель секции
чтобы добавить или изменить линию для визуального отделения секции от остальной части страницы. - Анимация: Нажмите иконку Анимация
и выберите анимацию прокрутки фона, чтобы секция выглядела более динамично и привлекала внимание.
Примечание: Доступные анимации зависят от фона секции (например, цвет, изображение или видео).
