Cómo editar encabezados y pies de página con Elementor en WordPress

Elementor, un potente constructor de páginas de arrastrar y soltar para WordPress, facilita el diseño de encabezados y pies de página personalizados sin necesidad de tener conocimientos de codificación. Usando Elementor Pro o el plugin Elementor Header & Footer Builder, puedes crear y editar estas áreas para dar a tu sitio un aspecto y funcionalidad únicos. A continuación te explicamos cómo editar encabezados y pies de página con Elementor en WordPress.

Método 1: Usando Elementor Pro

Si tienes Elementor Pro, editar encabezados y pies de página es muy sencillo usando la función Theme Builder.

Paso 1: Instalar Elementor Pro

1. Si aún no lo has hecho, compra y descarga Elementor Pro desde el sitio web de Elementor.
2. En el panel de control de WordPress, vaya a Plugins > Añadir nuevo y cargue el archivo ZIP de Elementor Pro.
3. Haga clic en Instalar ahora y luego en Activar.
4. Asegúrate de que los plugins Elementor y Elementor Pro están activos en tu sitio.

Paso 2: Acceder a Elementor Theme Builder

1. En el panel de control de WordPress, ve a Plantillas > Creador de temas.
2. En la página Theme Builder, verás opciones para crear plantillas para encabezados, pies de página y otras partes del tema.

Paso 3: Crear o editar la cabecera

1. Haga clic en la pestaña Encabezado en el Theme Builder.
2. Para crear un nuevo encabezado, haga clic en Añadir nuevo y seleccione Encabezado.
3. Una ventana emergente le pedirá que nombre la plantilla; asígnele un nombre (por ejemplo, “Cabecera principal”) y haga clic en Crear plantilla.
4. Puedes elegir entre plantillas de cabecera predefinidas o diseñar una cabecera desde cero arrastrando y soltando elementos como logotipos, menús de navegación, botones, etc.
   • Añade un logotipo: Utilice el widget Imagen para colocar su logotipo.
   • Añade navegación: Utiliza el widget Menú Nav para crear tu menú principal.
   • Añade iconos sociales: Utiliza el widget Iconos sociales para incluir enlaces a redes sociales.

Paso 4: Establezca las condiciones de visualización

1. Después de diseñar su cabecera, haga clic en Publicar.
2. Se le pedirá que establezca las condiciones de visualización, que definen dónde aparecerá el encabezado en su sitio (por ejemplo, en todo el sitio, en páginas específicas o en publicaciones).
3. Elija dónde desea que se muestre el encabezado y haga clic en Guardar y cerrar.

Paso 5: Crear o editar el pie de página

1. Para crear o editar un pie de página, repita el proceso haciendo clic en la pestaña Pie de página en el Creador de temas.
2. Haga clic en Añadir nuevo y seleccione Pie de página.
3. Diseña tu pie de página utilizando los widgets de Elementor (por ejemplo, añade widgets como texto, información de copyright, datos de contacto o iconos sociales).
4. Una vez diseñado, establece las Condiciones de visualización (similares a las del encabezado) y haz clic en Guardar y cerrar.

Método 2: Usar Elementor Header & Footer Builder (Opción gratuita)

Si utilizas la versión gratuita de Elementor, puedes crear encabezados y pies de página personalizados instalando el plugin Elementor Header & Footer Builder.

Paso 1: Instalar el plugin Elementor Header & Footer Builder

1. En su panel de control de WordPress, vaya a Plugins > Añadir nuevo.
2. Busque Elementor Header & Footer Builder y haga clic en Instalar ahora.
3. Después de la instalación, haga clic en Activar.

Paso 2: Crear una nueva plantilla de encabezado

1. Una vez activado el plugin, ve a Apariencia > Elementor Header & Footer Builder en el panel de control de WordPress.
2. Haga clic en Añadir nuevo para crear una nueva plantilla.
3. En la ventana emergente, selecciona Encabezado como tipo de plantilla.
4. Dale un nombre a tu plantilla (por ejemplo, “Encabezado personalizado”) y haz clic en Crear plantilla.

Paso 3: Diseñe la cabecera con Elementor

1. Serás redirigido al editor de Elementor, donde podrás diseñar tu cabecera personalizada.
2. Utiliza los widgets de Elementor para añadir contenido como un logotipo, un menú de navegación e iconos sociales.
3. Cuando estés satisfecho con el diseño, haz clic en Publicar.

Paso 4: Asignar reglas de visualización

1. Después de hacer clic en Publicar, establezca las Reglas de visualización para decidir dónde aparecerá el encabezado (todo el sitio, páginas específicas, etc.).
2. Guarde los cambios.

Paso 5: Crear una plantilla de pie de página

1. Para crear un pie de página personalizado, ve a Apariencia > Elementor Header & Footer Builder y haz clic en Añadir nuevo.
2. Selecciona Pie de página como tipo de plantilla.
3. Diseña el pie de página usando la interfaz de arrastrar y soltar de Elementor, añadiendo widgets como información de copyright, enlaces e iconos sociales.
4. Establece las Reglas de visualización para especificar dónde aparecerá el pie de página y guarda los cambios.

Personalizar el encabezado y el pie de página

Tanto si usas Elementor Pro como el plugin gratuito, puedes personalizar completamente el diseño de tus encabezados y pies de página:

• Añade un encabezado adhesivo: Activa la opción de cabecera adhesiva en la configuración avanzada para que la cabecera permanezca visible al desplazarse.
• Diseño adaptable: Utiliza la configuración adaptativa de Elementor para ajustar la apariencia de tu encabezado y pie de página en dispositivos móviles y tabletas.
• Añade contenido dinámico: Los usuarios de Elementor Pro pueden insertar contenido dinámico, como botones de inicio de sesión, carritos de la compra o barras de búsqueda.

Conclusión

Utilizar Elementor para crear y editar encabezados y pies de página en WordPress es una forma sencilla y potente de personalizar el diseño de tu sitio sin necesidad de programar. Con Elementor Pro, puedes controlar completamente la cabecera y el pie de página con el Theme Builder, mientras que el plugin gratuito Elementor Header & Footer Builder ofrece una experiencia similar para los usuarios que no dispongan de la versión Pro. Si sigues estos pasos, podrás crear un encabezado y un pie de página profesionales y únicos en un abrir y cerrar de ojos.