Crear el Pie de página (Footer)
9.10 Crear el Pie de página (Footer)
Si el encabezado es la puerta de entrada a tu sitio, el pie de página o footer es el último contacto que los visitantes tienen antes de abandonar o navegar a una página diferente. Un footer bien diseñado y funcional ofrece múltiples beneficios: proporciona información importante como datos de contacto, enlaces legales, y credibilidad, facilita la navegación al incluir menús secundarios o enlaces rápidos, y contribuye a una experiencia de usuario cohesiva. Aunque a menudo el pie de página es pasado por alto, juega un papel crucial en la estructura general de un sitio web profesional.
Después de haber creado la página de inicio, páginas de contenido adicionales, y establecido la navegación principal, es el momento de completar tu sitio con un footer funcional y atractivo que refuerce tu marca y proporcione la información final que los visitantes necesitan.
Acceso a la configuración del footer
La forma de crear y personalizar el footer en WordPress depende del tema que estés utilizando. La mayoría de los temas modernos incluyen áreas de widgets en el footer que puedes personalizar de dos formas principales. La primera es a través del Customizer, accediendo a Apariencia > Personalizar, donde generalmente encontrarás una sección dedicada al footer o zona de footer widgets. La segunda forma es a través de Apariencia > Widgets, donde puedes agregar componentes directamente a las áreas de footer disponibles.
Algunos temas más avanzados ofrecen un constructor de footer dedicado que proporciona aún más control sobre la estructura y el diseño del footer. Si tu tema incluye esta funcionalidad, generalmente aparecerá bajo Apariencia como una opción separada.
Estructura típica de un footer
Un footer profesional típicamente incluye varias secciones distintas. La primera sección puede contener un logo o información de la empresa, junto con una descripción breve. Esto reafirma la identidad de la marca incluso cuando el usuario está en la parte inferior del sitio. La segunda sección generalmente contiene menús de navegación secundarios, agrupados en categorías lógicas como Productos, Servicios, Recursos, Legales, etc.
Una tercera sección comúnmente incluye información de contacto, como una dirección física, número de teléfono, correo electrónico, o formulario de contacto simple. La cuarta sección puede dedicarse a redes sociales, con enlaces a tus perfiles en plataformas como Facebook, LinkedIn, Instagram, o Twitter. Finalmente, la sección más inferior generalmente contiene un copyright, información legal, y a veces un pequeño menú de enlaces a Política de Privacidad, Términos de Servicio, o similar.
Uso de widgets en el footer
Los widgets son bloques de contenido que puedes agregar a áreas específicas del sitio. Para agregar widgets al footer, accede a Apariencia > Widgets. Verás una lista de widgets disponibles en el panel izquierdo y las áreas de widgets de tu tema en el panel central o derecho. El número de áreas de footer generalmente está determinado por el tema, siendo común encontrar de una a cuatro columnas de footer.
WordPress incluye widgets estándar como Últimas entradas, que muestra los últimos artículos del blog; Categorías, que lista todas las categorías; Archivo, que permite navegar por entradas por fecha; y Búsqueda, que inserta un formulario de búsqueda. Además de estos, puedes crear widgets personalizados que contengan HTML personalizado, permitiendo máxima flexibilidad.
Creación de menús de footer
Un footer efectivo frecuentemente incluye uno o más menús de navegación secundarios. Estos menús se crean de la misma forma que el menú principal: accede a Apariencia > Menús, crea un nuevo menú llamado algo como Menú Footer, agrega los enlaces o páginas que deseas incluir, y luego asigna este menú a la ubicación Menú Footer (si tu tema lo permite) o inserta el menú en un widget HTML personalizado en el área de footer.
Considera crear menús de footer lógicamente organizados. Por ejemplo, podrías tener un menú Productos con enlaces a diferentes categorías de productos, un menú Soporte con enlaces a FAQ, documentación, y contacto, y un menú Legal con enlaces a Política de Privacidad y Términos de Servicio.
Información de contacto y redes sociales
Agregar información de contacto en el footer es una práctica estándar. Puedes hacerlo a través de un widget HTML personalizado donde insertes tu dirección, teléfono, y correo electrónico. Algunos temas incluyen widgets de contacto específicos que proporcionan campos dedicados para esta información.
Para incluir enlaces a redes sociales, nuevamente puedes usar un widget HTML personalizado, o algunos temas incluyen widgets de redes sociales que permiten agregar enlaces simplemente ingresando las URLs de tus perfiles. Los iconos de redes sociales añaden un toque visual profesional y facilitan que los visitantes te sigan en otras plataformas.
Copyright y información legal
La sección más inferior del footer generalmente incluye un aviso de copyright. Este aviso típicamente dice algo como © 2024 [Nombre de tu Empresa]. Todos los derechos reservados. También es estándar incluir enlaces a documentos legales importantes, particularmente si recopilas datos de usuarios. Estos pueden incluir Política de Privacidad y Términos de Servicio. En especial para sitios europeos, la Política de Privacidad es obligatoria bajo el RGPD.
Personalización de estilos del footer
La mayoría de los temas permiten personalizar los colores y estilos del footer a través del Customizer. Generalmente encontrarás opciones para cambiar el color de fondo, el color del texto, y en algunos casos, efectos más avanzados como fondos degradados o imágenes. Asegurate de que el contraste entre el texto y el fondo sea suficiente para garantizar legibilidad.
Ideas clave
- El footer es una sección crítica que proporciona información importante, facilita la navegación, y refuerza la identidad de marca incluso cuando los visitantes están abandonando la página.
- Una estructura típica de footer incluye logo/información de empresa, menús de navegación secundarios, información de contacto, redes sociales, y avisos de copyright/legal.
- Los widgets son la forma principal de agregar contenido al footer en WordPress, permitiendo flexibilidad sin necesidad de editar código.
- Los menús de footer separados del menú principal ofrecen una forma organizada de presentar navegación secundaria agrupada lógicamente por tema.
- Información de contacto, enlaces a redes sociales, y documentos legales son elementos estándar que generalmente deben incluirse en el footer de cualquier sitio profesional.
- El contraste y la legibilidad en el footer son tan importantes como en el resto del sitio, así que verifica que los estilos personalizados no comprometen la usabilidad.