fbpx

Maquetador de temas de Elementor

> Introducción a Elementor, Plantillas
Maquetador de temas de Elementor

¿Qué es la Cabecera de página?

Con el Maquetador de temas de Elementor (Theme Builder) puedes agregar nuevas partes del sitio (por ejemplo, agregar una nueva Cabecera), editar partes del sitio existentes o eliminar partes del sitio. Las partes del sitio existentes incluyen un indicador visual para informarte si se aplica una condición a esa parte del sitio. 

Por ejemplo, una plantilla global para las entradas (Posts) puede tener una condición para mostrarse solo para una categoría en particular. Un indicador verde te permitirá ver de un vistazo que esta parte del sitio tiene una condición. Un indicador gris es una indicación de que una parte del sitio no tiene ninguna condición establecida por lo que no será mostrada hasta que no se establezca una.

Maquetador de temas de Elementor
El Maquetador de temas de Elementor (Theme Builder) cuenta con el menú lateral PARTES DEL SITIO, que te sirvirá de ayuda para saber cada una de las partes del sitio que necesitas crear para lograr un sitio web completo.

El Maquetador de temas de Elementor (Theme Builder) te permite personalizar a nivel global cada parte fundamental de tu sitio web y sin codificación:

  • Cabecera
  • Pie de página
  • Entrada individual
  • Página individual
  • Archivo
  • Resultados de búsqueda
  • Error 404

Elementor Pro cuenta con Widgets específicos para crear cada uno de estos tipos de plantillas, algunos de ellos solo se mostrarán cuando hayamos seleccionado ese ese tipo de contenidos. Veamos que widgets adicionales podemos usar para crear la Cabecera y el Pie de página.

Maquetar la Cabecera y el Pie de página

Cuando editamos una parte del sitio el constructor de Elementor Pro nos facilita el trabajo mostrándonos al principio del listado de wigets aquellos que están especialmente relacionados con la parte que vamos a crear. Por ejemplo en la siguiente imagen vemos los widgets que nos encontramos en primer lugar al crear la Cabecera o el Pie de página.

Widgets para Cabecera de pagina

Cómo acceder al Maquetador de temas

Hay varias formas de acceder al Maquetador de temas. Elige la que sea más conveniente para ti.

Desde el menú de administración de WordPress

Como acceder al Maquetador de temas de Elementor
  1. Desde el menú de administración de WordPress ve a Plantillas > Maquetador de temas.

Desde el editor de Elementor

Como acceder al Maquetador de temas de Elementor
  1. Desde cualquier página o pantalla del editor de Elementor, haz clic en el menú de hamburguesa en la esquina superior izquierda Menú de hamburguesa del Editor Elementor del  Panel de widgets,  luego selecciona Maquetador de temas en la pestaña Ajustes.

Mediante las teclas de atajo

Como acceder al Maquetador de temas de Elementor
  1. Acceso rápidamente al Maquetador de temas desde cualquier pantalla usando su combinación de teclas de acceso directo de teclado. En un Mac, haz clic en  CMD+SHIFT+E. En Windows, haz clic en  CTRL+MAYÚS+E para abrir de forma inmediata el Maquetador de temas.

Tablero principal del Maquetador de temas

Los usuarios gratuitos pueden ver qué partes del sitio estarían disponibles con Elementor Pro, pero no pueden añadir o modificar.

Elementor versión gratuita

Maquetador de temas version free

Elementor Pro sin plantillas creadas

Si aún no se han creado partes del sitio, se mostrarán las miniaturas predeterminadas para todas las partes del sitio disponibles.

Tablero del Maquetador de temas Elementor Pro

Elementor Pro con plantillas creadas

Para los usuarios Pro, se mostrarán las Partes del sitio existentes, si se ha creado alguna. Las miniaturas de cada parte del sitio se generarán de forma automática.

Tablero del Maquetador de temas Elementor Pro

Agregar una nueva parte del sitio

Para agregar una nueva parte del sitio, haz clic en el  enlace Agregar nuevo en la esquina superior derecha del tablero, o en el signo MÁS que aparece al pasar el mouse sobre la etiqueta de la barra lateral de una parte del sitio, o en el signo MÁS en su miniatura.

Añadir nueva parte con el Maquetador de temas

Editar el diseño de una parte del sitio existente

Editar parte del maquetador de temas
  1. Para editar una parte del sitio existente, haz clic en la etiqueta de la parte del sitio en la barra lateral. Esto abrirá el panel de detalles de la parte del sitio.
  2. Haga clic en el enlace Editar en la esquina superior derecha de la parte del sitio que desees editar. Esto abrirá el editor de Elementor para esa parte del sitio.

Exportar una parte del sitio

Exportar plantilla del maquetador de temas
  1. Haz clic en los … tres puntos horizontales en la parte superior derecha de la parte de la plantilla que quieras exportar. 
  2. Elige Exportar para abrir un cuadro de diálogo Guardar y guarda un archivo .json en tu computadora.

