Центр поддержки Wix
    Главная
  1. Wix Специалисты и Корпоративные решения Wix
  2. Wix Studio
  3. Использование Редактора Wix Studio
  4. Структурирование сайта в Редакторе Studio
    5. Редактор Studio: Добавление и управление секциями

Редактор Studio: Добавление и управление секциями

5 мин. чтения
Секции — это строительные блоки каждой страницы сайта. Используйте их для структурирования взаимосвязанного контента, чтобы сайт выглядел упорядоченно и профессионально.
Добавьте на каждую страницу столько секций, сколько вам необходимо. Вы можете выбирать пустые секции, блоки или готовые секции, которые можно полностью настроить. Секции занимают всю ширину окна браузера, но вы можете настроить их высоту по своему усмотрению.
Содержание:
Создайте ключевые секции:
Настройте отображение одной и той же секции на нескольких страницах, сделав ее ключевой.

Добавление блоков и готовых секций

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

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

  1. Нажмите Добавить элементы в левой части редактора.
  2. Нажмите Секции / Блоки.
  3. Нажмите на категорию, чтобы увидеть доступные варианты дизайна. 
  4. Перетащите секцию на страницу. 
  5. Настройте секцию в соответствии со своими потребностями:
    • Нажмите на элементы, чтобы настроить их содержимый контент.
    • Измените фон.
    • Замените изображения и текст на свои.
GIF, показывающий панель «Добавить элементы» в редакторе Studio и доступные варианты дизайна во вкладках Секции и Блоки

Добавление пустой секции

Вы можете быстро добавлять пустые секции на страницу во время работы на холсте. Наведите курсор на верхнюю или нижнюю часть любой секции и нажмите + Добавить секцию. Затем вы можете решить, хотите ли вы настроить ее с нуля, применить макет сетки или использовать готовый дизайн.

Чтобы добавить пустую секцию:

  1. Перейдите на соответствующую страницу.
  2. Наведите курсор на верхнюю или нижнюю часть соответствующей секции и нажмите + Добавить секцию.
  3. Выберите, с чего вы хотите начать настройку дизайна:
    • Готовая секция: выберите готовую секцию и настройте ее в соответствии с потребностями клиента.
    • Макет сетки: выберите макет с несколькими ячейками для организации контента.
    • Добавить элемент: начните с добавления элементов в пустую секцию. 
Скриншот новой пустой секции с макетами ячеек сетки, которые вы можете нажать и применить.
Сохраните дизайн для использования в будущем:
Выберите секцию в редакторе и нажмите значок Другие действия , затем нажмите Сохранить как ассет. Это сохранит дизайн и он будет доступным на панели «Добавить элементы» (вкладке «Ассеты»).

Использование ячеек для организации секции

Добавьте ячейки в секцию, чтобы создать адаптивный структурированный макет. Добавление элементов в отдельные ячейки гарантирует то, что они останутся на своих местах на всех экранах. Выберите макет, затем переместите элементы в ячейки - вы всегда можете разделить ячейки или добавить новые позже. 

Чтобы применить сетку к секции:

  1. Выберите соответствующую секцию в редакторе.
  2. Нажмите на выпадающий список Пусто в верхней части секции. 
Скриншот панели инструментов, открывающейся при выборе секции с выпадающим списком доступных макетов
  1. Выберите макет: Ряды, Колонки, Коллаж т. д.
    Совет: вы можете изменить макет в любое время - это не приведет к перемещению элементов.
  2. Перетащите элементы в соответствующие ячейки.
  3. (Необязательно) Добавьте больше ячеек в секцию или разделите существующие ячейки:

Изменение порядка блоков страницы

Во время работы над сайтом вы можете решить, что структура контента должна быть немного иной. В этот момент могут пригодиться именно секции страниц, поскольку вы можете быстро и в любое время перемещать контент.

Чтобы изменить порядок расположения секций страницы:

  1. Выберите соответствующую секцию в редакторе.
  2. Нажмите значок Другие действия в соответствующей секции.
  3. Нажмите Переместить вверх или Переместить вниз.
Скриншот, показывающий, как перемещать ее вверх или вниз по холсту.

Удаление секции

Вы можете в любое время удалить секцию. Это удалит секцию со страниц экранов всех размеров. 
Примечание:
Нельзя удалить секции, содержащие приложения, такие как Stores, Events, Блог и т. д.

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

  1. Выберите соответствующую секцию в редакторе.
  2. Нажмите значок Другие действия  в секции.
  3. Нажмите Удалить.
Хотите скрыть секцию?
Нажмите Скрыть, чтобы скрыть секцию на текущем размере экрана. Скрытую секцию можно найти в панели Слои, где вы также можете вновь отобразить ее. 
Скриншот секции, выбранной в редакторе, и показывающий, как ее удалить.

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

|
В этой статье
  • Добавление блоков и готовых секций
  • Добавление пустой секции
  • Использование ячеек для организации секции
  • Изменение порядка блоков страницы
  • Удаление секции