Versionen im Vergleich

Version Alte Version 2 Neue Version 3
Änderungen wurden vorgenommen von

Silvio Haase

Silvio Haase

Gespeichert am

Schlüssel

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

X (ehemals Twitter)

Überblick

Name

contentclass-snippet.gifX (ehemals Twitter)

Ordner

folderopen.gif Inhalts- und Marginalspalten - Templates

Styleguide

noch kein Inhalt im Styleguide verfügbar

Inhaltsverzeichnis

Inhalt
minLevel1
maxLevel3
outlinefalse
stylenone
typelist
printabletrue

1. Einleitung

Mit Hilfe des Seiteninhalts X (ehemals Twitter) können im OpenText X-Kanäle auf der Seite eingebunden werden. Das Einbinden von X auf der Webseite kann die Nutzererfahrung (UX) verbessern und das Inhalts-Angebot bereichern.

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

2. Verschiedene Darstellungsmöglichkeiten

Darstellung_Seitenvorschau_1.png

2.1 X (ehemals Twitter) als einzelner Seiteninhalt

Je nach Seitenaufteilung (mit oder ohne Marginalspalte), variiert die Breite der Darstellung.
In der Beispielabbildung ist die Seitenaufteilung “Navigation-Inhalt breit” (ohne Marginalspalte) gewählt.


Info

Siehe dazu Kapitel Die Marginalspalte (Randspalte) und Kapitel Auswahl der Seitenaufteilung

Darstellung_Seitenvorschau_als_box.png

2.2 X (ehemals Twitter) als Seiteninhalte in einem

Teaserboxen-Container

Boxenbereich

Je nach Seitenaufteilung (mit oder ohne Marginalspalte), variiert die Breite der Darstellung. In der Beispielabbildung ist die Seitenaufteilung “Navigation-Inhalt breit” (ohne Marginalspalte) gewählt. Bei der Anordnung der YouTube-Elemente kann zwischen 2 oder 3 spaltigen Layout gewählt werden .

Info

Siehe dazu Kapitel Teaserboxen-Container

Darstellung_Seitenvorschau_Matrginalspalte.png

2.3 X (ehemals Twitter) als Seiteninhalt in der Marginalspalte

Ist die Seite in ein 3-spaltiges Layout aufgeteilt, kann X (ehemals Twitter) auch in der Marginalspalte verwendet werden.



Info

Siehe dazu Kapitel Die Marginalspalte (Randspalte) und Kapitel Auswahl der Seitenaufteilung

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

3. Verwendung im SmartEdit

3.1 Erstellen

YouTube-Video

X (ehemals Twitter)

Schrittweise Erläuterung für die Erstellung eines neuen Seiteninhalts basierend auf der CMS-Vorlage “contentclass-snippet.gif YouTube-Video/Stream X (ehemals Twitter)”.

Aktion

Vorschau im CMS

1

Seite öffnen

seite_oeffnen_green.png
2icon_reddot_multilink.png

Pattern im Inhaltsbereich hinzufügen, sortieren, entfernen

pattern_hinzufuegn_green.png
3AMnu_ConnectNewPage.gif

Seite erstellen & verknüpfen

seite_erstellen_green.png
4folderopen.gif

Content-Klassen Ordner “Social-Media” auswählen

Hinweis

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

content_klasse-waehlen-green.png
5contentclass-snippet.gif

Content-Klasse “YouTube-Video/StreamX (ehemals Twitter)” auswählen

Hinweis

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

template_waehlen_green.png
6

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
7

Mit “OK” bestätigen

ok_green.png
8

Darstellung nach Erstellung “X (ehemals Twitter)”.

Info

In den Voreinstellung ist der X-Kanal von Sachsen eingestellt. Bei Bedarf kann ein anderer Kanal ausgewählt werden. Siehe dazu Abschnitt Kanalauswahl.

X_bearbeiten.png

3.2 Bearbeiten

X_bearbeiten.png

Bezeichnung

Beschreibung

icon_reddot_openpage (1).png X (ehemals Twitter) öffnen

Seiteninhalt zur Bearbeitung öffnen

icon_reddot_closepage (1).png X (ehemals Twitter) schließen

Bearbeitung beenden

twitter.png Kanalauswahl

Auswahl eines oder mehrerer Kanäle

icon_reddot.png Überschrift

Einfügen einer Überschrift - dies ist optional.

icon_reddot.png Höhe

Höhe des Seiteninhalts bestimmen. Die Höhe des Seiteninhalts kann individuell bestimmt werden. Dies ist optional und kann entsprechend den Bedürfnissen verwendet werden. Sieh dazu Abschnitt Höhe des Seiteninhalts.
Die Abbildung zeigt den Seiteninhalt in der vom CMS voreingestellten Höhe.

3.2.1

Videoauswahl

Kanalauswahl

Ansicht_SmartEdit_Videoauswahl.pngImage Removed

Symbol

Aktion

Vorschau im CMS

1icon_reddot_obligatory.pngImage Removedtwitter.pngImage Added

YouTube Video

Kanalauswahl

Detail_menu.pngImage RemovedX_bearbeiten_Kanal.pngImage Added
2

icon_video.pngImage Removed

Auswahl über Video

Video aus der angezeigten Auswahl wählen (im Beispiel wurde “Bürgerbeteiligung in Sachsen: …” gewählt)

