Rahmentemplates

Rahmentemplates

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

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

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

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

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

Parameter

Standardwert

Bedeutung

Derzeit keine verfügbar

 

 

Komponente: Seitenkopf

Spielt einen Seitenkopf aus.

Parameter

Standardwert

Bedeutung

Darstellungsformen

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

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

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

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

Parameter

Standardwert

Bedeutung

Diese Komponente hat bislang keine Paramater