Árbol de capas

El árbol de capas le ofrece una descripción general de toda la estructura de la página seleccionada actualmente. Aquí puede ver cada uno de los atributos de cada capa, como si está bloqueada, y también puede organizar su documento cambiando el nombre y reordenando las capas.

Opciones de capa

Al hacer clic con el botón derecho en cualquier capa en el árbol de capas, se mostrarán las opciones de edición para esa capa. A partir de estas opciones, es posible Borrar, Duplicar y Expandir el colapso la capa seleccionada actualmente. Estas opciones también le permiten movimiento Blocs a otras paginas, tienda Blocs existentes Bloc bibliotecas y asignar un clave de color a una capa, que es una excelente manera de organizar e identificar sus capas clave.

Ocultar capas

Cuando mueva el cursor del mouse sobre una capa, aparecerá un símbolo de ojo en el lado derecho de la misma. Hacer clic en este símbolo de ojo le permitirá alternar la visibilidad de las capas en el lienzo de diseño.

Consejo para principiantes

La visibilidad del árbol de capas controla solo los elementos de efecto dentro del entorno de diseño. Si desea controlar la visibilidad de los elementos en función de los puntos de interrupción, utilice el inspector de objetos controles de visibilidad.

Cambiar el nombre de las capas

Las capas en el árbol de capas se pueden personalizar fácilmente simplemente haciendo clic en el título de la capa para activarlo y editarlo. Si desea restablecer el nombre de la capa al original preasignado, Haga clic en la capa y seleccione Restablecer nombre de capa desde el menú contextual.

Seleccionar página

En la parte superior del árbol de capas hay un menú desplegable de selección de página. Este menú permite navegar rápidamente a cualquier página de su sitio web.

Configuración del árbol de capas

El árbol de capas ofrece una variedad de configuraciones que le permiten personalizar la forma en que funciona el árbol de capas.

Desplazarse a seleccionado

Cuando está habilitada, la opción de desplazamiento a la selección desplazará el lienzo de diseño hasta el elemento del árbol de capas seleccionado actualmente para que aparezca en el centro vertical del lienzo de diseño.

Incluir ID en el título de la capa

Cuando está habilitado, el árbol de capas mostrará un ID de objeto como parte del nombre de la capa.

Incluir clase en el título de la capa

Cuando está habilitado, el árbol de capas mostrará las clases personalizadas de un objeto como parte del nombre de la capa.

Modo solo

Cuando está habilitado, el modo solo expandirá y colapsará automáticamente los elementos del árbol de capas según el elemento seleccionado actualmente. Esto ayuda a mantener el árbol de capas organizado con proyectos más grandes.

Expandir

Este botón le permite expandir rápidamente todas las capas en el árbol de capas.

Contraer todo

Este botón le permite contraer rápidamente todas las capas en el árbol de capas.

Capas de área global

Si un Bloc capa dentro del árbol de capas tiene una punta azul en el lado izquierdo, esto indica que el Bloc y su contenido reside actualmente dentro de uno de los proyectos áreas globales, lo que significa que se mostrará en todas las páginas.

Capas bloqueadas

La mayoría de las capas se pueden mover y eliminar libremente, sin embargo, algunas capas están bloqueadas. La razón por la que están bloqueados es para evitar que se eliminen o se muevan fuera de lugar, ya que esto simplemente rompería el diseño y la funcionalidad de un sitio.

Consejo para principiantes

Las capas bloqueadas no se pueden mover ni eliminar, sin embargo, pueden tener clases personalizadas, animaciones y otras configuraciones aplicadas, lo que permite un nivel más profundo de control visual sobre su sitio.

Actualizado el 8 de diciembre de 2022

¿Le resultó útil este artículo?

Artículos Relacionados