Versionen im Vergleich

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

Silvio Haase (Unlicensed)

Igor Seifert

Gespeichert am

Schlüssel

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

X (ehemals Twitter) - Einzelpost

Überblick

Name

contentclass-snippet.gif X (ehemals Twitter) Einzelpost

Ordner

folderopen.gif Inhalts- und Marginalspalten - Templates

Styleguide

https://www.styleguide.sachsen.de/soziale-netzwerke-4046.html

Inhaltsverzeichnis

Inhalt
minLevel1
maxLevel5
outlinefalse
stylenone
typelist
printabletrue

1. Einleitung

Mit Hilfe diesen dieses Seiteninhalts können im OpenText X (ehemals Twitter) - Einzelposts auf der Seite eingebunden werden. Das Einbinden von X (ehemals Twitter) auf der Webseite kann die Nutzererfahrung (UX) verbessern und das Inhalts-Angebot bereichern. Zudem bietet es die Möglichkeit, auf andere Themen außerhalb der Webseite aufmerksam zu machen. Als Teaserboxen kann dieser Seiteninhalt mit anderen Boxen wie Facebook-Einzelpost kombiniert werden.

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

2. Verschiedene Darstellungsmöglichkeiten

Darstellung_1.pngImage RemovedDarstellung_1.pngImage Added

2.1 X (ehemals Twitter) - Einzelpost als einzelner Seiteninhalt

Je nach Seitenaufteilung (mit oder ohne Marginalspalte), variiert der zur Verfügung stehende Platz neben dem Seiteninhalt.
In der Beispielabbildung ist die Seitenaufteilung “Navigation-Inhalt breit” (ohne Marginalspalte) gewählt.

Info

Siehe dazu Kapitel Die Marginalspalte (Randspalte) 7.6 Marginalinhalte in der Marginalspalte und Kapitel Auswahl der Seitenaufteilung.

Darstellung_2.pngImage Removed
Darstellung_4.pngImage Added

2.2 X (ehemals Twitter) - Einzelpost als

Seiteninhalt mit MarginalboxJe nach Seitenaufteilung (mit oder ohne Marginalspalte), kann die rechte Seite neben dem Seiteninhalt auch mit anderen Inhalten befüllt werden. In der Beispielabbildung wurde die Seitenaufteilung “Navigation-Inhalt-Marginalspalte” gewählt und eine Linkliste platziert

Video

Beinhaltet der X (ehemals Twitter) - Einzelpost ein Video, so kann dies auch einzeln eingebettet werden. Der dargestellte Teil des Einzelposts beschränkt sich dann auf das Video.


Info

Siehe dazu

Kapitel Die Marginalspalte (Randspalte) und Kapitel Auswahl der Seitenaufteilung Darstellung_3.pngImage Removed

Abschnitt 3.2.1 Quellcode Punkt 4 (Quellcode kopieren).

Darstellung_3.pngImage Added

2.3 X (ehemals Twitter) - Einzelpost als Seiteninhalt in der Marginalspalte

Es ist auch möglich, den X (ehemals Twitter)-Einzelpost in der Marginalspalte zu integrieren. In der Beispielabbildung wurde die Seitenaufteilung “Navigation-Inhalt-Marginalspalte” gewählt.

Info

Siehe dazu Kapitel Die Marginalspalte (Randspalte) 7.6 Marginalinhalte in der Marginalspalte und Kapitel Auswahl der Seitenaufteilung.

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

3. Verwendung im SmartEdit

3.1 Erstellen des Seiteninhalts “X (ehemals Twitter) - Einzelpost”

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

Aktion

Vorschau im CMS

1

Seite öffnen

seite_oeffnen_green.png
2icon_reddot_multilink.png

Seiteninhalte

Seiteninhalte_allgemein.png
3AMnu_ConnectNewPage.gif

Seite erstellen & verknüpfen

seite_erstellen_green.png
4folderopen.gif

Content-Klassen Ordner “Inhalts- und Marginalspalten - Templates” auswählen

Hinweis

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

Content_Klassen-Ordner.png
5contentclass-snippet.gif

Content-Klasse “X (ehemals Twitter) - Einzelpost” auswählen

Hinweis

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

Content_Klassen.png
6

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
7

Mit “OK” bestätigen

ok_green.png
8

Darstellung nach Erstellung “X (ehemals Twitter) - Einzelpost”.

Darstellung_nach-Auswahl.pngImage RemovedDarstellung_nach_Erstellen.pngImage Added

3.2 Bearbeiten des Seiteninhalts “X (ehemals Twitter)-Einzelpost”

Darstellung_nach-Auswahl.pngImage RemovedDarstellung_nach_Erstellen.pngImage Added

Bezeichnung

Beschreibung

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

Seiteninhalt zur Bearbeitung öffnen

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

Bearbeitung beenden

icon_reddot.png Überschrift

Einfügen einer Überschrift (optional).

icon_reddot.pngImage Removed icon_reddot_obligatory (1).pngImage Added Quellcode

