Highlightslider
- Silvio Haase (Unlicensed)
- Igor Seifert
- Stefan Renneke
- XIMA Redakteur
Highlightslider
Überblick
Name |
|
|---|---|
Ordner |
|
Styleguide | https://www.styleguide.sachsen.de/highlight-slider-4044.html |
Inhaltsverzeichnis
- 1 Highlightslider
- 1.1 1. Einleitung
- 1.2 2. Verschiedene Darstellungsmöglichkeiten
- 1.3 3. Verwendung im SmartEdit
- 1.3.1 3.1 Erstellen des Seiteninhalts “Slider im Highlightbereich”
- 1.3.2 3.2 Bearbeiten des Seiteninhalts “Slider im Highlightbereich”
- 1.3.3 3.3 Slides
- 1.3.3.1 3.3.1 Slide hinzufügen - Neuer Eintrag
- 1.3.3.2 3.3.2 Slides bearbeiten
- 1.3.3.2.1 3.3.2.1 Slide Video und Text
- 1.3.3.2.2 3.3.2.2 Slide Bild und Text
- 1.3.3.3 3.3.3 Slide-Darstellung
- 1.3.3.4 3.3.4 Slides sortieren
- 1.3.3.5 3.3.5 Slides entfernen
- 1.4 4. Häufig gestellte Fragen (FAQ)
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.
2. Verschiedene Darstellungsmöglichkeiten
2.1 Highlightslider mit Slide Bild und TextEin Highlightslider wird unabhängig von der Seitenaufteilung immer in der Aufteilung “Navigation-Inhalt breit” dargestellt. Diese ist voreingestellt und kann nicht geändert werden.
| 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.
| 2.3 Highlightslider mit Video und TextDie Vorlage “Video mit Text” eignet sich auch als Teaser für bestimmte Themen der gesamten Seite und ist ein beliebtes Mittel bei der Gestaltung.
| 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.
|
|---|
3.1 Erstellen des Seiteninhalts “Slider im Highlightbereich”
Schrittweise Erläuterung für die Erstellung eines neuen Seiteninhalts basierend auf der CMS-Vorlage “Slider”.
| Aktion | Vorschau im CMS | |
|---|---|---|---|
| 1 |
| Seite öffnen | |
| 2 |
| Seite im Highlights-Bereich hinzufügen, sortieren, löschen (Maximale Anzahl an Seiten: 1) | |
| 3 |
| Seite erstellen & verknüpfen | |
| 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. | |
| 5 |
| Mit “OK” bestätigen | |
| 6 |
| Darstellung nach Erstellung “Highlightslider”. |
3.2 Bearbeiten des Seiteninhalts “Slider im Highlightbereich”
Bezeichnung | Beschreibung |
|---|---|
| Seiteninhalt zur Bearbeitung öffnen |
| Bearbeitung beenden |
| einstellen ob Slides automatisch oder manuell wechseln |
| einzelne Slides sortieren oder entfernen Die schrittweisen Erläuterungen der einzelnen Schritte werden in den Kapiteln 7.7 Sortieren von Seiteninhalten und 7.8 Entfernen von Seiteninhalten erklärt. |
| einzelne Slides hinzufügen Die schrittweise Erläuterung der einzelnen Schritte wird im Kapitel Inhaltsslider im Abschnitt 3.3.1 Slide hinzufügen - Neuer Eintrag erklärt. |
3.3 Slides
3.3.1 Slide hinzufügen - Neuer Eintrag
In diesem Abschnitt wird erklärt, wie ein Slide hinzugefügt werden kann. Je nach gewünschter Anzahl an Slides (empfohlen maximal 6) müssen diese Schritte wiederholt werden.
Symbol | Aktion |
| |
|---|---|---|---|
| 1 |
| Neuer Eintrag | |
| 2 |
|
(Im Beispiel wurde “Slide Video und Text” gewählt)
| |
| 3 |
| Darstellung nach Erstellung eines “Slide” Die Abbildung zeigt das Beispiel “Slide Video und Text” |
3.3.2 Slides bearbeiten
3.3.2.1 Slide Video und Text
Schrittweise Erläuterung für das Bearbeiten eines neuen Seiteninhalts basierend auf der CMS-Vorlage “Slide Video und Text”.
Darstellung nach Erstellen des Slide. Der Seiteninhalt ist zur Bearbeitung bereits geöffnet.
Bezeichnung | Beschreibung |
|---|---|
| Bearbeitung beenden |
| Siehe dazu Kapitel 7.9 Projektfremde Seite einbinden |
| Ändert das Layout des Slide. Die einzelnen Schritte werden im Abschnitt 3.3.3 Slide-Darstellung erklärt. |
| Einfügen einer Überschrift - dies ist optional. |
| BARRIEREFRREIHEIT Titel (Überschrift) Video |
| Auswahl eines YouTube Videos Videos werden in der Regel im zentralen YouTube-Kanal des Freistaates Sachsen hochgeladen und von dort aus auf den Webseiten des Freistaates Sachsen eingebettet. |
| Beim Aufrufen einer Seite werden Videos zwar angezeigt, starten aber nicht von selbst. Für das Abspielen von integrierten Youtube-Videos muss der Nutzer vorher den Datenschutzhinweis akzeptieren. Dazu wird vorab ein gestaltetes Vorschaubild für jedes Video angezeigt (Standardeinstellung im CMS). |
| Siehe dazu Kapitel Bild und Asset-Attribute |
| inhaltliche Beschreibung des Videos in Textform. |
| Inhaltsbearbeitung des Slide mit Hilfe des Text-Editor. Hier können die Inhalte (z.Bsp. Texte, Tabellen und/oder Grafiken) platziert werden. Das Arbeiten mit dem Text-Editor wird im Abschnitt “Text bearbeiten - Der Texteditor” beschrieben. |
| Name / Bezeichnung des Links |
| Seite auf die verlinkt werden soll (interne oder externe Seite) |
Darstellung nach Bearbeiten des Slide.
Darstellung nach Bearbeiten des Slide in der Seitenvorschau.
3.3.2.2 Slide Bild und Text
Schrittweise Erläuterung für das Bearbeiten eines neuen Seiteninhalts basierend auf der CMS-Vorlage “Slide Bild und Text”.
Ansicht nach erstellen des Slide aus der Vorlage “Slide Bild und Text”. Der Seiteninhalt ist zur Bearbeitung der bereits geöffnet.
Bezeichnung | Beschreibung |
|---|---|
| Bearbeitung beenden |
| Siehe dazu Kapitel 7.9 Projektfremde Seite einbinden |
| das Layout dieses Slide ändern. Die einzelnen Schritte werden im Abschnitt 3.3.3 Slide-Darstellung erklärt. |
| Einfügen einer Überschrift - dies ist optional. |
| Einfügen eines Bildes. Die Auswahl eines Bildes erfolgt über den Asset Manager. Siehe dazu Kapitel 8. »Asset-Manager« - Die Bild-und PDF-Verwaltung des zCMS |
| Siehe dazu Kapitel Bild und Asset-Attribute |
| Inhaltsbearbeitung des Slide mit Hilfe des Text-Editor. Hier können die Inhalte (z.Bsp. Texte, Tabellen und/oder Grafiken) platziert werden. Das Arbeiten mit dem Text-Editor wird im Abschnitt “Text bearbeiten - Der Texteditor” beschrieben. |
| Name / Bezeichnung des Links |
| Seite auf die verlinkt werden soll (interne oder externe Seite) |
Darstellung nach Bearbeiten des Slide.
Darstellung nach Bearbeiten des Slide in der Seitenvorschau.
3.3.3 Slide-Darstellung
In diesem Abschnitt wird erklärt, wie nachträglich das Layout eines bereits bestehenden Slide geändert werden kann. Über die Option “Slide-Darstellung” können Änderungen vorgenommen werden, ohne den Slide zu entfernen und durch einen neuen zu ersetzen. In der nachfolgenden Erklärung wird als Beispiel das Layout des Slide “Slide Bild” in “Slide Bild und Text” geändert.
Symbol | Aktion |
| |
|---|---|---|---|
| 1 |
| Slide-Darstellung | |
| 2 |
|
(im Beispiel wurde der “Slide Bild” in “Slide Bild mit Text” geändert.)
| |
| 3 |
| Darstellung nach Änderung des Layout.
|
3.3.4 Slides sortieren
In diesem Abschnitt wird erklärt, wie einzelne Slides sortiert werden können. Da dieser Bearbeitungsschritt bei vielen Seiteninhalten gleich ist, ist die detaillierte Beschreibung im Kapitel 7.7 Sortieren von Seiteninhalten zu finden.
| 1 |
| Slides | |
| 2 |
| Die weiteren Bearbeitungsschritte sind im Kapitel 7.7 Sortieren von Seiteninhalten ab Punkt 2 beschrieben. |
|
3.3.5 Slides entfernen
In diesem Abschnitt wird erklärt, wie einzelne Slides entfernt werden können. Da dieser Bearbeitungsschritt bei vielen Seiteninhalten gleich ist, ist die detaillierte Beschreibung im Kapitel 7.8 Entfernen von Seiteninhalten zu finden.
| 1 |
| Slides | |
| 2 |
| Die weiteren Bearbeitungsschritte sind im Kapitel 7.8 Entfernen von Seiteninhalten ab Punkt 2 von Seiteninhalten beschrieben. |
|
Frage | Antwort |
|---|---|
Können die Inhalte im Highlightslider auch im Inhaltsslider verwendet werden? | Ja, hierbei werden die selben Vorlagen für Seiteninhalte verwendet. Der Unterschied zum Slider im Inhaltsbereich besteht lediglich in der Darstellung. Zudem kann ein Slider im Highlightbereich nur einmal auf der Startseite im Kopfbereich eingesetzt werden. |
Können andere 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. Im Regelfall ist jedoch der Highlightslider auf jeder Startseite initial bereits eingerichtet und muss nur in Ausnahmefällen manuell erstellt werden. |