Skip to main content

Themen-Assets

Alle Dateien im Ordner assets/ des Themes werden zusammen mit der Website veröffentlicht: Stylesheets, Skripte, Bilder und Schriftarten. Um auf eine Datei zu verweisen, verwenden Sie die Funktion asset() mit dem Pfad der Datei innerhalb von assets/:

<link rel="stylesheet" href="{{ asset('css/main.css') }}">
<script src="{{ asset('js/theme.js') }}" defer></script>
<img src="{{ asset('img/logo.svg') }}" alt="">

Verwenden Sie immer asset(), anstatt den Pfad selbst einzugeben. Die Seiten werden in einem Ordner pro Sprache veröffentlicht, und asset() liefert den Pfad, der von jeder Seite aus funktioniert. Ein Pfad, der .. enthält, wird abgelehnt.

Verlinken Sie in einem Stylesheet wie gewohnt auf andere Ressourcen mit Pfaden, die relativ zum Stylesheet sind:

@font-face {
    font-family: "Inter";
    src: url("../fonts/inter.woff2") format("woff2");
}

Schriftarten müssen im WOFF2-Format vorliegen. Bilder können im SVG-, PNG-, JPG-, WebP- oder ICO-Format vorliegen.

Das Stylesheet für Ihre Inhalte selbst, das die Tabellen, Mahnungen, Code-Blöcke und andere Elemente in page.content formatiert, stammt von Paligo und wird über paligo.head hinzugefügt. Die Stylesheets Ihres Themes werden zusätzlich dazu geladen, sodass Sie alle darin enthaltenen Stile ändern können.

Informationen zu den Klassennamen in Ihren Inhalten, wie z. B. Mahnungen, Tabellen und Code-Blöcke, finden Sie unter Startpunkt: Paligo Base.