web-dev-qa-db-fra.com

CSS ne met pas à jour dans le navigateur lorsque je le change

Je travaille sur le CSS de mon site wordpress. Lorsque je modifie et actualise la page, les modifications ne sont pas reflétées. Lorsque j'efface l'historique du navigateur et cache, les modifications sont toujours répercutées. Lorsque je visualise le code source de la page et que je regarde le fichier css, il contient l'ancien contenu avant la modification. Comment puis-je mettre cela à jour afin que je puisse développer?

theme-developmentcss
11
David Tunnell

Ajoutez un numéro de version aléatoire à la fin du fichier css que vous attachez. Si vous utilisez ' wp_enqueue_style ' ou wp_register_style functions, transmettez un numéro aléatoire (version) Rand(111,9999) au 4ème paramètre. Si vous attachez css en tant que balise html, vous devez ajouter "?ver=<?php echo Rand(111,999)?>" à la fin du nom du fichier. Les exemples sont ici

wp_register_style( 'custom-style', get_template_directory_uri() . '/css/custom-style.css', array(), Rand(111,9999), 'all' );

ou

<link rel="stylesheet" type="text/css" href="http://website.com/css/custom-style.css?ver=<?php echo Rand(111,999)?>">

Cela évitera la mise en cache sur la fin du client et éventuellement sur le serveur.

10
M-R

Je sais que ce message date de plus d'un an, mais je pensais mentionner que CloudFlare mettait en cache des fichiers statiques tels que css, js et images pour accélérer les temps de chargement. Quelque chose que j'ai juste pris des heures à comprendre, car j'avais des problèmes avec mes modifications de CSS ne reflétant pas le rechargement. CloudFlare a un mode de développement que vous pouvez activer pendant 3 heures. Si vous oubliez de l'activer avant de commencer à apporter des modifications, vous pouvez purger le cache de la gestion cloudflare.

5
Shanan

Il est possible que votre hôte utilise quelque chose comme Varnish pour mettre en cache la sortie de votre site. Je me suis heurté à cela avec le site d'un client hébergé sur un compte d'hébergement partagé à tarif réduit. Le seul remède que j'ai trouvé était juste d'être patient.

0
Jeff Purcell

Si vous utilisez un thème enfant, il est possible que vous deviez mettre en file d'attente la feuille de style afin de voir immédiatement les modifications. Cela a résolu mon problème.

0
Ramón Puig

Je veux juste signaler - assurez-vous d’être attentif aux plugins de mise en cache que vous avez installés. WP Cache le plus rapide , par exemple, peut créer ce problème si vous ne vous souvenez pas de vous connecter au tableau de bord WP et cliquez sur "Effacer le cache -> Supprimer le cache and Minified CSS/JS "dans le menu de navigation.

0
HappyHands31