Rensa din webbläsares cache och cookies

Din webbläsare lagrar kopior av en hemsidas filer (dess cache) och små bitar av inloggnings- och sessionsdata (cookies). Detta snabbar upp återkommande besök, men det betyder också att du kan fortsätta se en gammal version av en sida, eller stöta på inaktuella inloggningsproblem, efter att något redan har ändrats på hemsidan. Att rensa dem tvingar webbläsaren att hämta en ny kopia.

Tvinga fram omladdning av en enskild sida

Den snabbaste lösningen är en tvingad omladdning, som laddar om den aktuella sidan samtidigt som de cachade filerna ignoreras:

  • Windows / Linux: Ctrl + Shift + R
  • Mac: Cmd + Shift + R

Om det inte hjälper, rensa cachen och cookies helt.

Rensa cachen och cookies

De exakta stegen skiljer sig något mellan webbläsare, men platsen är liknande i alla:

  • Chrome / Edge: Inställningar → Sekretess och säkerhet → Rensa webbläsardata. Ställ in tidsintervallet till Tidernas begynnelse, markera Cachade bilder och filer och Cookies och andra webbplatsdata, rensa sedan.
  • Firefox: Inställningar → Sekretess & Säkerhet → Kakor och webbplatsdata → Rensa data, markera båda alternativen, rensa sedan.
  • Safari: Safari → Inställningar → Sekretess → Hantera webbplatsdata → Ta bort alla, eller använd Safari → Rensa historik och välj all historik.

Efter rensning, ladda om hemsidan.

När ändringar i CSS eller JavaScript fortfarande inte visas

Om du redigerar ett temas CSS eller JavaScript och ändringen inte visas även efter att du rensat din egen webbläsares cache, kommer dina besökare att ha samma problem - deras webbläsare håller fortfarande kvar den gamla filen. Den korrekta lösningen är cache busting: att tala om för webbläsare att en ny version av filen är tillgänglig genom att ändra dess versionsidentifierare.

WordPress stöder detta genom versionsparametern när man köar stilar och skript. Du kan höja ett temas version manuellt i dess style.css, eller ställa in versionen till filens senast ändrade tid så att den uppdateras automatiskt när du redigerar filen:

function templ_cache_busting_enqueue_styles() {
    $cssFileTime = date( "YmdHi", filemtime( get_stylesheet_directory() . '/my-css-file.css' ) );
    wp_enqueue_style( 'my-css-file', get_stylesheet_directory_uri() . '/my-css-file.css', array(), $cssFileTime );
}
add_action( 'wp_enqueue_scripts', 'templ_cache_busting_enqueue_styles' );

Lägg till detta i ditt temas functions.php, och placera din anpassade CSS i my-css-file.css (eller ändra filnamnet i kodavsnittet så att det matchar ditt eget). Varje gång du redigerar filen ändras versionsidentifieraren och webbläsare laddar ner den nya versionen.