it-swarm.com.de

Meine Joomla-Vorlage lädt mein benutzerdefiniertes CSS mit JS. Gibt es eine Möglichkeit, das eindeutige Versions-Tag zu meinem benutzerdefinierten CSS hinzuzufügen? d.h. custom.css? 20180101

Normalerweise füge ich einfach mein eindeutiges Tag zum CSS-Pfad im Abschnitt meines HTML-Codes hinzu, aber meine Vorlage fügt mein benutzerdefiniertes CSS über Javascript hinzu:

if (is_file(T3_TEMPLATE_PATH . '/css/custom.css')) {
$this->addStyleSheet(T3_TEMPLATE_URL . '/css/custom.css');
}

Ich habe versucht, das oben genannte eindeutige Tag hinzuzufügen, aber es funktioniert nicht:

if (is_file(T3_TEMPLATE_PATH . '/css/custom.css')) {
$this->addStyleSheet(T3_TEMPLATE_URL . '/css/custom.css?20180101');
}

Ich habe meine Webseite überprüft und mein eindeutiges Tag entfernt:

<link rel="stylesheet" type="text/css" href=".../css/custom.css">
2
jacketmargiela

Das Hinzufügen einer Versionsabfragezeichenfolge zu einem Stylesheet ist sehr einfach.

// You don't need to grab the document yourself, but I include it here for completeness.
$document = JFactory::getDocument();
$document->addStyleSheet('/templates/mytemplate/css/test.css',['version' => '123ABC']);

Sie können den Versionswert auch als 'auto' angeben, aber da der verwendete Wert nicht automatisch aktualisiert wird, wenn die CSS-Datei aktualisiert wird, ist er meiner Meinung nach etwas nutzlos, um benutzerdefinierte Stylesheets hinzuzufügen. Wenn Sie das CSS-Blatt häufig ändern, ist es üblich, den Zeitstempel für die Dateizeit der CSS-Datei als Versionszeichenfolge zu verwenden.

Beachten Sie auch, dass Ihre Frage kein Javascript enthält. Die Vorlage fügt das CSS über PHP hinzu, sodass Sie Ihre Frage möglicherweise leicht bereinigen möchten.

2
jamesgarrett

Ein anderer automatisierter Ansatz wäre das Anhängen des aktuellen Datums (Jahr/Monat/Tag), was dazu führen würde, dass Ihre Version täglich aktualisiert wird, wie folgt:

$today = JFactory::getDate()->format('Ymd');
JHtml::_('stylesheet', 'custom.css', array('version' => $today, 'relative' => true));
1
Lodder