Versionen im Vergleich

Version Alte Version 30 Neue Version 31
Änderungen wurden vorgenommen von

Stefan Renneke

Silvio Haase (Unlicensed)

Gespeichert am

Schlüssel

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

Highlightslider

Überblick

Name

contentclass-snippet.gifSlider

Ordner

folderopen.gif Erweiterungs- und Sonder - Templates

Styleguide

https://www.styleguide.sachsen.de/highlight-slider-4044.html

Inhaltsverzeichnis

Inhalt
minLevel1
maxLevel5
outlinefalse
stylenone
typelist
printabletrue

1. Einleitung

Ein Highlightslider ist ein Seiteninhalt, welcher ausschließlich im Kopfbereich oberhalb des Hauptinhalts einer Webseite platziert wird. Die einzelnen Inhalte wechseln automatisch in einem zeitlichen Rhythmus, können aber auch manuell ausgewählt oder angehalten werden. Dieser spezielle Seiteninhalt steht nur auf der Startseite einer Webseite zur Verfügung und zeigt verschiedene bildhafte Beiträge mit Texten an und kann bewusst die Aufmerksamkeit eines Besuchers auf sich ziehen und bietet somit einen Einstieg in bestimmte Themen der Webseite. Inhaltlich stehen verschieden Auswahlmöglichkeiten zur Verfügung. So können z. Bsp. Bilder mit Text und/oder auch Videos mit und ohne Text eingebunden werden.

Panel
panelIconId1f5a5
panelIcon:desktop:
panelIconText🖥️
bgColor#EAE6FF

2. Verschiedene Darstellungsmöglichkeiten

Seitenvorscau_Slide_Bild_Text.png

2.1 Highlightslider mit Slide Bild und Text

Ein Highlightslider wird unabhängig von der Seitenaufteilung immer in der Aufteilung “Navigation-Inhalt breit” dargestellt. Diese ist voreingestellt und kann nicht geändert werden.

Info

Siehe dazu Kapitel Auswahl der Seitenaufteilung

Seitenvorscau_Slide_Video.png

2.2 Highlightslider mit Video (ohne Text)

Die Inhalte des Highlightslider können den Bedürfnissen entsprechend angepasst und ausgewählt werden. Es stehen vier Vorlagen dafür zur Verfügung.

Info

Siehe dazu auch Abschnitt 3.3 Slides

Seitenvorschau_Slide_Video_Text.png

2.3 Highlightslider mit Video und Text

Die Vorlage “Video mit Text” eignet sich auch als Teaser für bestimmte Themen der gesamten Seite und ist ein beliebtes Mittel bei der Gestaltung.

Info

Siehe dazu auch Abschnitt 3.3 Slides

Seitenvorscau_Slide_Bild.png

2.4 Highlightslider mit Bild (ohne Text)

Im Highlightslider kann auch nur ein einzelnes Bild eingebunden werden und kann als gestalterisches Mittel zur Einleitung der gesamten Seite dienen.

Info

Siehe dazu auch Abschnitt 3.3 Slides

Panel
panelIconId270f
panelIcon:pencil2:
panelIconText✏️
bgColor#FFEBE6

3. Verwendung im SmartEdit

3.1 Erstellen des Seiteninhalts “Slider im Highlightbereich”

Schrittweise Erläuterung für die Erstellung eines neuen Seiteninhalts basierend auf der CMS-Vorlage “Slider”. In jedem Projekt ist bereits initial ein Highlightslider vorhanden und muss nur in Ausnahmefällen manuell erstellt werden.

Aktion

Vorschau im CMS

1

Seite öffnen

seite_oeffnen_green.png
2icon_reddot_multilink.png

Seite im Highlights-Bereich hinzufügen, sortieren, löschen (Maximale Anzahl an Seiten: 1)

Seite_oeffnen.png
3AMnu_ConnectNewPage.gif

Seite erstellen & verknüpfen

seite_erstellen_green.png
4

Es erscheint ein Dialogfenster mit einem aus der Content-Klasse generierten Seitennamen, der mit der späteren Überschrift des neuen Seiteninhalts belegt werden sollte.
Diese Überschrift wird nicht auf der erstellten Seite angezeigt. Sie dient als CMS-interne Überschrift.

überschrift_seite_green.png
5

Mit “OK” bestätigen

ok_green.png
6

Darstellung nach Erstellung “Highlightslider”.

Darstellung_Slider_Highlightbereich.png

3.2 Bearbeiten des Seiteninhalts “Slider im Highlightbereich”

Bearbeitungsmodus.png

Bezeichnung

Beschreibung

icon_reddot_openpage (1).png Slider öffnen

