CSS-Caching verhindern

WordPress

<link rel="stylesheet" href="<?php bloginfo('stylesheet_url'); echo '?' . filemtime( get_stylesheet_directory() . '/style.css'); ?>" type="text/css" media="screen" />

bbPress

<link rel="stylesheet" href="<?php bb_stylesheet_uri(); echo '?' . filemtime( bb_get_active_theme_directory() . '/style.css'); ?>" type="text/css" media="screen" />

Fügt ein Stylesheet mit dem Zeitpunkt der letzten Aktualisierung hinzu. Wenn sich die Zahl ändert, aktualisiert der Browser das CSS, anstatt die gecachte Version zu verwenden. Lässt sich leicht anpassen, um nicht nur WP-spezifisch zu sein.

Kommentare

Agustín Amenabar L. (@baamenabar)

# 27. Oktober 2011

In WordPress,

filemtime(get_bloginfo( 'stylesheet_url' ));

Schlägt fehl, anscheinend weil get_bloginfo('sylesheet_url') einen absoluten Pfad zurückgibt und dies die filemtime()-Funktion verärgert.

Antworten

Bernice

# 6. Dezember 2011

Ich versuche, eine Website auf einen anderen Server zu verschieben, habe alle Dateien heruntergeladen, die neue Firma hat sie für mich hochgeladen, aber ich habe alle meine CSS-Formatierungen für mein Theme (striking) verloren. Kann nicht herausfinden, wo der ursprüngliche Entwickler der Website die Änderungen an den Header-Größen, Linkfarben usw. vorgenommen hat. Könnten Sie mir vielleicht helfen. Bitte

Antworten

@lunaroja

# 24. Dezember 2011

Und für dein JS…


<script type="text/javascript" src="<?php echo get_bloginfo('template_directory') . '/js/script.js?' . filemtime( get_stylesheet_directory() . '/js/script.js');?>"></script>

Antworten

Christian Sciberras

# 16. Januar 2012

Agustin….im Gegenteil…es schlägt fehl, weil es einen Pfad relativ zum Dokumentenstammverzeichnis zurückgibt…

Antworten

Martin Klasson

# 14. März 2012

Ich erhalte eine „Stat“-PHP-Fehlermeldung für das oben genannte Beispiel.
Die Lösung, die ich herausgefunden habe und die für mich funktionierte, war diese

Ich habe dirname(_FILE_) verwendet, um den Pfad zum Verzeichnis zu erhalten. Nicht die URL, sondern den PFAD auf dem Computer.

Der obige Code wird für meine benutzerdefinierte CSS-Klasse verwendet. (Ich verwende nicht das Standard-CSS), kann aber natürlich leicht angepasst werden, um auch mit der stylesheet_url zu funktionieren.

Antworten

Murdoc

# 4. April 2012

Vielen Dank, Sir! Das ist genau das, was ich gesucht habe!

Antworten

Iseqqavoq

# 13. Dezember 2012

Es gibt ein Plugin im WordPress Plugin Repository, das dies automatisch erledigt. Korrigiert Versionsnummern für Stylesheets und Skripte. WordPress-Plugin Versions. Funktioniert wirklich gut.

Antworten

scott

Permalink zum Kommentar# 8. Mai 2013

Das einzige Problem ist, dass es Ihre Website komplett leer rendert. Deinstalliert. Danke für die Panik.

Mark

# 14. Juni 2013

Das ist eine exakte Kopie von Marks Seite, ohne jeglichen Verweis. Sie haben nur das Thema geändert und die bbpress-Sachen hinzugefügt…. der Rest ist gleich
http://markjaquith.wordpress.com/2009/05/04/force-css-changes-to-go-live-immediately/

Antworten

mirkolofio

# 25. Dezember 2013

Ich habe ein Plugin veröffentlicht, das einfach funktioniert und die Dinge erledigt. Es ist das Style.css Load Last Version Plugin für WordPress.

Viele Grüße,

Antworten

Dilyana

Permalink zum Kommentar# 24. Januar 2017

Im Jahr 2017 hat Ihr Plugin mir den Hintern gerettet! Danke!

John

# 13. Februar 2014

Hallo Leute!

Für diejenigen, die WooThemes Canvas, Child Theme verwenden und automatisch eine Version zur custom.css-Datei hinzufügen möchten, hier ist der Code (fügen Sie ihn in Ihre functions.php ein)

In Pastie.org anzeigen

Vielen Dank an Tiago Noronha vom WooThemes Support Team.

Viele Grüße,

Antworten

Kenny

# 6. Mai 2014

Ich weiß, das ist alt, aber für WordPress, in Ihrer functions.php-Datei, warum nicht einfach NULL an den Versionsparameter von wp_enqueue_style übergeben?… Es tut dasselbe, ohne den Link hart in den Header kodieren zu müssen, wenn keine Abhängigkeiten vorhanden sind, verwenden Sie ebenfalls null…

wp_enqueue_style('your-theme', get_template_directory_uri() . '/style.css', NULL, NULL, 'screen');

Antworten

Kenny

Permalink zum Kommentar# 6. Mai 2014

natürlich ist das so, wenn Sie in der Entwicklungsphase verhindern möchten… wenn Sie live gehen, entfernen Sie die Nullwerte und die Versionsnummer wird wieder angezeigt…
Daniel

Permalink zum Kommentar# 22. Oktober 2014
Bei mir hat es nicht funktioniert. Und ich sehe nicht, warum es das tun sollte. Wenn Sie NULL an den Versionsparameter übergeben, ändert sich die Version nie und Sie zwingen Ihren Browser daher nicht, sie neu zu laden.

Bitte korrigieren Sie mich, wenn ich falsch liege. Ich würde gerne besser verstehen, wie das funktioniert.

Was auch immer, was ich in WordPress verwendet habe, war dieser Code
```
add_action( 'wp_enqueue_scripts', 'enqueue_child_theme_styles', PHP_INT_MAX);
function enqueue_child_theme_styles() {
    wp_enqueue_style( 'parent-style', get_template_directory_uri().'/style.css' );
    wp_enqueue_style( 'child-style', get_stylesheet_uri(), NULL, filemtime( get_stylesheet_directory() . '/style.css' ) );
}
```
Ich bevorzuge dies gegenüber dem ursprünglichen Code-Snippet von css-tricks, da es der beste Weg ist, ein Childtheme-Stylesheet in WordPress einzubinden, kombiniert mit filemtime(), um Browser dazu zu zwingen, neue Versionen der CSS-Dateien zu laden. Ich habe filemtime() nicht für das Eltern-Stylesheet verwendet, da ich es nie berühre und filemtime() daher nur Ressourcen verschwendet.

Beste Grüße

Brian Holzberger

# 14. Mai 2018

Hier ist ein Plugin https://wordpress.org/plugins/wp-css-version-history/, das automatisch eine Versionsnummer im Stylesheet anhängt. Es erstellt ein neues Stylesheet, das zuletzt geladen wird. Kein Cache-Löschen erforderlich, um Änderungen zu sehen. Nutzt den integrierten CSS-Editor von WordPress und Benutzer-Dateisperren für die Teamkollaboration.

Antworten

WordPress

bbPress

Kommentare

Hinterlassen Sie eine Antwort Antwort abbrechen