Al crear un sitio web con WordPress, la opción predeterminadaTema AstraEs posible que los encabezados y pies de página no satisfagan todas sus necesidades para la apariencia de su sitio web. Afortunadamente, con elelmentorPuedes crear y personalizar fácilmente tus propios encabezados y pies de página. En este artículo se explica cómo crear encabezados y pies de página propios en la aplicaciónelmentorGenere estas secciones personalizadas enTema Astraconfiguración predeterminada para inyectar más personalización en su sitio web.
Primero tenemos que ir a la página Editar con Elementor.
![Imagen [1] - Cómo crear encabezados y pies de página personalizados con Elementor: Guía paso a paso (09) - photonwave.com | Servicio profesional de reparación de WordPress, alcance global, respuesta rápida](https://www.361sale.com/wp-content/uploads/2024/08/2024083003351328.png)
Haga clic en el símbolo como se muestra arriba para entrar en la configuración global
![Imagen [2] - Cómo crear encabezados y pies de página personalizados con Elementor: Guía paso a paso (09) - photonwave.com | Servicio profesional de reparación de WordPress, alcance global, respuesta rápida](https://www.361sale.com/wp-content/uploads/2024/08/2024083003363680.png)
Haga clic en Theme Builder para acceder al constructor de widgets de elmentor.
![Imagen [3] - Cómo crear encabezados y pies de página personalizados con Elementor: Guía paso a paso (09) - photonwave.com | Servicio profesional de reparación de WordPress, alcance global, respuesta rápida](https://www.361sale.com/wp-content/uploads/2024/08/2024083003391748.png)
Puedes editar la cabecera y el pie de página, así como productos individuales u otras páginas, si necesitas más personalización y bricolaje, ¡esto es para ti!
![Imagen [4] - Cómo crear encabezados y pies de página personalizados con Elementor: Guía paso a paso (09) - photonwave.com | Servicio profesional de reparación de WordPress, alcance global, respuesta rápida](https://www.361sale.com/wp-content/uploads/2024/08/2024083003410262.png)
Empezaremos por añadir una cabecera, como se muestra arriba
![Imagen [5] - Cómo crear encabezados y pies de página personalizados con Elementor: Guía paso a paso (09) - photonwave.com | Servicio profesional de reparación de WordPress, en todo el mundo, respuesta rápida](https://www.361sale.com/wp-content/uploads/2024/08/2024083003421830.png)
Elige el diseño que más te guste, los detalles exactos se pueden cambiar
![Imagen [6] - Cómo crear encabezados y pies de página personalizados con Elementor: Guía paso a paso (09) - photonwave.com | Servicio profesional de reparación de WordPress, en todo el mundo, respuesta rápida](https://www.361sale.com/wp-content/uploads/2024/08/2024083003440264.png)
Haga clic en Insertar, descargar en primer lugar, vamos a obtener un título de la interfaz, de la siguiente manera
![Imagen [7] - Cómo crear encabezados y pies de página personalizados con Elementor: Guía paso a paso (09) - photonwave.com | Servicio profesional de reparación de WordPress, en todo el mundo, respuesta rápida](https://www.361sale.com/wp-content/uploads/2024/08/2024083005502181.png)
A continuación, podemos cambiar el logotipo y el menú y la socialización en el lado derecho
![Imagen [8] - Cómo crear encabezados y pies de página personalizados con Elementor: Guía paso a paso (09) - photonwave.com | Servicio profesional de reparación de WordPress, en todo el mundo, respuesta rápida](https://www.361sale.com/wp-content/uploads/2024/08/2024083005560871.png)
![Imagen [9] - Cómo crear encabezados y pies de página personalizados con Elementor: Guía paso a paso (09) - photonwave.com | Servicio profesional de reparación de WordPress, en todo el mundo, respuesta rápida](https://www.361sale.com/wp-content/uploads/2024/08/2024083005574380.png)
Por supuesto, puedes añadir nuevos módulos, pero ten en cuenta los problemas de adaptación entre cada dispositivo.
![Imagen [10] - Cómo crear encabezados y pies de página personalizados con Elementor: Guía paso a paso (09) - photonfluctuation.com | Servicio profesional de reparación de WordPress, alcance global, respuesta rápida](https://www.361sale.com/wp-content/uploads/2024/08/2024083006015357.png)
![Imagen [11] - Cómo crear encabezados y pies de página personalizados con Elementor: Guía paso a paso (09) - photonwave.com | Servicio profesional de reparación de WordPress, en todo el mundo, respuesta rápida](https://www.361sale.com/wp-content/uploads/2024/08/2024083006030764.png)
![Imagen [12] - Cómo crear encabezados y pies de página personalizados con Elementor: Guía paso a paso (09) - photonwave.com | Servicio profesional de reparación de WordPress, alcance global, respuesta rápida](https://www.361sale.com/wp-content/uploads/2024/08/2024083006031812.png)
Comprobar la coordinación, especialmente en los teléfonos móviles
A continuación, todos los ajustes se pueden ajustar para establecer las condiciones de visualización, si no se establece, se dará prioridad a mostrar el tema Astro, de la siguiente manera
Si haces clic directamente en la ventana emergente "Guardar también" para que te deje ajustar las condiciones de visualización, ¡es sólo una forma de ajustar las tuyas!
![Imagen [13] - Cómo crear encabezados y pies de página personalizados con Elementor: Guía paso a paso (09) - photonwave.com | Servicio profesional de reparación de WordPress, en todo el mundo, respuesta rápida](https://www.361sale.com/wp-content/uploads/2024/08/2024083006055239.png)
Condiciones de visualización, más columnas guardadas en el lado izquierdo
![Imagen [14] - Cómo crear encabezados y pies de página personalizados con Elementor: Guía paso a paso (09) - photonwave.com | Servicio profesional de reparación de WordPress, en todo el mundo, respuesta rápida](https://www.361sale.com/wp-content/uploads/2024/08/2024083006070088.png)
A continuación, hacemos clic en Añadir condición para seguir estableciendo condiciones
![Imagen [15] - Cómo crear encabezados y pies de página personalizados con Elementor: Guía paso a paso (09) - photonwave.com | Servicio profesional de reparación de WordPress, en todo el mundo, respuesta rápida](https://www.361sale.com/wp-content/uploads/2024/08/2024083006083171.png)
![Imagen [16] - Cómo crear encabezados y pies de página personalizados con Elementor: Guía paso a paso (09) - photonwave.com | Servicio profesional de reparación de WordPress, en todo el mundo, respuesta rápida](https://www.361sale.com/wp-content/uploads/2024/08/2024083006090526.png)
Puede elegir Entire Site (todo el sitio) o Archives o Singular (en realidad diferentes tipos de páginas)
![Imagen [17] - Cómo crear encabezados y pies de página personalizados con Elementor: Guía paso a paso (09) - photonwave.com | Servicio profesional de reparación de WordPress, en todo el mundo, respuesta rápida](https://www.361sale.com/wp-content/uploads/2024/08/2024083006114712.png)
¡Recomendaciones individuales para elegir Singular, establecer las opciones serán más, pero también más perfecto, y en última instancia, de acuerdo con el efecto de los ajustes en la línea!
A continuación, haga clic en Guardar y cerrar
![Imagen [18] - Cómo crear encabezados y pies de página personalizados con Elementor: Guía paso a paso (09) - photonwave.com | Servicio profesional de reparación de WordPress, en todo el mundo, respuesta rápida](https://www.361sale.com/wp-content/uploads/2024/08/2024083006135568.png)
Ahora está configurado para mostrar todo el sitio, por lo que sustituirá al efecto de cabecera del tema
Si necesitamos borrarlo, también hay dos formas de hacerlo
1, repita los pasos anteriores para entrar en el Theme Builder (Constructor de temas), después de entrar en el
![Imagen [19] - Cómo crear encabezados y pies de página personalizados con Elementor: Guía paso a paso (09) - photonwave.com | Servicio profesional de reparación de WordPress, en todo el mundo, respuesta rápida](https://www.361sale.com/wp-content/uploads/2024/08/2024083006220364.png)
![Imagen [20] - Cómo crear encabezados y pies de página personalizados con Elementor: Guía paso a paso (09) - photonwave.com | Servicio profesional de reparación de WordPress, en todo el mundo, respuesta rápida](https://www.361sale.com/wp-content/uploads/2024/08/2024083006222816.png)
Como en la imagen anterior, basta con borrarlo directamente
2, vaya al back-end del sitio y busque la plantilla elmentor (Plantillas)
![Imagen [21] - Cómo crear encabezados y pies de página personalizados con Elementor: Guía paso a paso (09) - photonwave.com | Servicio profesional de reparación de WordPress, en todo el mundo, respuesta rápida](https://www.361sale.com/wp-content/uploads/2024/08/2024083006242718.png)
![Imagen [22] - Cómo crear encabezados y pies de página personalizados con Elementor: Guía paso a paso (09) - photonwave.com | Servicio profesional de reparación de WordPress, en todo el mundo, respuesta rápida](https://www.361sale.com/wp-content/uploads/2024/08/2024083006252025.png)
Haga clic para eliminar, no muchas plantillas, es relativamente fácil de encontrar, se recomienda establecer el nombre de cada plantilla, con el fin de encontrar
Del mismo modo, los pasos para crear un pie de página son los mismos
![Imagen [23] - Cómo crear encabezados y pies de página personalizados con Elementor: Guía paso a paso (09) - photonfluctuation.com | Servicio profesional de reparación de WordPress, alcance global, respuesta rápida](https://www.361sale.com/wp-content/uploads/2024/08/2024083006274212.png)
![Imagen [24] - Cómo crear encabezados y pies de página personalizados con Elementor: Guía paso a paso (09) - photonfluctuation.com | Servicio profesional de reparación de WordPress, alcance global, respuesta rápida](https://www.361sale.com/wp-content/uploads/2024/08/2024083006293249.png)
Sustituirlo por su contenido, o columnas no son suficientes en la adición de un contenedor, es decir, una columna está bien, y la información de derechos de autor, etc.
![Imagen [25] - Cómo crear encabezados y pies de página personalizados con Elementor: Guía paso a paso (09) - photonfluctuation.com | Servicio profesional de reparación de WordPress, alcance global, respuesta rápida](https://www.361sale.com/wp-content/uploads/2024/08/2024083006310075.png)
Añade los módulos que necesites, sin olvidar comprobar que las interfaces de cada dispositivo están coordinadas.
A continuación, sigue estableciendo las condiciones necesarias y ya está, ¡a que es sencillo!
Pero si usted tiene tema Astra, no se recomienda el uso de generador personalizado de elmentor, porque el tema de va a funcionar mejor, este tipo es más adecuado para los jugadores que no tienen ningún buen tema o sólo tienen elmentor, y tienen un poco de habilidad en elmentor, de lo contrario puede entrar en conflicto con el tema, y puede que necesite más tiempo para solucionar el problema
resúmenes
Con los pasos anteriores, ya sabes cómo crear y personalizar encabezados y pies de página con Elementor. Aunque el tema Astra ofrece una buena configuración por defecto, el constructor personalizado de Elementor es sin duda una potente herramienta para los usuarios que buscan personalizar el diseño de su sitio web. En la próxima entrega, seguiremos explorando más consejos para utilizar el tema Astra junto con Elementor para ayudarte a optimizar mejor el diseño y la funcionalidad de tu sitio web.
| Contacte con nosotros | |
|---|---|
| ¿No puede leer el tutorial? Póngase en contacto con nosotros para obtener una respuesta gratuita. Ayuda gratuita para sitios personales y de pequeñas empresas |
Servicio de atención al cliente WeChat
|
| ① Tel: 020-2206-9892 | |
| ② QQ咨询:1025174874 | |
| (iii) Correo electrónico: info@361sale.com | |
| ④ Horario de trabajo: de lunes a viernes, de 9:30 a 18:30, días festivos libres | |
Enlace a este artículo:https://www.361sale.com/es/18015El artículo está protegido por derechos de autor y debe ser reproducido con atribución.






















![Emoji[wozuimei]-Photonflux.com | Servicio profesional de reparación de WordPress, en todo el mundo, respuesta rápida](https://www.361sale.com/wp-content/themes/zibll/img/smilies/wozuimei.gif)
![Emoticono [baoquan] - Photon Wave Network | Servicios profesionales de reparación de WordPress, cobertura mundial, respuesta rápida](https://www.361sale.com/wp-content/themes/zibll/img/smilies/baoquan.gif)

Sin comentarios