Seiteninhalt zur Bearbeitung öffnen

icon_reddot_closepage (1).png Slider schließen

Bearbeitung beenden

icon_reddot (1).png Einstellungen

einstellen ob Slides automatisch oder manuell wechseln

icon_reddot_multilink.png Slides

einzelne Slide hinzufügen, sortieren oder entfernen

Die schrittweise Erläuterung der einzelnen Schritte wird im Kapitel Inhaltsslider im Abschnitt 3.3 Slides erklärt.

add.png Neuer Eintrag

einzelne Slides hinzufügen

Die schrittweise Erläuterung der einzelnen Schritte wird im Kapitel Inhaltsslider im Abschnitt Slide hinzufügen - Neuer Eintrag erklärt.

3.3 Slides

3.3.1 Slide hinzufügen

In diesem Abschnitt wir erklärt, wie ein Slide einem Slider hinzugefügt werden kann. Je nach gewünschter Anzahl an Slide (empfohlen maximal 6) müssen diese Schritte wiederholt werden. Dabei stehen zwei Möglichkeiten zur Verfügung.

Symbol

Aktion

1icon_reddot_multilink (1).png

Slides

Slides_hinzufügen.png
2AMnu_ConnectNewPage.gif

Seite erstellen und verknüpfen

Seite_erstellen_ohne_Eintraege.png
3folderopen.gif

Content-Klassen Ordner “Erweiterungs- und Sonder - Template” auswählen

Hinweis

Das Bildschirmfoto bildet eine allgemeine Darstellung aller Content-Klassen Ordner ab. Kann ggf. abweichen.

Content_Klassen-Ordner.png
4contentclass-snippet.gif

Content-Klasse “Slide X” auswählen

  • individuelle Auswahl der Slides

(im Beispiel wurde “Slide Video und Text” ausgewählt)

Info

Die einzelnen Optionen und die schrittweise Erläuterungen werden im Abschnitt 3.3.3 Slides hinzufügen - Neuer Eintragerklärt.

Content_Klassen.png
5

Es erscheint ein Dialogfenster mit einem aus der Content-Klasse generierten Seitennamen, der mit der späteren Überschrift der neuen Seite belegt werden sollte.
Diese Überschrift wird nicht auf der erstellten Seite angezeigt. Sie dient als CMS-interne Überschrift.

überschrift_seite_green.png
6

Mit “OK” bestätigen

ok_green.png
7

Darstellung nach Erstellung “Slide”

Die Abbildung zeigt das Beispiel “Slide Video und Text”

Darstellung_Slide_Video_Text.png

3.3.2 Slide bearbeiten

Da es sich bei einem Slider im Highlighbereich um einen Slider handelt, wie er auch im Inhaltsbereich einer Seite verwendet werden kann, sind die Erläuterung und Erklärungen der einzelnen Schritte für das weitere Bearbeiten der Slides im Kapitel Inhaltsslider unter folgenden Abschnitten zu finden.

3.3.2 Slide bearbeiten

3.3.2.1 Slide Video und Text
3.3.2.2 Slide Bild und Text
3.3.2.3 Slide Video
3.3.2.4 Slide Bild

3.3.3 Slide hinzufügen - Neuer Eintrag

3.3.4 Slide-Darstellung

3.3.5 Slide sortieren

3.3.6 Slide entfernen

Panel
panelIconId1f50d
panelIcon:mag:
panelIconText🔍
bgColor#E3FCEF

4. Häufig gestellte Fragen (FAQ)

Frage

Antwort

Ist der Seiteninhalt Slider im Highlightbereich das Gleiche wie ein normaler Slider?

Ja, hierbei wird die selbe Content-Klasse Vorlage für Seiteninhalte verwendet. Der Unterschied zum Slider im Inhaltsbereich besteht in der Darstellung. Zudem kann ein Slider im Highlightbereich nur einmal auf der Startseite im Kopfbereich eingesetzt werden.

Können weitere Content-Klassen andere Vorlagen für Seiteninhalte im Highlightbereich verwendet werden?

Nein, für den Kopfbereich der Startseite ist ausschließlich der Slider einsetzbar. Dies ist für die Seite konfiguriert und kann nur in Abstimmung mit der SK geändert bzw. angepasst werden.

Ist ein Highlighbereich auf der Startseite obligatorisch?

Nein, der Highlightbereich (Kopfbereich) der Startseite muss nicht eingesetzt werden. Es empfiehlt sich aber die Verwendung eines Slider im Highlightbereich, da die Aufmerksamkeit eines Besuchers bewusst auf sich gezogen wird und somit einen Einstieg in bestimmte Themen der Webseite geboten wird.