¿Qué es el navegador en Elementor?

Diseño eficaz con Elementor: guía paso a paso para utilizar el Navegador

En el Elementor versión 2.2, una función de diseño extremadamente útil "Navegador", especialmente diseñado para que el diseño de sus páginas sea aún más eficaz.

En Navegador Elementor es mucho más que una ventana en forma de árbol de navegación: es la clave para una experiencia de edición fluida y eficaz. Con un solo clic, se obtiene acceso directo a todos los elementos del editor, lo que lleva la navegación y la edición de la página a un nuevo nivel. El uso de esta función permite a los usuarios arrastrar y editar elementos por toda la página no sólo con rapidez, sino también de forma extremadamente sencilla.

Tanto si crea diseños complejos con varias capas como si combina elementos con distintas propiedades de estilo, la función Navegador Elementor simplifica considerablemente el proceso. Utilizando la función Navegador Elementor hace que manejar el índice Z, el margen negativo, el posicionamiento absoluto y funciones similares sea una tarea sin esfuerzo. Esto significa que siempre tendrá un control total incluso sobre el elementos de diseño más complejos.

¿Cómo accedo al navegador de Elementor?

Puede acceder al Navegador de tres formas sencillas:

1. Haga clic con el botón derecho del ratón en cualquier elemento y seleccione "Navegador". Esto le llevará automáticamente al elemento correspondiente en el árbol de navegación.
2. Haga clic en el botón "Elementos" del pie de página del panel.
3. Utilice la combinación de teclas Cmd/Ctrl + I.

Seleccionar un elemento para editarlo

Un simple clic en cualquier elemento le lleva directamente a la ventana de edición.

Reorganizar elementos con el navegador de Elementor

Arrastre un elemento hacia arriba o hacia abajo y colóquelo delante o detrás de otro elemento.

Opciones del botón derecho

Haga clic con el botón derecho en un elemento para acceder a todas las opciones normales del menú contextual, como Editar, Duplicar, Copiar, Pegar, etc.

Mostrar/ocultar elementos con el navegador

Haciendo clic en el botón "Ver" del elemento, puede mostrarlo u ocultarlo para centrarse mejor en el diseño. Tenga en cuenta que esto no tiene ningún efecto en el front-end de su sitio web.

Elementos de nombre del navegador Elementor

Al hacer doble clic en el nombre del elemento, la zona se resalta en azul, lo que indica que se encuentra en modo de inserción/edición. Introduzca un nombre personalizado para facilitar la posterior identificación del elemento.

Reducir/ampliar un elemento con el navegador

Haga clic en el botón de flecha de un elemento individual para expandirlo o contraerlo.

Mostrar/ocultar todos los elementos

Haga clic en el botón con la flecha hacia arriba o hacia abajo situado en la parte superior izquierda de la ventana del navegador para expandir o contraer todos los elementos simultáneamente.

Panel del navegador de posición

Flotar (hover): Arrastre el panel de control del Navegador a cualquier posición de la página.

Muelle: Fije el panel de control del Navegador al lateral de la pantalla colocándolo dentro de la zona de almacenamiento azul vertical. Esto aparece cuando el panel de control se arrastra cerca del lado derecho de la pantalla.

Ahora ya has aprendido a utilizar el navegador de Elementor de forma eficaz para optimizar el diseño de tus páginas y eliminar el desorden.

Descubra las posibilidades ilimitadas que ofrecen Elementor y WordPress. Si tiene alguna pregunta o necesita ayuda estamos aquí para ayudarle