Navegador y capas
El Navegador muestra la estructura de su página como una jerarquía de secciones, contenedores y elementos.
Úselo cuando necesite seleccionar un elemento anidado, comprender cómo se crea una página, revisar contenedores o trabajar con secciones modales.
Lo que muestra el Navegador
El Navegador refleja la misma estructura de página anidada utilizada por el lienzo del constructor.
| Área del navegador | lo que representa |
|---|---|
| Página | Secciones de la página principal y los elementos que contienen. |
| Modal | Secciones modales cuando la página incluye contenido modal. |
| Filas anidadas | Contenedores y elementos dentro de un elemento principal. |
| Artículo activo | La sección, contenedor o elemento seleccionado actualmente. |
¿Por qué utilizar el Navegador?
El lienzo es mejor para la edición visual. El Navegador es mejor para la edición estructural.
Utilice el Navegador para:
- Seleccione un contenedor en el que sea difícil hacer clic en el lienzo.
- Confirme dónde está anidado un elemento.
- Expanda o contraiga la jerarquía de páginas.
- Encuentra elementos dentro de secciones complejas.
- Trabaje con contenido modal por separado de la página principal.
- Reordene los elementos compatibles arrastrando y soltando.
Seleccionando un artículo
Haga clic en un elemento en el Navegador para seleccionarlo en el generador.
Cuando selecciona un elemento, Atomicat desplaza el área del lienzo relacionada para verla y abre la interfaz de edición para ese elemento. Si el elemento está dentro de un modal, el constructor abre el contexto modal para que puedas editarlo de forma segura.
Comportamiento de expandir y contraer
El Navegador admite la expansión y el colapso de capas de páginas para que las páginas grandes sean más fáciles de inspeccionar.
Utilice expandir/contraer cuando:
- La página tiene muchos contenedores repetidos.
- Estás revisando una plantilla.
- Debes concentrarte en una sección a la vez.
- Quiere reducir el ruido visual mientras edita.
Trabajar con capas modales
Las secciones modales están separadas de la estructura de la página principal en el Navegador. Esto ayuda a evitar confundir el contenido modal con el contenido de la página estándar.
Utilice el área Modal al editar ventanas emergentes, superposiciones u otras secciones basadas en modales.
Mejores prácticas
- Utilice el Navegador antes de eliminar o mover contenedores complejos.
- Verifique el contenedor principal antes de editar el espaciado o la alineación.
- Mantenga el anidamiento de secciones legible para futuros editores.
- Utilice una estructura de página clara para que los formularios, botones y elementos de seguimiento sean más fáciles de revisar.
Documentos relacionados
Preguntas frecuentes
¿Por qué usar el Navegador en lugar de hacer clic en el lienzo?
El Navegador es más confiable cuando los elementos están anidados, superpuestos, ocultos detrás de otros bloques o dentro de contenido modal.
¿Qué muestra el área Modal?
El área Modal separa ventanas emergentes o superposiciones de la estructura principal de la página para que puedas editarlas sin confundirlas con secciones normales.
¿Puedo usar el Navegador para revisar la estructura de la página?
Sí. Expande secciones y contenedores para confirmar dónde están ubicados formularios, botones, elementos de seguimiento y bloques de diseño repetidos.
¿Qué debo revisar antes de eliminar una capa?
Confirma la sección principal, los elementos secundarios, el comportamiento móvil y cualquier formulario, botón, producto, quiz o script conectado antes de eliminar o mover la capa.