Mithilfe von Artikeltemplates lässt sich die Darstellung von Artikeln steuern.

Inhalt

Standard-Template (Ohne Konfiguration)

Werden keine Templates konfiguriert, liefert PS.Content #Portal alle Artikel in einem Default-Template aus, welches aus folgenden Komponenten besteht:

  • Tags (linksbündig)
  • Artikeldatum (rechtsbündig)
  • Überschrift
  • 3x Werbeplatz "Artikel Button" (rechtsbündig, untereinander)
  • Mediaslider (alle Assets; neben den Artikel-Buttons oder vollflächig, sofern keine Anzeigen vorhanden sind)
  • Vorspann
  • Grundtext (8 Absätze)
  • Artikel-Empfehlungskachel
  • 3x Werbeplatz "Artikel Button" (rechtsbündig, untereinander, nur sofern noch Text vorhanden ist)
  • Autorenbox
  • Zurück-Zur-Übersicht Link

Anlage eigener Templates

Neue Templates lassen sich im Admin-Tool unter dem Menüpunkt "Artikeltemplates" anlegen:

Komponenten werden per Drag & Drop aus der Smartbar-Kachel "Komponenten" (rechts) in den Inhalts-Bereich (mitte) gezogen. Sie können auch per Drag & Drop neu sortiert werden.

Um eine Komponente zu löschen, wird die "Mülltonne" oben rechts im Komponenten-Kopf verwendet.

Nachdem das Template angelegt und gespeichert wurde, muss es in den VHosts aktiviert bzw. zugeordnet werden. Siehe weiter unten.

Attribute & Eigenschaften von Artikeltemplates

Jedes Template hat einen Namen sowie eine optionale Beschreibung. Der Name muss eindeutig sein. Die Beschreibung ist rein intern, sie wird nicht ausgespielt.

Das "Layout" definiert analog zum Seitentemplate, ob eine Marginalspalte ("2 Spaltig") auf ausreichend breiten Bildschirmen dargestellt werden soll, oder nicht.

Die Option "Assets im Text platzieren" erlaubt es, die Position der Assets aus dem PS.Content Artikel direkt zu übernehmen. Ist dies Option aus (default), müssen die Bilder in einem oder mehreren Media-Slidern oder Collage-Elementen dargestellt werden.

Artikelseiten Komponenten

Folgende Komponenten stehen zur Verfügung. Alle Komponenten können bildschirmgrößenabhängig ausgeliefert werden. (XS/S=Handy, M=Tablet, L/XL=Tablet+Desktop).

NameNutzung/VerhaltenParameter
AbstandFügt einen horizontalen Abstand einHöhe (Bootstrap 1=Klein / 5=Groß)
ArtikelvorschlägeZeigt die "Weitere Artikel Empfehlungskachel" an.

Überschrift = Überschrift, die für diese Kachel verwendet werden soll (optional)

(div. 'Filter') = Erlaubt es Filterkriterien anzugeben, die zusätzlich zu den in der Konfigurationsdatei hinterlegten Optionen sowie den Artikelmerkmalen gelten sollen. 

Autorenbox

Fügt die Autorenbox in den Artikel ein. Der Autor wird aus PS.Content (Benutzerprofil) übernommen.

-
Collage

Stellt mehrere Bilder als Collage im Artikel dar

Menge = Anzahl der darzustellenden Bilder
HTML Source 
HTML WYSIWYG

Bettet einen HTML Code oder eine HTML Gestaltung in den Artikel ein.

Platzhalter können über das Popupmenü (vgl. Screenshot) im Komponentenheader eingefügt werden.

Nur Anzeigen, wenn vorherige Inhalt/Asset Komponente gefüllt wurde = Erlaubt es, diese Komponente auszublenden, wenn keine Bilder / Texte vorher ausgegeben werden konnten (zB. weil keine Absätze / Assets mehr vorhanden sind.)

(Info) Um Assets und Platzhalter einzufügen, verwenden Sie bitte die Buttons oben rechts im Komponenten-Header.

Inhalt

Fügt den eigentlichen Artikelinhalt (absatzweise) ein.

Als Inhalt zählt alles, was im PS.Content Artikel vorhanden ist ausgenommen:

  • Assets
  • Vorspann
Menge = Anzahl der einzufügenden Inhalte. Wenn leer, wird alles ausgegeben, was noch übrig ist.
Lesefortschritt

Fügt eine Komponente ein, die den Lesefortschritt visualisiert.

Die Komponente blendet sich beim herunter Scrollen automatisch ein (Sticky an der Position 0,0) und versteckt sich automatisch beim hoch Scrollen. 

Evtl. Vorhandene Menüs / Burger-Buttons sollten sich also auch entsprechend beim Scrollen verhalten (Sticky, nur beim Scrollen einblenden).


Media Slider

Zeigt die eingestellte Anzahl von Assets als Slider an.

Menge = Die Anzahl der einzufügenden Assets. Wenn leer, wird alles geladen, was noch übrig ist.

Bildunterschrift = Darstellungsvariante der BU

ggf. abweichende BU auf Mobilgeräten = (optional) Darstellung der BU auf Smartphones (XS + S)

Beispiele

Variante: Text rechts vom Bild



Variante: Info Icon + Overlay

(Der Text wir durch Klick / Tipp das Icon als Overlay über dem Bild dargestellt.)


Variante: Text unter dem Bild


Variante: Text im Bild

(Maximal 2 Zeilen inital, der Rest klappt nach oben aus)



Metadaten & Tags

Stellt (rechtsbündig) Das Aktualisierungs-/Erstellungsdatum des Artikels und linksbündig die Eingestellten Meta-Tags (Ressort, Ort, Stichwort) des Artikels dar.

Tag-Darstellung = Die darzustellenden Tags
Überschrift

Die Überschrift des Artikels


Vorspann

Der Vorspann des Artikels (sofern vorhanden)


Zurück zur Übersicht

Fügt einen (mittig zentrierten) Link "Zurück zur Übersicht" ein, der auf die vorherige Seite zurück wechselt


Sponsor-/PayWall

Schneidet den Artikel an dieser Stelle ab, und fügt die Pay- / SponsorWall ein.


Zuordnung von Templates zu VHosts und Artikelmerkmalen

Artikeltemplates werden VHost spezifisch zugeordnet. Jedem VHost kann ein "Standard Artikeltemplate" zugeordnet werden, welches für alle Artikel verwendet wird, die dieser VHost ausliefert.

Zusätzlich können beliebig viele Artikel-Merkmalsspezifische Templates hinterlegt werden. (zB. Werbefrei oder Collagen etc.)

Die Regeln sind nummeriert, sortierbar und wirken gemäß der eingestellten Reihenfolge. Passt die erste Regel, wird das Template verwendet, und die anderen Regeln übersprungen.


  • Keine Stichwörter