CSS n'est pas mis à jour dans le navigateur lorsque je le modifie

9

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?

    
posée David Tunnell 23.07.2013 - 15:08

4 réponses

9

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 , transmettez un nombre 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.

    
réponse donnée M-R 23.07.2013 - 18:11
5

Je sais que ce message date de plus d'un an, mais j'ai pensé mentionner que CloudFlare met 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 CSS qui ne reflétaient 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 de cloudflare.

    
réponse donnée Shanan 20.09.2014 - 14:48
0

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 simplement d'être patient.

    
réponse donnée Jeff Purcell 23.07.2013 - 17:49
0

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

    
réponse donnée Ramón Puig 09.11.2018 - 12:35

Lire d'autres questions sur les étiquettes