Editor X: использование панели слоев
5 мин. чтения
Editor X переходит на Wix Studio, нашу новую платформу для агентств и фрилансеров.Подробнее о Wix Studio
Управляйте слоями страницы из раздела «Слои» в верхней панели редактора. Он отображает все элементы на вашей странице и позволяет вам выбирать их, изменять порядок, скрывать и многое другое.
Содержание:
Структура панели слоев
На панели «Слои» отображаются все секции в иерархии сверху вниз. Если на странице есть хедер, он появится вверху списка, а футер появится внизу соответственно.
При вложении элементов в другие элементы на странице он создает между ними отношения родитель/ребенок, производные от HTML и CSS. Например, текстовые элементы внутри контейнера являются его дочерними элементами. В свою очередь, этот контейнер является дочерним по отношению к секции, в которой он отображается.
Панель Слои организована в соответствии с этой логикой, поэтому вы можете нажать на родительские элементы, чтобы увидеть дочерние элементы внутри. Если на вашей странице есть элементы Образца, они выделяются зеленым цветом.
Примечание:
Контейнеры и элементы внутри секции представлены в Z-порядке; это означает, что если элемент находится поверх другого, он отображается выше в списке.
На панели «Слои» отображаются элементы выбранной страницы. Чтобы увидеть слои другой страницы, вам нужно выбрать нужную страницу из выпадающего меню Навигация по страницам:
Выбор элементов в панели слоев
Панель «Слои» - это удобный и быстрый способ перехода к определенному элементу на странице. Это также отличный способ найти элемент, например, если у вас есть перекрывающиеся элементы, и вы не можете найти или выбрать тот, который вам нужен.
Когда вы наводите курсор на элемент на панели Слои, он выделяется на странице, так что вы можете легко его найти. Если вы нажмете на элемент на панели Слои, редактор прокрутится непосредственно к этому элементу. Даже если вы в этот момент закроете панель, ваш выбор все равно сохранится.
Совет:
Вы можете выбрать сразу несколько элементов, если будете нажимать на них, удерживая клавишу Shift.
Управление слоем из панели
Нашли нужный слой? Из панели вы можете выполнять такие действия, как копирование слоя, перемещение вверх или вниз, выбор страниц для отображения и многое другое.
Работайте со слоями, используя следующие варианты действий:
- Нажмите правой кнопкой мыши на название слоя.
- Наведите курсор на название слоя и нажмите на значок Показать больше
.
Работаете с перекрывающимися элементами?
Вы можете перемещаться между различными слоями прямо на холсте. Нажмите правой кнопкой мыши на элемент, который перекрывает нужный вам элемент, и нажмите Выбрать слой, чтобы получить к нему доступ.
Переименование элементов в панели слоев
При добавлении нескольких разделов, контейнеров и элементов на страницу может стать трудно различить их в панели «Слои». Вы можете легко переименовать слои, чтобы их было легко распознать - дважды нажмите на соответствующий слой и дайте ему новое имя в текстовом поле.
Используете режим разработки?
Отображайте ID элементов в панели Слои, чтобы легко идентифицировать элементы в вашем коде. Включите переключатель Показать идентификаторы, чтобы просмотреть идентификаторы, определенные в панели Свойства.
Изменение порядка элементов на панели «Слои»
Используйте панель «Слои», чтобы легко изменить порядок элементов в одном родительском контейнере, перетаскивая их вверх и вниз по списку.
Изменение порядка элементов меняет Z-порядок. Например, если вы хотите, чтобы текст отображался поверх фигуры, текст должен располагаться над фигурой на панели «Слои».
Чтобы изменить порядок элементов на панели «Слои»:
- Нажмите Слои
в верхней части Editor X. - Нажмите на контейнер с элементами, порядок которых вы хотите изменить.
- Нажмите и перетащите соответствующие элементы в нужное место.
Отображение элементов на панели «Слои»
Любой элемент на сайте можно скрыть при помощи меню, которое появляется по нажатию правой кнопки мыши. Однако, чтобы отобразить элемент, вы должны сделать это в панели «Слои».
Скрытые элементы отображается в панели Слои с пометкой в виде значка Скрыто 
.
.Чтобы показать элемент на панели «Слои»:
- Нажмите Слои в верхней части Editor X.
- Найдите скрытый элемент в списке.
- Наведите курсор на элемент и нажмите значок Дополнительные действия
. - Нажмите Показать.
Совет:
При добавлении элемента к меньшему размеру экрана (например, мобильный), он всегда скрыт на больших экранах (например, планшет). Следуя приведенным выше инструкциям, вы можете настроить отображение элемента на других экранах.
Была ли статья полезна?
|