Zum Ende der Metadaten springen
Zum Anfang der Metadaten

Sie zeigen eine alte Version dieser Seite an. Zeigen Sie die aktuelle Version an.

Unterschiede anzeigen Seitenhistorie anzeigen

« Vorherige Version anzeigen Version 15 Nächste Version anzeigen »

Seitentemplates spezifizieren den strukturellen Aufbau sowie die Filterung der Inhalte einer Seite, die im Inhaltsbereich eines Rahmentemplates dargestellt wird.


Der Aufbau eines Seitentemplates erfolgt durch Anordnung und Bearbeitung der gewünschten Seiten-Komponenten im Editor. Neue Komponenten werden per Drag & Drop aus dem Vorrat rechts auf den Editor eingefügt.

Seitentemplates lassen sich über den Kopieren-Button im Fuß der Ansicht kopieren. Änderungen an Templates wirken sofort. Wird also ein Live-Template bearbeitet wird es mit dem nächsten Aufruf nach dem Speichern ausgeliefert.


Filterung der Inhalte 

Jedes Seitentemplate und jede Seitenkomponente kann fest legen, welche dynamischen Inhalte aus der Datenbank selektiert und dargestellt werden sollen.

Siehe dazu: Filter für Seiten und Komponenten

Seitenlayout-Komponenten

Im folgenden werden die einzelnen verfügbaren Seitenlayout-Komponenten und ihre Parameter beschrieben.

Komponente: Artikelgrid

Das Artikelgrid stellt einen oder mehrere Artikel gemäß der gewählten Darstellungsform dar.

ParameterStandardBeschreibung
FilterleerErlaubt es innerhalb dieser Komponente abweichende Filterkriterien zu setzen

Darstellung

-

Legt die Darstellung dieser Komponente fest. 

Mögliche Werte:

  • 4er Teaser
  • Single Teaser
  • 1 Spaltig
  • 2 Spaltig
  • 3 Spaltig
  • 4 Spaltig


VorschautypBild oben, Text unten

Legt die Darstellung der Artikel in dieser Komponente fest. 

Mögliche Werte:

  • Bild oben, Text unten
  • Nur Text
  • Text im Bild
  • Collage
  • Flash News

(Warnung) Ist im Artikel mindestens ein Bild vorhanden, wird dieses angezeigt. Ist kein Bild-Asset vorhanden, wird das im VHost angegebene Platzhalterasset angezeigt.

Artikelüberschrift anzeigenTrue

(nur in der Grid-Darstellung)

Über die Option kann die Artikelüberschrift ausgeblendet werden.

Teaser max. Zeilenleer

(nur in der Grid-Darstellung)

Hier kann die Menge der Teaser-Text Zeilen (normalerweise vom VHost vorgegeben) für diesen Slider überschrieben werden.

Artikelanzahl10Legt fest, wie viele Artikel diese Komponente anzeigen soll. Die Option steht nur bei Komponenten mit einer Grid-Darstellung zur Verfügung.
Anzeigen EinmischenFalse

(nur in der Grid-Darstellung)

Wird dieser Schalter auf "True" gesetzt (Häkchen an) werden in den Vorschautypen "Bild oben, Text unten" und "Nur Text" zwei bzw. eine Anzeige vom Typ Button in einer einstellbaren Frequenz eingemischt.

(Info) Das Filterkriterium des Grids (oder der Seite) wird auch auf die Anzeigenselektion angewendet.

(Warnung) Anzeigen werden nur eingemischt, wenn es ausreichend viele vom Typ "Button" gibt. (Also mind. 1x bei "Nur Text" oder mind. 2 Bei "Bild oben, Text unten")

Anzeigen-Priorität max100%

(nur in der Grid-Darstellung, nur sichtbar wenn "Anzeigen einmischen" aktiv ist)

Ein Wert in % der angibt, bis zu welcher Priorität Anzeigen in dieser Komponente geladen / dargestellt werden sollen. 

Anzeigen-Priorität min0%

(nur in der Grid-Darstellung, nur sichtbar wenn "Anzeigen einmischen" aktiv ist)

Ein Wert in % der angibt, ab welcher Priorität Anzeigen in dieser Komponente geladen / dargestellt werden sollen. (0% heißt bei Anzeigen nie Darstellen, daher wird die 0 in diesem Feld als "Nicht gesetzt" interpretiert.)

Anzeigenfrequenz4

(nur in der Grid-Darstellung, nur sichtbar wenn "Anzeigen einmischen" aktiv ist)

Gibt an, nach wie vielen Artikeln eine Anzeige (oder 2 Untereinander) eingefügt werden soll. (1 = Ein Artikel, Eine Anzeige, Ein Artikel, ... oder 4 = Artikel, Artikel, Artikel, Anzeige, Artikel, Artikel, Artikel, Anzeige, ...)

