Versionen im Vergleich

Schlüssel

  • Diese Zeile wurde hinzugefügt.
  • Diese Zeile wurde entfernt.
  • Formatierung wurde geändert.

...

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 (Info) Seitentemplates lassen sich über den Kopieren-Button im Fuß der Ansicht kopieren und löschen (sofern sie nirgends verwendet werden).

(Warnung) Änderungen an Templates wirken sofort. Wird also ein Live-Template bearbeitet, wird es mit dem nächsten Aufruf nach dem Speichern ausgeliefert.


Inhalt

Attribute der Seitentemplates

NameFunktionAnmerkung
NameinternDer Name des Templates, welches in der Oberfläche angezeigt wird. (z. B. in Suchen, der Ressourcen-Ansicht usw.)
Titel

Der Seitentitel 

<title>-Tag

Der Seitentitel, der u. a. im Browser-Tab oder den Suchergebnissen angezeigt wird.

Seitentitel sollten aus SEO-Sicht nicht länger als 60 Zeichen sein.

Beschreibung

Die Beschreibung der Seite

<description>-Tag

Die Beschreibung der Seite, die u. a. in den Suchergebnissen unter dem Titel angezeigt wird.

Die Beschreibung sollte aus SEO-Sicht nicht länger als 160 Zeichen sein.

Layout

Definiert den Aufbau (Spaltigkeit) der Seite

1-Spaltig ist der Standard. Hier wird der komplette Content über eine große Spalte verteilt. Er kann intern in verschiedenspaltige Blöcke aufgeteilt werden.

2-Spaltig aktiviert die sog. "Marginalspalte" auf der rechten Seite.

Marginal daher, weil diese auf allen Mobilgeräten nicht zu sehen ist.

Daher sollten dort nur optionale Informationen für Desktop-Besucher untergebracht werden.

Links in neuem Tab öffnen

Öffnet alle internen & externen Links in einem neuen Tab

Interne Links (also auf Inhalte der gleichen Seite) werden normalerweise intern, also im gleichen Fenster / Tab geöffnet. Externe (Inhalte anderer Domains) werden immer in einem neuen Tab geöffnet.

Diese Einstellung sorgt dafür, dass ausnahmslos alle Links auf der Seite (zu Artikeln, Seiten, Formularen usw.) in einem neuen Fenster / Tab geöffnet werden.

Diese Funktion ist u. a. für in IFrames eingebettete Seiten hilfreich, bei denen z. B. Suchergebnisse angezeigt werden, die dann nicht im IFrame, sondern in einem neuen Tab geöffnet werden sollen.

Filterung der Inhalte 

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

Siehe dazu: Filter für Seiten und Komponenten

Seitenlayout-Komponenten

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.

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

Inhalt
minLevel2

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


Ui expand
titleVariante "4er Teaser"


Ui expand
titleVariante "Single Teaser"


Ui expand
titleVariante "3 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 Platzhalter-Asset angezeigt.

Ui expand
titleVariante "Bild links, Text rechts, 2-Spaltig"


Ui expand
titleVariante "Text über Bild, 4-Spaltig"


Ui expand
titleVariante "Collage, 1-Spaltig"

(Warnung) Diese Variante eignet sich nur , für Artikel, bei denen mind. 3 Bilder vorhanden sind. (zBz. B. Galerie-Liste)


Ui expand
titleVariante "Flash News, 3-Spaltig"

(Info) Umbricht automatisch mit Trennlinie, siehe "Flash News, 1-Spaltig"


Ui expand
titleVariante "Flash News, 1-Spaltig"


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 Darstellendarstellen, 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 Untereinanderuntereinander) 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 d. h. bei zu geringer Bildschrimbreite Bildschirmbreite wird er automatisch 2 oder sogar 1-spaltig.


Ui expand
titleDarstellung "Flow"


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 Platzhalter-Asset angezeigt.


Ui expand
titleVorschautyp "Bild oben, Text unten"


Ui expand
titleVorschautyp "Text über Bild"


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 Darstellendarstellen, daher wird die 0 in diesem Feld als "Nicht gesetzt" interpretiert.)
Anzeigenfrequenz4Gibt an, nach wie vielen Artikeln eine Anzeige (oder 2 Untereinanderuntereinander) 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 Artikel dar. Sie wird meist als statischer "Kopf" über einer Artikelliste (zBz. B. 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 Platzhalter-Asset 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 Anzeige - 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 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 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 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 (zBz. B. 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 myContent Profil.
authorDescriptionDie Autorenbeschreibung aus PS.ContentmyContent. (optional)
authorImageUrlDas Autorenasset aus PSmyContent. Content. (optional)
authorImageUrlWithPresetDas Autorenasset aus PSmyContent. 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

Codeblock
languagexml
firstline1
titleAutorenprofil
linenumberstrue
collapsetrue
<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 (BoostrapBootstrap)3

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

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

...