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 myContent 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 (z. B. 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 z. B. 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 & 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)

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).

Darstellung Logo und Text:

Darstellung Hintergrundbild mit Text:

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 (z. B. Home > News > Wirtschaft) anzuzeigen. Er werden alle Pfade aufgelistet, die einen aktiven Navigationseintrag haben.

Parameter	Standardwert	Bedeutung
Diese Komponente hat bislang keine Parameter

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

Dokumentation myContent PORTAL

Rahmentemplates