Weitere Artikel nachladbarFalse

(nur in der Grid-Darstellung)

Wird dieser Schalter auf "True" gesetzt (Häkchen an) kann der Besucher weitere Artikel über einen Button am Seitenende nachladen.

(Warnung) Die Option steht nur bei der letzten Komponente mit einer Grid-Darstellung zur Verfügung.

VG/HG/Hover-FarbeleerErlaubt es einen entsprechenden Farbwert für die Komponente zu setzen.

Komponente: Artikelslider

Der Artikelslider stellt mehrere Artikel in einem Blätterkatalog dar.

ParameterStandardBeschreibung
FilterleerErlaubt es innerhalb dieser Komponente abweichende Filterkriterien zu setzen
ÜberschriftleerWird dieses Feld mit einem Text gefüllt, wird dieser als Überschrift im Slider angezeigt. (Verfügbar ab Version 2022.1/15)
Darstellung3 spaltig (dreifach blättern)

Hier kann das Blätterverhalten des Sliders eingestellt werden. Mögliche Werte:

WertFunktion/Verhalten
3 spaltig (dreifach blättern)Stellt den Silder 3 Spaltig dar, und blättert (per Pfeil) immer 3 Artikel vor / zurück.
3 spaltig (dreifach blättern)Stellt den Silder 3 Spaltig dar, und blättert (per Pfeil) immer 1 Artikel vor / zurück.
FlowStellt den Silder 3,5 Spaltig dar, und blättert (per Pfeil) immer 1 Artikel vor / zurück.

(Info) Der Slider ist responsiv, dh bei zu geringer Bildschrimbreite wird er automatisch 2 oder sogar 1-spaltig.

Vorschautyp

Bild oben, Text unten

Legt die Darstellung der Artikel in dieser Komponente fest. 

Mögliche Werte:

  • Bild oben, Text unten
  • Nur Text
  • Text im Bild

(Warnung) Ist im Artikel mindestens ein Bild vorhanden, wird dieses angezeigt. Ist kein Bild-Asset vorhanden, wird das im VHost angegebene Platzhalterasset angezeigt.


Artikelüberschrift anzeigenTrueÜber die Option kann die Artikelüberschrift ausgeblendet werden.
Teaser max. ZeilenleerHier kann die Menge der Teaser-Text Zeilen (normalerweise vom VHost vorgegeben) für diesen Slider überschrieben werden.
Artikelanzahl15Legt fest, wie viele Artikel diese Komponente anzeigen soll.
Anzeigen EinmischenFalse

Wird dieser Schalter auf "True" gesetzt (Häkchen an) werden in den Vorschautypen "Bild oben, Text unten" und "Nur Text" zwei bzw. eine Anzeige vom Typ Button in einer einstellbaren Frequenz eingemischt.

(Info) Das Filterkriterium des Sliders (oder der Seite) wird auch auf die Anzeigenselektion angewendet.

(Warnung) Anzeigen werden nur eingemischt, wenn es ausreichend viele vom Typ "Button" gibt. (Also mind. 1x bei "Nur Text" oder mind. 2 Bei "Bild oben, Text unten")

Anzeigen-Priorität max100%Ein Wert in % der angibt, bis zu welcher Priorität Anzeigen in dieser Komponente geladen / dargestellt werden sollen. 
Anzeigen-Priorität min0%Ein Wert in % der angibt, ab welcher Priorität Anzeigen in dieser Komponente geladen / dargestellt werden sollen. (0% heißt bei Anzeigen nie Darstellen, daher wird die 0 in diesem Feld als "Nicht gesetzt" interpretiert.)
Anzeigenfrequenz4Gibt an, nach wie vielen Artikeln eine Anzeige (oder 2 Untereinander) eingefügt werden soll. (1 = Ein Artikel, Eine Anzeige, Ein Artikel, ... oder 4 = Artikel, Artikel, Artikel, Anzeige, Artikel, Artikel, Artikel, Anzeige, ...)
VG/HG/Hover-FarbeleerErlaubt es einen entsprechenden Farbwert für die Komponente zu setzen.

Komponente: Artikelbox

Die Artikelbox stellt einen speziellen Artiel dar. Sie wird meist als statischer "Kopf" über einer Artikelliste (zB. auf Themen oder Regionalseiten) verwendet.

ParameterStandardBeschreibung
Artikel
Darzustellender Artikel

Darstellung

-

Legt die Darstellung dieser Komponente fest. 

Mögliche Werte:

  • withPictures (zeigt alle im Artikel enthaltenen Assets an)
  • withOnePicture (zeigt nur das erste Asset an)
  • withoutPictures (Nur Text)

Ist im Artikel mindestens ein Bild vorhanden, wird dieses angezeigt. Ist kein Bild-Asset vorhanden, wird das in den Stammdaten>Portaleinstellungen angegebene Platzhalterasset angezeigt, oder abhängig vom Konfigurationsschalter "ReplacePlaceholderImagesWithAds" Anzeigen vom Typ "Button" eingemischt.

