Редактор Studio: Работа со слоями

Управляйте слоями страницы во время работы в редакторе Studio. Здесь вы можете видеть все секции и элементы, чтобы лучше понять их иерархию. Панель «Слои» также полезна, когда вам нужно выбрать элемент, который сложно найти на холсте.

Панель «Слои» отображает все секции текущей страницы в иерархии сверху вниз. Например, если на странице есть хедер, он появится вверху списка.

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

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

Панель «Слои» - это удобный и быстрый способ перехода к определенному элементу на странице. Это также отличный способ найти элемент, например, если у вас есть перекрывающиеся элементы, и вы не можете найти или выбрать тот, который вам нужен.

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

Нашли нужный слой? Из этой панели вы можете выполнять такие действия, как копирование слоя, перемещение вверх или вниз, выбор страниц для отображения и многое другое. 

Управляйте слоем, выполнив одно из следующих действий:

Редактор Studio позволяет выбрать путь по умолчанию для захвата слоев на холсте. Решите, какой элемент будет «выбран» при нажатии на родительский контейнер, содержащий дочерние элементы.

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

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

При работе с перекрывающимися элементами их порядок также влияет на Z-порядок. Например, если вы хотите, чтобы текст отображался поверх фигуры, текст должен располагаться над фигурой на панели «Слои».

Вы можете быстро скрыть элемент с текущего размера экрана прямо на холсте, выбрав Скрыть. 

Однако, если вам понадобится вновь отобразить элемент, вы должны сделать это в панели «Слои». Скрытый элемент отображается со значком «Скрыто» , чтобы вы могли легко найти его в списке.