CSS non si aggiorna nel browser quando lo cambio

Sto lavorando al CSS del mio sito wordpress. Quando apporto modifiche e aggiorno la pagina, le modifiche non si riflettono. Quando svuoto la cronologia del browser e memorizzo nella cache le modifiche vengono ancora riflesse. Quando visualizzo il codice sorgente della pagina e guardo il file CSS ha il vecchio contenuto prima della modifica. Come posso ottenere questo aggiornamento per poterlo sviluppare?

Aggiungi un numero di versione casuale alla fine del file CSS che stai allegando. Se si utilizzano le funzioni ' wp_enqueue_style ' o wp_register_style , passare un numero casuale (versione) rand(111,9999)al 4 ° parametro. Se si allega CSS come tag HTML, è necessario aggiungere " ?ver=<?php echo rand(111,999)?>" alla fine del nome del file. Gli esempi sono qui

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)?>">

Eviterà la memorizzazione nella cache della cache del client e possibilmente anche la memorizzazione nella cache del server.

So che questo post ha più di un anno ma ho pensato di menzionare che CloudFlare memorizza nella cache file statici come css, js e immagini per aiutare a velocizzare i tempi di caricamento. Qualcosa che ho appena impiegato ore per capire, dato che stavo avendo problemi con le mie modifiche css non riflettendo sulla ricarica. CloudFlare ha una modalità di sviluppo che puoi abilitare per 3 ore. Se si dimentica di abilitarlo prima di iniziare a apportare modifiche, è possibile eliminare la cache dalla gestione di cloudflare.

È possibile che il tuo host stia usando qualcosa come Varnish per memorizzare nella cache l'output del tuo sito. Mi sono imbattuto in questo con un sito client ospitato su un account di hosting condiviso condiviso. L'unico rimedio che ho trovato è stato quello di essere solo paziente.

Se si utilizza un tema figlio, è possibile che sia necessario accodare il foglio di stile del tema figlio per vedere immediatamente le modifiche. Questo ha risolto il mio problema.

Voglio solo sottolineare - assicurati di essere consapevole di tutti i plugin di cache che hai installato. WP Fastest Cache , ad esempio, può creare questo problema se non ricordi di accedere alla dashboard di WP e fai clic su "Svuota cache -> Elimina cache e CSS / JS minimizzato" nel menu di navigazione.

Questo forse vecchio. Ma devo sostenere qualcuno che potrebbe cercare un aiuto. Ho avuto lo stesso problema e ho controllato i miei plugin. C'era il plugin "w3 total cache" che velocizza il caricamento. Questo è il plug-in cache lato server, quindi l'ho disabilitato. Le modifiche ai CSS sono nuovamente visibili in tempo reale. Esistono molti plug-in di caricamento del booster. Quindi controlla l'elenco dei plug-in e disabilitali fino al termine dello sviluppo.