Über die HTML Templates werden Vorlagen für Teaser, Callout-Boxen, Buttons oder Icons sowie die Codes für das responsive Grid-Layout und nützliche CSS-Klassen und HTML-Elemente direkt im PORTAL zur Verfügung gestellt. Mit nur einem Klick können die Vorlagen und Codes kopiert und an diversen Stellen im PORTAL eingebunden werden. Die in den HTML Templates bereitgestellten Codes können für die Gestaltung von Kurationsflächen und Targeting-Slots im Teasermanagement, für die Code-einbetten-Funktion sowie auf statischen Seiten als Basis verwendet werden.
Funktionalitäten der HTML Templates
Direkt im PORTAL integrierte HTML Templates mit
Templates für Teaser
Erklärungen und Codes für das Responsive Grid
Nützliche CSS-Klassen & HTML-Elemente aus dem Framework
Erklärungen, Codes sowie eine Auswahl an Icons
Vorlagen und Codes als Unterstützung für freies Gestalten in HTML
Best-Practice-Gestaltungsvorlagen mit Vorschaufunktion
Inhaltsverzeichnis
Allgemeine Beschreibung
Im PORTAL gibt es diverse Stellen, die via HTML frei gestaltet werden können: Im Teasermanagement können Kurationsflächen und Targeting-Slots mit HTML-Code bestückt werden. Ebenso können beliebig Statische Seiten angelegt werden, die ebenfalls via HTML frei gestaltet werden können.
Das Gestalten im Design/Theme der Seite (Farben, Schriften/Schriftgrößen, Hintergrund) ist durch das Nutzen der CSS-Klassen (einsehbar über die Kitchen Sink in der Administration & Moderation) einfach möglich.
Verschiedenste Einbettungen können vorgenommen werden: Bilder, Videos, Widgets.
Statische Seiten können mit Subnavigation und Sidebar sowie Teasern gestaltet werden.
Die in den HTML Templates zur Verfügung gestellten Codes können als Basis für freies Gestalten in HTML verwendet werden.
Zugang zu den HTML Templates
Die Seite “HTML Templates” kann von Nutzern mit Zugang zur Administration & Moderation (Berechtigung “Zugang zur Verwaltungsübersicht”) aufgerufen werden.
Zugang zur Seite “HTML Templates” über die Administration & Moderation
Thematische Unterteilung
Die Vorlagen und Codes sind thematisch in folgende Tabs aufgeteilt:
Templates: Best-Practice-Vorlagen für Teaser
Responsive Grid: Erklärungen und Codes für das responsive Grid-Layout
CSS & HTML: Nützliche CSS-Klassen & HTML-Elemente aus dem Framework
Icons: Erklärungen, Codes sowie eine Auswahl an Icons
Tab “Templates” mit Best-Practice-Vorlagen für Teaser
Die Vorschau der Gestaltungsvorlage hilft dabei, ein passendes Design beispielsweise für einen Teaser zu wählen. Mit nur einem Klick kann der Code für das jeweilige Template kopiert werden, um es an der gewünschten Stelle im PORTAL einzubinden. Hier müssen dann noch die Platzhalter entsprechend ersetzt werden. Außerdem können beispielsweise die Teaser-Templates mit zusätzlichen CSS-Klassen und HTML-Elementen nach Belieben kombiniert werden.
Wie mit den HTML Templates ganz einfach eine Teaser erstellt und über das Teasermanagement an relevanten Stellen im PORTAL verteilt werden kann, wird in diesem kurzen Video-Tutorial gezeigt: