Navegador de Elementor

> Introducción a Elementor

¿Qué es el Navegador de Elementor?

El Navegador de elementor o Navigator (como se le nombra en Elementor ya que aún no ha sido traducido) es un panel que muestra un árbol jerárquico de navegación con todos los elementos (secciones, columnas y widgets) que componen el documento activo y que proporciona un fácil acceso a todos ellos con un solo clic.

El navegador permite al usuario arrastrar y soltar elementos para cambiarlos de posición, duplicarlos, seleccionarlos para su edición, borrarlos, ocultarlos, cambiarles el nombre con el que se muestran en el listado del navegador, toto esto de forma rápida y fácil.

Navigator es particularmente útil para páginas largas o páginas con diseño complejo de múltiples capas y para elementos que combinan Z-Index, menos margen, posición absoluta, etc. Ya que te permite acceder a los identificadores de elementos que pueden estar colocados detrás de otros elementos.

Mostrar el Navegador de Elementor

Puedes acceder a Navigator de una de tres formas sencillas:

  1. Haz clic con el botón derecho en cualquier elemento y luego haz clic en Navigator. Esto te redireccionará automáticamente al elemento específico en el árbol de navegación.
  2. Haz clic en el botón de elementos Navegador en el pie de página del panel.
  3. Utilice el método abreviado de teclado Cmd / Ctrl + i

Elige un elemento para editar

Haz clic una vez en cualquier elemento para desplazarse inmediatamente a su panel Editar.

Navigator Elementor

Reorganizar elementos

Arrastra cualquier elemento hacia arriba o hacia abajo y suéltalo antes o después de cualquier otro elemento.

Navigator Elementor

Opciones de clic derecho

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

Navigator Elementor - clic botón derecho

Ocultar / Mostrar elementos

Haz clic en el botón Ver del elemento Ocultar mostrar Elementor en el Navigator para mostrar u ocultar el elemento, lo que te permitirá concentrarte mejor en el diseño.

Navigator Elementor - Ocultar elementos

Nota : esto no afectará la interfaz de su sitio web.

Cambiar el nombre de los Elementos

  1. Haz doble clic en el nombre del elemento. El área cambiará a un resaltado azul, lo que indica que está en modo insertar / editar.
  2. Escribe un nombre personalizado para ayudarte a identificar fácilmente el elemento en un momento posterior.
Navigator Elementor - Doble clic en nombre

Contraer / expandir un elemento

Haga clic en el botón de flecha de un elemento individual para expandir o contraer ese elemento.

Navigator Elementor - Contraer / expandir un elemento

Contraer / expandir todos los elementos

Haz clic en el botón de flecha  hacia abajo o hacia arriba Contraer en la parte superior izquierda del panel Navegador para expandir o contraer todos los elementos a la vez.


Panel de navegación de posición

Flotador

Arrastra el panel del navegador a cualquier lugar de la página. Redimensiona el Navegador acercando el puntero a los laterales.

Navigator Elementor - Arrastrar y dimensionar

Muelle

Fija el panel Navegador al costado de la pantalla colocándolo dentro de la zona de colocación azul vertical que aparece cuando el panel se arrastra cerca del lado derecho de la pantalla.

Navigator de Elementor
Suscríbete a Elementor Academy

Suscríbete y recibe avisos de nuevos contenidos

Temas relacionados

Condiciones de visualización para plantillas globales del Maquetador de temas
Condiciones de visualización de Elementor
 true
0.0/5
Introducción a Elementor, Plantillas
Maquetador de temas de Elementor
Maquetador de temas de Elementor
 true
0.0/5
Introducción a Elementor, Plantillas
Plantilla de Cabecera y Pie de página en Elementor
Plantilla de Cabecera y Pie de página en Elementor
 true
13:21
0.0/5
Introducción a Elementor, Plantillas
Configuración global con el Kit por defecto de Elementor
Kit por defecto de Elementor
 true
08:00
0.0/5
Ajustes del sitio, Introducción a Elementor
Ancla en Elementor enlaces a la propia página
Ancla en Elementor enlaces a la propia página
 true
41:00
0.0/5
Introducción a Elementor, Pestaña Avanzado
Plantilla Global Elementor
Plantilla global de widgets de Elementor
 true
07:00
0.0/5
Introducción a Elementor, Plantillas
Cuál es la diferencia entre PX, EM, REM,%, VW y VH
¿Cuál es la diferencia entre PX, EM, REM,%, VW y VH?
 true
10:56
0.0/5
Introducción a Elementor
Caja de Tipografía de los widgets de Elementor
Caja de Tipografía de Elementor
 true
16:48
0.0/5
Introducción a Elementor
Colores globales, Fuentes globales y Estilos del tema en Elementor
Colores globales, Fuentes globales y Estilos del tema en Elementor
 true
10:31
0.0/5
Ajustes del sitio, Introducción a Elementor
Cómo activar el modo oscuro o dark mode
Cómo activar el modo oscuro o dark mode
 true
01:20
0.0/5
Introducción a Elementor
{{ reviewsTotal }}{{ options.labels.singularReviewCountLabel }}
{{ reviewsTotal }}{{ options.labels.pluralReviewCountLabel }}
{{ options.labels.newReviewButton }}
{{ userData.canReview.message }}
Scroll al inicio

Esto es un mensaje emergente

Elementor cuenta con un constructor de mensajes emergentes que puedes encontrar en el menú Plantillas.

Plantillas > Mensajes emergentes

¡hola!

Ingresa tus datos de acceso