Descubre en este tutorial cómo mostrar el pie de página o footer siempre al final de la página usando un simple snippet de código.
Por defecto, la mayoría de child themes de Genesis (y de WordPress en general) muestran el footer justo donde termina el contenido.
Eso significa que si en una página hay poco contenido, como ocurre por ejemplo en la de contacto cuando solo tiene un formulario, el footer queda a mitad de la página dejando bajo él mucho espacio en blanco.
Así:
Si este efecto no te gusta y prefieres que el pie de página se mantenga siempre pegado abajo, puedes conseguirlo con un poco de CSS.
Snippet para que el footer aparezca en la parte inferior de la página
Añade el siguiente fragmento al final del fichero style.css:
Para ver este código y los otros 2011 snippets de esta web,
identifícate o suscríbete aquí.
Con el bloque anterior, aprovechas las características del CSS flexbox para que footer siempre se mantenga en la parte de abajo de la página.
El resultado sería el siguiente:
Sencillo ¿verdad?
Este snippet está pensado para Genesis Sample (2.8), pero funcionará con la mayoría de child themes de Genesis.
Si ves que en tu tema el texto queda muy pegado al borde en dispositivos móviles, puedes eliminar la línea de:
width: 100%;
del site-inner.
Conclusión
Si no te gusta que el footer quede «desenganchado» del pie de página, ahora ya sabes cómo forzar que se quede pegado al final mediante CSS.
¿Quieres hacerme alguna pregunta o darme una sugerencia para próximos tutoriales? Pues adelante, cuéntamela en los comentarios (opción exclusiva para suscriptores).