Rahmentemplates spezifizieren den Grundaufbau sowie die Darstellung der Portalseite.
Sie geben die Position, Größe und Darstellung der Navigationsleisten, des Seitenkopfs, der Anzeigenplätze und des Inhaltsbereichs an.
Der Aufbau eines Rahmentemplates erfolgt durch Anordnung und Bearbeitung der gewünschten Layout-Komponenten im Editor. Neue Komponenten werden per Drag & Drop aus dem Vorrat rechts auf den Editor eingefügt.
In PS.Content #Portal kann jeder Ressource ein eigenes Rahmentemplate zugeordnet werden. In den Stammdaten>Portaleinstellungen wird außerdem ein "Default" Rahmentemplate (initial "Standard") definiert, welches bei Seiten und Inhalten ohne Ressource verwendet wird (zB. Artikeldetails, Testseiten usw.).
Farbwerte
Im Rahmentemplate können Farbwerte für einzelne Bereiche der Webseite geändert werden. Die Farbwerte werden auf alle Ressourcen angewendet / vererbt, die das gleiche Rahmentemplate verwenden.
Um Farbwerte zu übersteuern, werden diese über das " + " Icon hinzugefügt, und mit einem Wert (Code, Name, hsl) versehen.
Abstände und Größen
In diesem Bereich können Abstände oder zB. die Abrundung der Vorschau-Bild-Ecken eingestellt werden.
Schrift Eigenschaften
Hier können Sie die Schriftart angeben, die auf der gesamten Seiten (inkl. Unterseiten und Inhaltsblöcke) verwendet werden soll. Siehe: Schriftarten im #Portal
Komponenten
Das Rahmentemplate kann aus verschiedenen Bausteinen ("Komponenten") Aufgebaut werden. Jede Komponente bringt ihre eigenen Parameter/Attribute mit, die Sie selbstständig anpassen können.
Komponenten werden per Drag und Drop aus dem Vorrat (rechts, in der Smartbar) in den Arbeitsbereich (mitte) gezogen. Sie können ebenfalls per Drag & Drop umsortiert werden.
Darstellung in Abhängigkeit von der Bildschirmgröße
Je Komponente kann definiert werden, in welchen Fällen (Bildschirmgrößen) sie zu sehen sein soll. Die Angabe der Bildschirmgrößen erfolgt dabei in T-Shirt-Größen von XS bis XL.
| Kürzel | Gerätetyp / Bildschirm | Anmerkung |
|---|---|---|
| XS+S | Handy/Mobiltelefon | XS < 576px |
| M+L | Tablet | M >= 768px L >= 992px |
| XL | Tablet / Desktop | XL >= 1200px |
Verfügbare Komponenten
Es folgt eine Auflistung der vorhandenen Komponenten nebst verfügbaren Parametern.
Komponente: Abstand
Definiert einen Abstand zu einer anderen Komponente. Abstände addieren sich nicht.
| Parameter | Standardwert | Bedeutung |
|---|---|---|
| Höhe (Bootstrap) | 3 | Gibt den gewünschten Abstand in Bootstrap-Einheiten an. 1=Klein, 5=Groß Was eine "Bootstrap-Einheit" ist, legt das responsive Grundlayout fest. |
Komponente: Trennlinie
Zieht eine Trennline zwischen zwei Komponenten.
| Parameter | Standardwert | Bedeutung |
|---|---|---|
| Linienstärke (px) | 1 | Gibt die Stärke der Linie in Pixeln an. |
| Farbe | black | Gibt die Farbe der Linie an. Siehe Farbwerte. |
| Ausdehnen | false | Gibt an, ob die Linie bis zum Rand des Templates gehen soll, oder nur bis zur Breite des Content |
Die Grüne Linie ist ausgedehnt (=Template-Breite), die Rote nicht (=Content-Breite)
Komponente: Navigation
Die Navigationskomponente spielt eine Navigationsstruktur in verschiedenen Formaten aus.
| Parameter | Standardwert | Bedeutung | Darstellungsformen |
|---|---|---|---|
| Navigationsstruktur | Die darzustellende Navigationsstruktur | ||
| Darstellung | Das zu verwendende Design für die Darstellung. | ||
| Weitere Parameter sind abhängig von der gewählten Darstellung. | |||
| Schriftfarbe | black | Gibt die Farbe des Textes an. Siehe Farbwerte. | Footer |
| Hintergrundfarbe | white | Gibt die Farbe des Hintergrunds an. Siehe Farbwerte. | Footer |
| Maus-Over | Gibt die Farbe des Textes an, wenn sich die Maus darüber befindet. Siehe Farbwerte. | Footer | |
| Elemente rechts | 1 | Gibt die Anzahl der Elemente an, die rechtsbündig stehen sollen. | Servicenavigation (ausgetrieben), Hauptnavigation (ausgetrieben) |
Komponente: Inhalt
Spielt den eigentlichen Seiteninhalt aus. Siehe Seitentemplates.
| Parameter | Standardwert | Bedeutung |
|---|---|---|
| Derzeit keine verfügbar |
Komponente: Seitenkopf
Spielt einen Seitenkopf aus.
| Parameter | Standardwert | Bedeutung | Darstellungsformen | ||
|---|---|---|---|---|---|
| Darstellung | Das zu verwendende Design für die Darstellung. | ||||
| Weitere Parameter sind abhängig von der gewählten Darstellung. | |||||
| Logo | Falls die Darstellungsform ein Logo unterstützt, kann dieses hier gewählt oder hochgeladen werden. | Dreispaltig, Logo Mitte; Zweispaltig, Logo rechts; Logo mittig | |||
| Höhe (px) | Die Höhe des Seitenkopfes in Pixeln | Dreispaltig, Logo Mitte; Zweispaltig, Logo rechts; Logo mittig | |||
| Teaserplatz (Links/Rechts) | Gibt an, was im Teaserplatz enthalten sein soll. (Werte: Leer, Anzeigenplatz, Verknüpfung) Anzeigenplatz = Hier kann eine Anzeige dargestellt werden, sofern für den Anzeigenplatz "Titelkopf" Buchungen verfügbar sind. Verknüpfung = Es kann ein Artikel sowie eine Darstellung und eine Ressource Linkziel gewählt werden. Der Artikel gibt das Logo sowie den Text vor. (1. Bild und 1. Überschrift).
| Dreispaltig, Logo Mitte; Zweispaltig, Logo rechts; | |||
| Trennlinienfarbe | white | Definiert die Farbe der Trennlinien zwischen den einzelnen Spalten. Siehe Farbwerte. | Dreispaltig, Logo Mitte; Zweispaltig, Logo rechts; | ||
Komponente: Anzeigenplatz
Erlaubt es, einen Anzeigenplatz in das Rahmentemplate einzubauen.
| Parameter | Standardwert | Bedeutung |
|---|---|---|
| Art | Definiert welche Anzeigenplätze hier erscheinen können. |
Komponente: Breadcrumb Navigation
Erlaubt es, eine Breadcrumb Navigation (zB. Home > News > Wirtschaft) anzuzeigen. Er werden alle Pfade aufgelistet, die einen aktiven Navigationseintrag haben.
| Parameter | Standardwert | Bedeutung |
|---|---|---|
Diese Komponente hat bislang keine Paramater | ||
Komponente: Suchzeile
Erlaubt es, eine Suchzeile im Rahmentemplate zu positionieren. Die Zeile ist nur dann Sichtbar, wenn der Besucher die "Lupe" bzw. Such-Ressource aktiviert.
| Parameter | Standardwert | Bedeutung |
|---|---|---|
| Beispieltext | Gibt einen Beispieltext vor. | |
| Ausdehnen | False | Dehnt die Suchzeile über den Content-Bereich hinweg bis zum äußeren Rahmen aus. (Vgl. Trennlinie) |
| Immer geöffnet | False | Ist dieser Schalter an, ist die Suchzeile immer offen (und lässt sich auch nicht schließen). |
Komponente: "Nach oben"-Scroller
Wird diese Komponente in ein Rahmentemplate eingefügt, wird auf allen Elementen, die dieses Rahmentemplate nutzen, unten rechts ein "nach oben"-Icon angezeigt, sobald mindestens eine Bildschirmseite nach unten gescrollt wurde. Das Symbol verwendet als Hintergrundfarbe die Primärfarbe (--primary-color) des Themes und versteckt sich automatisch 5 Sekunden nach einem Scrollvorgang. Es wird wieder sichtbar, sobald erneut nach oben/unten gescrollt wird.
Die Position dieser Komponente im Template ist nicht relevant.
| Parameter | Standardwert | Bedeutung |
|---|---|---|
Diese Komponente hat bislang keine Paramater | ||