• ¿Qué es la Cabecera de página?
• Maquetar la Cabecera y el Pie de página
• Cómo acceder al Maquetador de temas
• Desde el menú de administración de WordPress
• Desde el editor de Elementor
• Mediante las teclas de atajo
• Tablero principal del Maquetador de temas
• Elementor versión gratuita
• Elementor Pro sin plantillas creadas
• Elementor Pro con plantillas creadas
• Agregar una nueva parte del sitio
• Editar el diseño de una parte del sitio existente
• Exportar una parte del sitio
• Importar una parte del sitio
• Eliminar una parte del sitio
• Renombrar una parte del sitio
• Editar condiciones de visualización
• Modificar condiciones de visualización desde el Maquetador de temas
• Modificar condiciones de visualización desde el constructor de elementor
• Cómo crear una plantilla desde el Maquetador de temas de Elementor Pro

¿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.

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.

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

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

Desde el editor 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 del  Panel de widgets,  luego selecciona Maquetador de temas en la pestaña Ajustes.
   

Mediante las teclas de atajo

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

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.

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.

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.

Editar el diseño de una parte del sitio existente

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

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.

1. Haz clic en el  icono Importar  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

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

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

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:

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