¿No le gusta cómo su tema actual de WordPress maneja su encabezado o pie de página principal? ¿Qué tal personalizarlo con Elementor? En esta guía, le decimos cómo crear encabezados y pies de página personalizados con Elementor, paso a paso y sin necesidad de conocimientos de codificación. 🤓

¿Por qué Elementor?

Elementor es nuestro complemento de creación de páginas favorito para WordPress  y, de hecho, una de las mejores herramientas que puede usar para personalizar su sitio web de WordPress sin saber cómo codificar.

Elementor también es su mejor apuesta si no le gusta cómo se ve su encabezado o pie de página actual, pero tampoco quiere cambiar su tema por completo.

Puede obtener más información sobre Elementor aquí 👈

También debe generar una nueva clave API para su copia de Elementor Pro. Para eso, haga clic en el botón ver sitios web en la misma página (captura de pantalla anterior) y luego agregue la dirección de su sitio web allí. Obtendrá una clave de licencia que deberá ingresar al activar Elementor Pro en su sitio.

Regrese a su wp-admin y proceda a Complementos → Agregar nuevo una vez más. Esta vez cargue el archivo de Elementor Pro manualmente.
Proceda a instalarlo y activarlo.

Una vez hecho esto, desde la barra lateral principal de wp-admin, vaya a Elementor → Licencia . Introduzca su código de licencia allí.

¡Elementor y Elementor Pro ahora están activos!

Haga clic en el botón grande AÑADIR NUEVA PLANTILLA .

En la ventana emergente, seleccione Encabezado o Pie de página según lo que desee crear y, si lo desea, asigne un nombre a su plantilla.

seleccione la plantilla para crear encabezados y pies de página personalizados con Elementor

¡Aquí es donde comienza la diversión! Verá el lanzamiento de Elementor y podrá ponerse a trabajar.

Para hacer las cosas más rápidas, Elementor le mostrará una lista de plantillas de encabezado y pie de página listas para usar. Puede elegir uno de ellos o comenzar a trabajar en su propio encabezado o pie de página desde cero. La elección depende de ti.

plantillas de encabezado

Una vez hecho esto, Elementor podrá recogerlo correctamente.

En Elementor, elija el bloque Logotipo del sitio de la barra lateral. Ponlo donde quieras. Debería obtener su logotipo real automáticamente.

logo

También puede ir a las otras dos pestañas: Estilo y Avanzado para ajustar otros detalles sobre el diseño de su menú.

🤓NavMenu Addon para Elementor . Le brinda bloques de menú adicionales que puede usar al crear encabezados y pies de página personalizados con Elementor. El bloque Mega Menu es particularmente interesante.

La condición más básica es «Todo el sitio»:

todo el sitio

También puede experimentar con esta configuración y seleccionar páginas individuales, publicaciones, categorías y más. Por ejemplo, aquí hay una condición para que el nuevo encabezado aparezca solo en la página de contacto :

solo en contacto

Cuando haya terminado, haga clic en GUARDAR Y CERRAR .

¡Tu nuevo encabezado o pie de página ya está disponible! Ejemplo:

encabezado en acción

Ve arriba

¿Está listo para crear sus encabezados y pies de página personalizados con Elementor?

¡Espero que este tutorial haya sido útil y que ya esté en camino a un nuevo encabezado o pie de página increíble!

Si tiene alguna pregunta, no dude en preguntar en los comentarios a continuación. También tenemos otro contenido relacionado con Elementor en el blog para ayudarlo a mejorar su diseño:

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

Nuestra web usa cookies para mejorar tu experiencia.