Einfügen des Quellcodes des entsprechenden Facebook-Einzelposts,

Siehe dazu Abschnitt 3.2.1 Quellcode.

3.2.1 Quellcode

Symbol

Aktion

Vorschau im CMS

1icon_reddot_obligatory.pngImage Removed

QuellcodeEinzelpost_Hoehe_aendern.pngImage Removed2

Höhe des Seiteninhalts ändern

  • den Wert bei “height” von 250 auf 726 ändern
    (726px entspricht der gesamten Höhe des Einzelpost. Die Höhe kann auch individuell den Bedürfnissen angepasst werden.)

  • Mit “Speichern” bestätigen

Quellcode_Eingabe_code_hoehe.pngImage Removed3

Darstellung nach Änderung der Höhenangabe im Quellcode (der Einzelpost wird nun vollständig dargestellt)

Darstellung_Hoehe_aendern.pngImage Removed

Symbol

Aktion

Vorschau im CMS

1icon_reddot_obligatory.png

Quellcode

Darstellung_Quellcode.pngImage RemovedQuellcode.pngImage Added
2

Quellcode einfügen

  • entsprechenden Quellcode einfügen

Info

Wo und wie der entsprechende Quellcode zu finden ist wird im nächsten Punkt beschrieben.

Quellcode_Eingabe.pngImage RemovedQuellcode_einfuegen.pngImage Added
3

Quellcode ermitteln

  • X (ehemals Twitter)-Seite im Browser aufrufen (Im Beispiel wurde die X (ehemals Twitter)-Seite des Freistaat-Sachsen verwendet)

  • gewünschten Einzelpost aussuchen

  • in der Anzeige des Einzelpost auf die drei Punkte icon_menu.png klicken

  • im folgenden geöffneten sich öffnenden Fenster “Einbetten” “Post einbetten” klicken

facebookseite_sachsen.pngImage RemovedQuellcode_ermitteln.pngImage Added
4icon_code_copy.pngImage Removed

Code Quellcode kopieren

facebookseite_sachsen_code.pngImage Removed5

Quellcode einfügen

  • siehe Punkt 2 Quellcode einfügen

  • mit “Speichern” bestätigen

  • “Schließen”

Quellcode_Eingabe_code.pngImage Removed6

Darstellung nach Einfügen des Quellcodes

Info

In der Standardkonfiguration ist die dargestellte Höhe des Einzelpost 250 px, so wie in der Beispielabbildung zu sehen. Soll der Einzelpost in der gesamten Höhe auf der Seite dargestellt werden, so ist dies über eine Änderung der Höhenangabe im Quellcode möglich.

Darstellung_nach_Eingabe_Quellcode.pngImage Removed

3.2.2 Höhe des Seiteninhalt

Im dem Quellcode zum Einbetten eines Einzelpost ist standardgemäß bereits eine Höhe dieses Seiteninhalts angegeben. Die dargestellte Höhe des Einzelpost beträgt somit 250px (siehe Abbildung Abschnitt 3.2.1 Quellcode Punkt 6). Soll die Höhe den individuellen Bedürfnissen angepasst werden, so kann diese Anpassung, wie folgend beschrieben, vorgenommen werden.

  • “Embedded Post” ODER “Embedded Video” wählen

Hinweis

Die Option “Embedded Video” und die somit entsprechende Darstellung (siehe 2.2 Einzelpost als Video) sollte nur verwendet werden, wenn der Einzelpost ein Video beinhaltet und die Darstellung (siehe 2.2 Einzelpost als Video) dementsprechend gewünscht ist.

  • “Copy Code” klicken (Kopieren des Quellcodes in die Zwischenablage)

Quellcode_kopieren.pngImage Added
5

Quellcode einfügen

  • siehe Punkt 2 Quellcode einfügen

  • mit “Speichern” bestätigen

  • “Schließen”

Quellcode_einfuegen_2.pngImage Added
6

Darstellung nach Einfügen des Quellcodes als “Embedded Post”

Darstellung_nach_einfuegen_Quellcode.pngImage Added
7

Darstellung nach Einfügen des Quellcodes als “Embedded Video”

Darstellung_nach_einfuegen_Quellcode_2.pngImage Added

Panel
panelIconId1f50d
panelIcon:mag:
panelIconText🔍
bgColor#E3FCEF

4. Häufig gestellte Fragen (FAQ)

Frage

Antwort

Können sämtliche X (ehemals Twitter)-Einzelposts integriert werden?

Es können alle Einzelposts des X (ehemals Twitter) - Kanal “Freistaat Sachsen” ausgewählt werden.

Warum kann der Einzelpost nicht schmaler dargestellt werden?

Ist es möglich Einzelposts aus anderen Quellen als X (ehemals Twitter) zu laden?

Ja, es stehen weitere Seiteninhalt, z. Bsp. X (ehemals Twitter) als Facebook - Einzelpost, als andere Quellen zur Verfügung.

Bei Anregungen zum Styleguide können Sie sich gern an die Onlineredaktion wenden.