Hoy te vamos a hablar de Divi Vista de capas, un panel de edición completamente nuevo en el generador que le permite ver, navegar, organizar y editar rápidamente sus páginas en una interfaz de capas anidadas. Puedes explorar tu contenido dentro del panel de capas mientras editas visualmente tu página. Esto brinda la simplicidad y eficiencia de la edición basada en bloques y la combina con la naturaleza intuitiva del constructor visual, ¡brindándote lo mejor de ambos mundos! El panel de capas consolida páginas largas y complejas y le permite navegar y editarlas con nueva eficiencia.

Cómo acceder a la vista de capas

Para usar el panel de nuevas capas, simplemente haga clic en el ícono de nuevas capas o haga clic derecho en cualquier elemento y elija "Ir a capa" para ubicar ese elemento en la ventana de capas. Esto le dará una vista organizada de todo. contenido de su página en una ventana condensada.

Vea la estructura de su página y navegue rápidamente a cualquier elemento

El panel de capas le ofrece una vista estructurada del contenido de tu página, organizada y fácil de entender. Puede profundizar en cada sección para revelar filas, columnas y módulos anidados. También puede buscar en el panel de capas para encontrar rápidamente lo que está buscando o filtrar el panel de capas para revelar secciones, líneas o módulos específicos. Si hace clic en algo en el panel de capas, su página se desplazará automáticamente a la ubicación de ese elemento para que pueda editarlo usando Visual Builder.

  • Muestra la estructura de tu página. - El panel Capas muestra todos los elementos en una lista organizada y anidada que muestra claramente la estructura de su página.
  • Encuentra artículos - ¿Busca un elemento en particular en una página larga y compleja? Simplemente busque el panel de capas para encontrarlo rápidamente, navegue hasta su posición en la página y comience a editar.
  • Filtrar artículos por tipo - ¿Quiere ubicar rápidamente todos los módulos de botones en su página? ¡Filtra el panel de capas por "botón" para verlas todas en una lista organizada!
  • Navega rápidamente por tu página - A veces es difícil encontrar lo que busca en una página larga. En lugar de desplazar la página hacia arriba o hacia abajo en la búsqueda, simplemente haga clic en la sección en el panel de capas para navegar instantáneamente a su posición.

Organice elementos y cambie rápidamente el nombre de las capas.

Los elementos se pueden organizar fácilmente en el panel de capas. Las secciones, filas, columnas y módulos se pueden reorganizar arrastrando y soltando. La vista condensada y ordenada de los paneles de capas facilita el movimiento de ciertos elementos. También puede cambiar rápidamente el nombre de los elementos en el panel de capas. Simplemente haga clic en el nombre de un elemento para ajustar su etiqueta de administrador.

  • Cambiar el nombre de los elementos fácilmente - No es necesario abrir un modal de configuración para cambiar las etiquetas de administrador. Simplemente haga clic en el nombre del elemento en el panel de capas para cambiar su nombre y mantener su página organizada.
  • Arrastra y suelta para mover elementos - Mover elementos es fácil en el panel de capas. ¿Necesita arrastrar una sección desde la parte inferior de una página larga hasta la parte superior? ¡Es fácil en la vista de capas!

Puedes hacerlo todo en la vista de capas


El panel de capas es mucho más que una simple herramienta de navegación / organización. Es una herramienta de construcción completa y rica en funciones que le brinda todo el poder del Divi Builder en una ventana comprimida que siempre está disponible. Puede arrastrar y soltar para mover elementos. Puede eliminar, duplicar o agregar nuevos elementos. Puede copiar, pegar, expandir estilos y buscar y reemplazar. Puedes hacer todo dentro de esta pequeña ventana. Cada vez que cambia algo en el panel de capas, esos cambios se reflejan instantáneamente en su página.

El panel de capas facilita algunas tareas. ¿Tiene dificultades para acceder a elementos superpuestos debido al uso avanzado del margen negativo, la posición y el índice z? Simplemente busque y edite estos elementos en el panel de capas. La vista Capas es simple e inequívoca.

¿Qué opinas de esta nueva función en Divi ?

fuente: https://www.elegantthemes.com/blog/theme-releases/divi-layers-view

Otros recursos recomendados

Aquí hay una lista de tutoriales que también pueden interesarle: