Descubre en este tutorial cómo mantener actualizada en todo momento la hoja de estilos (CSS) en cualquier child theme de Genesis Framework mediante código.
¿Alguna vez te has vuelto loco porque los cambios de CSS que haces en la hoja de estilos no se reflejan en la web?
O peor aún, tú si los ves pero tu cliente no… Arggg!
Si desarrollas temas o al menos te gusta ‘toquetearlos’, seguro que sí. ¿Me equivoco? 🙂
La mayoría de las veces, la «culpa» es de la caché, que haciendo honor a su nombre «cachea» o recuerda una versión anterior del fichero style.css para no tener que cargar la página constantemente.
De cara a optimizar la velocidad de carga está muy bien, pero no tanto si estás en pleno proceso de creación y modificación de estilos.
¿Cómo solucionar el problema? Podrías:
- Limpiar la caché del navegador cada vez que realices un cambio de CSS.
- Sustituir la versión de la hoja de estilos con cada variación.
- O la opción más sencilla, ordenarle mediante código que lo haga de forma automática.
Reconozco que mi favorita es la tercera y que me viene de perlas. Estoy seguro de que a ti también te puede ahorrar muchos cabreos. 😉
Snippet para mantener siempre actualizada la versión del style.css en un child theme de Genesis
Añade el siguiente fragmento al final del fichero functions.php:
Para ver este código y los otros 1957 snippets de esta web,
identifícate o suscríbete aquí.
Así de sencillo, ¿ves?
Ya no te verás obligado a limpiar la caché de navegador continuamente.
Conclusión
Con un simple snippet puedes conseguir que tu child theme de Genesis siempre cargue la última versión del style.css.
Es un truco tan simple como práctico para diseñadores y desarrolladores WordPress. Sobre todo cuando estás en pleno proceso de creación o maquetación de una web. ¡Qué te voy a contar!
Y además mejora la experiencia del cliente, ya que no está obligado a limpiar la caché de su navegador para valorar los cambios. Ya puedes decir adiós a los malos entendidos… 😉
Eso sí, recuerda eliminar el snippet cuando hayas terminado con las modificaciones para que la velocidad web se beneficie de la caché.
¿Tienes alguna pregunta o quieres darme una sugerencia para próximos tutoriales de Genesis Framework? Déjala en los comentarios.
Ventajas de ser suscriptor. 😉