Cómo crear encabezados y pies de página personalizados con Elementor: Guía paso a paso (09)

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

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

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

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

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

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

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

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

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

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

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

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

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

¡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

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

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

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

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

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
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
© Declaración de reproducción
Este artículo fue escrito por Harry
EL FIN
Si le gusta, apóyela.
felicitaciones0 compartir (alegrías, beneficios, privilegios, etc.) con los demás
comentarios compra de sofás

Por favor, inicie sesión para enviar un comentario

    Sin comentarios