Importar una parte del sitio

También puedes agregar una nueva parte del sitio importando una plantilla.

Importar plantilla del maquetador de temas
  1. Haz clic en el  icono Importar Importar plantilla en la esquina superior derecha del Theme Builder.
  2. Arrastre y suelte o seleccione un archivo .JSON o .zip que contenga la plantilla que deseas importar.
  3. La plantilla ahora se agregará a tu panel de control de Partes del sitio.

Importante: para que las plantillas se importen correctamente, las cargas sin filtrar deben estar activadas. Para activarlas, ve a Elementor > Ajustes > Avanzado y cambia la opción Permitir carga de archivos sin filtrar a Activar.

Eliminar una parte del sitio

Mover plantilla maquetador de temas a la papelera
  1. Haz clic en los … tres puntos horizontales en la parte superior derecha de la parte del sitio que quieres eliminar. 
  2. Elige Papelera, lo que abrirá un cuadro de diálogo de confirmación Move Item To Trash (mover pieza a la papelera).
  3. Haz clic en Cancelar si cambias de opinión y decides que no deseas eliminar la parte del sitio, o haga clic en Move to Trash (Mover a la papelera) para confirmar que quieres mover esta parte del sitio a la papelera.

Cuando movemos un documento a la papelera podemos restaurarlo o borrarlo definitivamente desde el menú Plantillas > clic en Papelera

Renombrar una parte del sitio

  1. Haz clic en los … tres puntos horizontales en la parte superior derecha de la parte del sitio a la que quieras cambiar de nombre. 
  2. Elige Rename (Renombrar), lo que abrirá el cuadro de diálogo Rename Site Part (Renombrar parte del sitio).
  3. Ingresa el nuevo nombre y haz clic  en Change (Cambiar) para completar el proceso de cambio de nombre, o haz clic en Cancelar si cambias de opinión y decides que no quieres cambiar el nombre de esta parte del sitio.

Importante: Elementor está pasando gradualmente del modo Ajax tradicional (usando admin-ajax.php) para obtener datos en la plataforma Elementor al sistema API REST de WordPress y esto se usa dentro del nuevo Maquetador de temas (Theme Builder). Si un sitio web ha deshabilitado la API REST de WordPress, entonces el nuevo generador de temas no funcionará y el contenido, como plantillas o cualquier cosa, no se mostrará. Aparecerá un error que dice “Error: no tiene permiso para hacer eso”.

Editar condiciones de visualización

En este mismo tema más adelante veremos que son y como establecer las condiciones de visualización. Ahora vamos a ver como modificar las de una plantilla de parte desde el Maquetador de temas y desde el Constructor de Elementor.

Modificar condiciones de visualización desde el Maquetador de temas

Modificar condiciones desde el maquetador de temas
  1. Entra en el Maquetador de temas y haz clic en la plantilla a la que quieras cambiar las condiciones.
  2. En la parte de abajo del cuadro donde pone Instancias podrás ver las condiciones que tenga ya asignadas, para editarlas haz clic en Edit conditions (Editar condiciones).
  3. Aquí puedes añadir nuevas haciendo clic en el boton Añadir condición, y también modificar o eliminar las ya existentes.

Modificar condiciones de visualización desde el constructor de elementor

Modificar condiciones desde el constructor de elementor
  1. Dentro del construtor de Elementor Pro haz clic en la flechita que está junto al botón Actualizar (abajo a la izquierda) del menú emergente haz clic en Condiciones de visualización.
  2. Aquí puedes añadir nuevas haciendo clic en el boton Añadir condición, y también modificar o eliminar las ya existentes.

Cómo crear una plantilla desde el Maquetador de temas de Elementor Pro

Podemos crear una Cabecera o un Pie de página fácilmente desde el Maquetador de temas siguiendo estos pasos:

Crear cabecera
  1. Panel de administración de de WordPress en el menú Plantillas > clic en Maquetador de temas
  2. Puedes hacer clic en el botón Añadir nueva que se encuentra junto a cada categoría o bien haz clic en Add new (Añadir nueva) y elige Cabecera o Pie de página
  3. Ahora podrád elegir una plantilla de Cabecera o Pie de página prefabricada o crear una desde cero.
  4. Una vez que haya realizado los cambios necesarios en el diseño de la Cabecera o Pie de página, haz clic en el botón Publicar y elige dónde publicar la Cabecera o Pie de página. El valor predeterminado es Todo el sitio.
  5. ¡Eso es todo! Ahora puede ver su Cabecera o Pie de página hecho a mano en vivo en tu sitio.

Podemos usar las plantillas prediseñadas que nos ofrece Elementor Pro o bien diseñar desde cero con el constructor. También podemos usar una plantilla prediseñada y luego modificarla a nuestro gusto.

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
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
{{ 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