it-swarm.com.de

CSS wird im Browser nicht aktualisiert, wenn ich es ändere

Ich arbeite am CSS meiner WordPress-Site. Wenn ich Änderungen vornehme und die Seite aktualisiere, werden die Änderungen nicht übernommen. Wenn ich den Browserverlauf und den Cache lösche, werden die Änderungen weiterhin angezeigt. Wenn ich den Quellcode der Seite betrachte und die CSS-Datei betrachte, hat sie den alten Inhalt vor der Änderung. Wie kann ich das aktualisieren, damit ich es entwickeln kann?

11
David Tunnell

Fügen Sie am Ende der angehängten CSS-Datei eine zufällige Versionsnummer hinzu. Wenn Sie ' wp_enqueue_style ' oder wp_register_style Funktionen verwenden, übergeben Sie eine zufällige (Versions-) Nummer Rand(111,9999) an den 4. Parameter. Wenn Sie CSS als HTML-Tag anhängen, sollten Sie am Ende des Dateinamens "?ver=<?php echo Rand(111,999)?>" hinzufügen. Beispiele sind hier

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

oder

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

Es wird das Cachen am Clientende und möglicherweise auch das Server-Cachen vermieden.

10
M-R

Ich weiß, dass dieser Beitrag über ein Jahr alt ist, aber ich dachte, ich würde erwähnen, dass CloudFlare statische Dateien wie CSS, JS und Bilder zwischenspeichert, um die Ladezeiten zu verkürzen. Ich habe nur Stunden gebraucht, um das herauszufinden, da ich Probleme mit meinen CSS-Änderungen hatte, die sich nicht auf das Neuladen bezogen. CloudFlare verfügt über einen Entwicklungsmodus, den Sie für 3 Stunden aktivieren können. Wenn Sie die Aktivierung vergessen haben, bevor Sie Änderungen vornehmen, können Sie den Cache aus der Cloudflare-Verwaltung löschen.

5
Shanan

Es ist möglich, dass Ihr Host so etwas wie Lack verwendet, um die Ausgabe Ihrer Site zwischenzuspeichern. Ich bin darauf gestoßen, als die Site eines Kunden auf einem preisgünstigen Shared-Hosting-Konto gehostet wurde. Das einzige Mittel, das ich gefunden habe, war, nur Geduld zu haben.

0
Jeff Purcell

Wenn Sie ein untergeordnetes Thema verwenden, müssen Sie möglicherweise das Stylesheet für das untergeordnete Thema in eine Warteschlange einreihen, damit die Änderungen sofort angezeigt werden. Dies löste mein Problem.

0
Ramón Puig

Ich möchte nur darauf hinweisen - achten Sie auf alle Caching-Plugins , die Sie installiert haben. WP Schnellster Cache kann beispielsweise zu diesem Problem führen, wenn Sie sich nicht mehr am WP Dashboard anmelden und auf "Cache löschen -> Cache löschen" klicken und Minified CSS/JS "im Navigationsmenü.

0
HappyHands31