Script und Style Platzhalter

Viele Plugins möchten eigenes JavaScript oder CSS in ein Theme einfügen. Dafür müssen die beiden Platzhalter {% styles %} (CSS) und {% scripts %} an einer passenden Stelle im Theme platziert werden.Wir empfehlen folgende Platzierungen:

Styles

Die Styles sollten immer im <head> des Dokuments stehen. Der {% styles %} Platzhalter kann also idealerweise im head.htm Partial platziert werden, das auf allen Layouts eingebunden wird.

<meta charset="UTF-8">
<meta name="author" content="EURE NAMEN">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>{{ this.page.title }}</title>

{# ergänzen im head.htm Partial #}
{% styles %}

Scripts

Die Scripts sollten für eine gute Seitenperformance so spät wie möglich geladen werden. Idealerweise werden diese direkt vor dem schliessenden </body> Tag auf jedem Layout oder einem footer.htm Partial eingefügt.

{# in euren Layouts oder einem footer.htm Partial #}
{% scripts %}
</body>
</html>

October Framework

Einige Plugins benötigen zudem das October CMS JavaScript Framework. Um diesses einzubinden, kann der {% framework %}-Platzhalter im head.htm Partial ergänzt werden:

<meta charset="UTF-8">
<meta name="author" content="EURE NAMEN">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>{{ this.page.title }}</title>
{% styles %}

{# ergänzen im head.htm Partial #}
{% framework extras %}

Last updated 1 year ago