Contao Template Studio - CSS Dateien richtig im Page Layout einbinden

  • Im Template Studio das Template page/layout wählen.
  • Template erstellen oder Variante erstellen

Im Block head das CSS verlinken. Hier im Beispiel liegt die Datei unter 'Dateien -> layout -> css'.

{% block head %}
    {{ parent() }}
    <link rel="stylesheet" href="/files/layout/css/style.css">
{% endblock %}

Oder wie folgt einbinden. Damit wird an die CSS-Datei ein Hashwert angefügt, so dass der Browser bei Änderungen am CSS auch weiß, dass er das CSS neu laden muss.

ACHTUNG: wird das CSS mit einem externen Editor bearbeitet und dann hochgeladen, muss erst die Dateisynchronisation im Backend angeworfen werden, damit der Hash sich ändert.

{% block head %}
    {{ parent() }}
    <link href="{{ asset('layout/css/style.css', 'contao_vfs.files') }}" rel="stylesheet">
{% endblock %}

Zurück

Kommentare

Einen Kommentar schreiben

Bitte addieren Sie 1 und 7.