Welche Frontend-Ausgabekanäle gibt es?

Das Layout und Design von jedem Kanal wird unter Administration > Layout > Einstellungen gesteuert. Dabei kann für jede Ansicht ein individuelles Theme hinterlegt werden. Mit Ausnahme des PDF-Kanals (bei welcher ein PDF-Dokument ausgegeben wird), erfolgt die Ausgabe bei jedem Kanal in Form von HTML-Code.

Verwendung von Kanälen

Das Frontend einer Website verfügt über verschiedene Kanäle. Diese sind nachfolgend erläutert:

Kanal	Beschreibung	Initiierung via URL

Kanal	Beschreibung	Initiierung via URL
Standard	Dies ist der Standard-Kanal (Desktop).	`smallscreen=0`
Mobile	Dieser Kanal wird für die Beantwortung der Anfragen von mobilen Endgeräten genutzt.	`smallscreen=1`
Druck	Über diesen Kanal wird die Druckausgabe der Website erzeugt.	`printview=1`
PDF	Mit diesem Kanal wird eine Anfrage in Form eines PDF-Dokuments beantwortet. Siehe dazu dynamische PDF-Dokumente.
App	Für die Integration der Website in andere Anwendungen kann der App-Kanal genutzt werden.

Verwendung in iFrames

Mit der Realisation eines "blank" Themes, welches lediglich den Inhalt und Content ausgibt (ohne Header, Footer, Navigation, etc.), eignet sich eine Seite mit dem App-Kanal für die Verwendung in iFrames oder modalen Fenstern.

Initiierung

Die Initiierung der meisten Kanäle erfolgt manuell über das jeweilige URL-Argument gemäss obiger Liste. Der Druck-Kanal einer Website wird z.B. über das URL-Argument printview=1 initiiert. Beispiel:

Erfolgt keine manuelle Initiierung eines Kanals (durch Übermittlung des entsprechenden URL-Arguments), so wird für die Beantwortung einer Anfrage der Standard verwendet. Falls die Anfrage von einem mobilen Endgerät stammt, so wird für die Beantwortung der Anfrage Mobile verwendet. Dies erlaubt die Auslieferung von zwei komplett unabhängigen Layouts auf normalen Desktop-Geräten (Standard) und mobilen Endgeräten (Mobil). Die Identifikation, ob es sich um ein mobiles Endgerät handelt, erfolgt über den User-Agent des Endgerätes.

Empfohlene Vorgehensweise

Häufig soll die Ansicht für mobile Endgeräte dem gleichen Design (CI/CD) wie der Ansicht für Desktop Endgeräte entsprechen, jedoch einfach für die Anzeige auf mobilen Endgeräten optimiert sein. In diesem Fall wird empfohlen für beide Kanäle Standard und Mobile das gleiche Theme einzusetzen, welches mittels Media Queries responsiveness implementiert und sich damit automatisch an die jeweilige Displaygrösse des Endgerätes anpasst. Ein prägnanter Einstieg ins Thema Media Queries bietet der Artikel Responsive web design basics auf web.dev. Umfassendere Informationen sind beim Mozilla Developer Network zu finden.