Auswahl eines bestimmten Kanals

  • aus der Liste Verfügbaren Kanäle einen Kanal auswählen

  • per “Drag & Drop” in Angezeigte Kanäle verschieben

  • Mit “Speichern” bestätigen

videoauswahl_standard.pngImage Removed
Info

Mehrfachauswahl möglich. Siehe dazu Abschnitt Mehrfachauswahl von Kanälen.

Kanalauswahl.pngImage Added
3icon_playlist.pngImage Removed

Auswahl über Playlist

  • gewünschte Playlist auswählen

  • entsprechendes Video auswählen

  • Mit “Speichern” bestätigen

videoauswahl_playlist.pngImage Removed

4icon_search.pngImage Removed

Auswahl über Suchfenster

  • Suchbegriff im Suchfeld eingeben (im Beispiel: “Bürgerbeteiligung”)

    • entsprechendes Video auswählen

    Darstellung nach erfolgter Auswahl eines (anderen) Kanals. Siehe Abbildung 1 in diesem Abschnitt zum Vergleich.

    		Darstellung_nach_Kanalauswahl.pngImage Added
    4

    Mehrfachauswahl von Kanälen

    • aus der Liste Verfügbaren Kanäle einen Kanal auswählen

    • per “Drag & Drop” in Angezeigte Kanäle verschieben

    • Vorgang für jeden Kanal, welcher angezeigt werden soll wiederholen

    • Mit “Speichern” bestätigen

    		videoauswahl_suche.pngImage RemovedKanalauswahl_mehrfach.pngImage Added
    5icon_id.pngImage Removed

    Auswahl über ID

    Soll ein Video eingebunden werden, welches im YouTube-Kanal des Freistaates Sachsen nicht angeboten wird, dann kann dies über die ID des Videos eingebunden werden.

    • Video bei YouTube aufrufen

    • ID in der URL kopieren (in der Adresszeile des Browsers
      z. Bsp. https://www.youtube.com/watch?v=TRBi78r54A8)

    • einfügen der ID im Feld Video-ID (siehe Abbildung)

    • Mit “Speichern” bestätigen

    Info

    Die Abbildung zeigt einen zusätzlichen Ausschnitt von der YouTube Seite und dient nur zur Darstellung.

    		videoauswahl_2.pngImage Removed6

    Darstellung nach der Auswahl im SmartEdit

    Darstellung nach Mehrfachauswahl von Kanälen

    • Es wird immer nur einer der Kanäle angezeigt

    • Die einzelnen Kanäle können über eine Dropdown-Liste ausgewählt und angezeigt werden.

    Info

    Sollen mehrere Kanäle gleichzeitig angezeigt werden, kann der Seiteninhalt X (ehemals Twitter) z. Bsp. in einem Boxenbreich mehrfach dargestellt. Siehe dazu Abbildung 2.2 X (ehemals Twitter) als Seiteninhalte in einem Teaserboxen-Container

    		Darstellung_nach_Kanalauswahl_mehrfach.pngImage Added

    3.2.2 Höhe des Seiteninhalt

    im CMS ist die Höhe dieses Seiteninhalts bereits voreingestellt (siehe Abbildung 1 Vorschau im CMS). Soll die Höhe den individuellen Bedürfnissen angepasst werden, so kann diese Anpassung, wie folgend beschrieben, vorgenommen werden.

    Symbol

    Aktion

    Vorschau im CMS

    1icon_reddot.pngImage Added

    Höhe

    		.X_bearbeiten_Hoehe.pngImage Added
    2

    Höhe des Seiteninhalts bestimmen

    • benutzerdefinierte Angabe in px (z. Bsp. 500px) oder

    • Auswahl aus 2 Optionen

      • ein Beitrag

      • zwei Beiträge

    		.X_bearbeiten_Hoehe_auswahl.pngImage Added
    3

    Darstellung mit Höhe aus Auswahl “ein Beitrag”
    (siehe Abbildung 1 in diesem Abschnitt zum Vergleich)

    		.X_bearbeiten_Hoehe_ein_Beitrag.pngImage Added
    Panel
    panelIconId1f50d
    panelIcon:mag:
    panelIconText🔍
    bgColor#E3FCEF

    4. Häufig gestellte Fragen (FAQ)

    Frage

    Antwort

    Welcher YouTube Kanal ist bei der Videoauswahl hinterlegt?

    Der YouTube Kanal des “FreistaatSachsen” https://www.youtube.com/FreistaatSachsen

    Kann im CMS ein anderer YouTube Kanal eingestellt werden?

    Nein, aktuell ist der Kanal in einer zentralen Einstellung vorgegeben.

    Kann ein YouTube Video aus einem anderen YouTube Kanal laden?

    Ja, siehe Abschnitt Videoauswahl - Auswahl über ID

    Wie kann ein Video der Videoauswahl hinzugefügt werden?

    Die Onlineredaktion ist für die Verwaltung des YouTube Kanal des “FreistaatSachsen” https://www.youtube.com/FreistaatSachsen zuständig.

    Ist es möglich Videos aus anderen Quellen als YouTube zu laden?

    Die Funktion ist aktuell nicht vorgesehen.

    Bei Anregungen zum Styleguide können Sie sich gern an die Onlineredaktion - onlineredaktion@sk.sachsen.de wenden.