VG/HG-FarbeleerErlaubt es einen entsprechenden Farbwert für die Komponente zu setzen.

Komponente: Anzeigenplatz

Diese Komponente erlaubt es eine konkrete - oder über einen wählbaren Anzeigenplatz definierte Anzeigen einzustreuen. Wird keine passende Anzeige gefunden, oder ist die fest eingestellte Anzeige abgelaufen (Datum/Klicks/Impressions erreicht) wird die Komponente automatisch ausgeblendet.

ParameterStandardBeschreibung
Anzeigentyp
Legt fest, welche Anzeigentypen (Button, Banner,...) hier eingemischt werden sollen.
Anzeige
Erlaubt es eine Konkrete Anzeige darzustellen. (Setzt "Anzeigentyp" außer Kraft)
Filter
Ermöglicht es, auf den eingegebenen Filter passende Anzeigen zu filtern

Komponente: HTML (Source) / HTML (WYSIWYG)

Mithilfe der HTML-Komponenten können statische Inhalte oder HTML Inhalte in eine Seite eingebunden werden. Bitte beachten Sie vor allem beim einbetten externer HTML/JavaScript Inhalte die DSGVO sowie geltende weitere Sicherheitsregeln. Testen Sie Seiten, auf denen Sie externe Inhalte nachladen ausführlich und regelmäßig, da externe, nachgeladene Inhalte das #Portal auch ungünstig beeinflussen können. 

Redaktioneller Inhalt

Wird das Merkmal "Redaktioneller Inhalt" an einer HTML Komponente aktiviert, bedeutet das folgendes:

  • Es wird ggfs. ein Platzhalter angezeigt, wenn im Consent-Management Tool der Anbieter abgelehnt wurde.
  • Embed-Scripts (zB. für Instagram/Twitter) werden ausgeführt.

Asset-Einfügen

Speziell an den HTML-Komponenten gibt es eine Hilfe für das Einfügen von Assets. 


Über den Knopf gelangt man in die Asset-Auswahl
Beim Bestätigen der Auswahl fragt die Applikation, wie das Asset eingefügt werden soll

Als Image-Tag einfügen fügt das Bild direkt ein.
Als Download-Link einfügen fügt ein Link ein der bei Klick direkt das Asset herunterlädt.
Nur Link einfügen fügt einen Link auf die Asset-Datei ein.

Dabei wird auf das Assetmanagement des Portals zugegriffen.

Beim Einfügen wird das Default-Preset für Assets benutzt, s Konfiguration Image-Processing.

Bei Vektorgrafiken bietet es sich an, das Preset auf "vector" einzustellen, damit wird das Original PDF ausgeliefert, sonst wird von dem PDF ein JPG produziert.

Platzhalter in den HTML Komponenten

Innerhalb der HTML Komponenten können ggfs. Platzhalter verwendet werden. Platzhalter können maskiert oder unmaskiert eingefügt werden. (Maskieren bedeutet: HTML Tags durch lassen, oder nicht.)

[(${variable})] -> nicht maskiert
[[${variable}]] -> maskiert

Verfügbare Platzhalter:

PlatzhalterBeschreibung

authorName

Der Autorenname aus dem PS.Content Profil.
authorDescriptionDie Autorenbeschreibung aus PS.Content. (optional)
authorImageUrlDas Autorenasset aus PS.Content. (optional)
authorImageUrlWithPresetDas Autorenasset aus PS.Content. (optional) Preset: Small4x3
authorHasImage'true', wenn der Autor ein Asset hinterlegt hat.
authorHasDescription'true', wenn der Autor eine Beschreibung hat.




Beispiele für HTML Komponenten

Autorenprofil
<div class="container"> 
 <h1>Alle Artikel von [[${authorName}]]</h1> 
  [# th:if="${authorHasDescription}"] 
   <div style="display:flex;gap:var(--pscp-space-m);">
    [# th:if="${authorHasImage}"] 
      <img style="border-radius: 50%;" src="[[${authorImageUrl}]]?width=150&height=150" alt="Autorenportrait" width="150px" height="150px">
    [/] 
    <div style="align-items: center;display: flex;">
      <div>[(${authorDescription})]</div>
    </div>
   </div>
  [/] 
</div> 
<hr/>


Komponente: Abstand

Definiert einen Abstand zu einer anderen Komponente. Abstände addieren sich nicht.

ParameterStandardBeschreibung
Abstand (Boostrap)3

Gibt den gewünschten Abstand in Bootstrap-Einheiten an. 1=Klein, 5=Groß

Was eine "Bootstrap-Einheit" ist, legt das responsive Grundlayout fest.

  • Keine Stichwörter