Estoy trabajando en el CSS de mi sitio de wordpress. Cuando hago cambios y actualizo la página, los cambios no se reflejan. Cuando borro el historial del navegador y la memoria caché, los cambios aún se reflejan. Cuando veo el código fuente de la página y miro el archivo css, tiene el contenido anterior antes del cambio. ¿Cómo consigo que esto se actualice para poder desarrollarlo?
Agregue un número de versión aleatorio al final del archivo css que está adjuntando. Si está utilizando ' wp_enqueue_style ' o wp_register_style , pasan un número aleatorio (versión) rand(111,9999) a 4to parámetro. Si está adjuntando css como una etiqueta html, debe agregar " ?ver=<?php echo rand(111,999)?> " al final del nombre del archivo. Los ejemplos están aquí
wp_register_style( 'custom-style', get_template_directory_uri() . '/css/custom-style.css', array(), rand(111,9999), 'all' );
o
<link rel="stylesheet" type="text/css" href="http://website.com/css/custom-style.css?ver=<?php echo rand(111,999)?>">
Evitará el almacenamiento en caché en el caché final del cliente y posiblemente también el almacenamiento en caché del servidor.
Sé que esta publicación tiene más de un año, pero pensé en mencionar que CloudFlare almacena en caché archivos estáticos como css, js e imágenes para ayudar a acelerar los tiempos de carga. Algo que tomé horas para averiguar, ya que estaba teniendo problemas con mis cambios de CSS que no se reflejaban en la recarga. CloudFlare tiene un modo de desarrollo que puede habilitar durante 3 horas. Si olvida habilitarlo antes de comenzar a hacer modificaciones, puede purgar el caché de la administración de cloudflare.
Es posible que su host use algo como Varnish para almacenar en caché la salida de su sitio. Me encontré con esto con el sitio de un cliente alojado en una cuenta de alojamiento compartido de tasa reducida. El único remedio que encontré fue ser paciente.
Si está utilizando un tema secundario, es posible que necesite poner en cola la hoja de estilos del tema secundario para ver los cambios de inmediato. Esto resolvió mi problema.
Lea otras preguntas en las etiquetas theme-development css