Zum Ende der Metadaten springen
Zum Anfang der Metadaten

Sie zeigen eine alte Version dieser Seite an. Zeigen Sie die aktuelle Version an.

Unterschiede anzeigen View Version History

« Vorherige Version anzeigen Version 5 Nächste Version anzeigen »

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

1. Einleitung

Mit Hilfe diesen 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.

2. Verschiedene Darstellungsmöglichkeiten

Darstellung_1.png

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.

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

Darstellung_4.png

2.2 X (ehemals Twitter) - Einzelpost als 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.


Siehe dazu Abschnitt 3.2.1 Quellcode Punkt 4

Darstellung_3.png

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.

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

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

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

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_Erstellen.png

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

Darstellung_nach_Erstellen.png

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_obligatory (1).png 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.png

Quellcode

Quellcode.png
2

Quellcode einfügen

  • entsprechenden Quellcode einfügen

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

Quellcode_einfuegen.png
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 Fenster “Post einbetten” klicken

Quellcode_ermitteln.png
4

Quellcode kopieren

  • im folgenden sich öffnenden Fenster “Embedded Post” ODER “Embedded Video” klicken

Die Option “Embedded Video” sollte nur verwendet werden, wenn in dem Einzelpost ein Video beinhaltet und die Darstellung (siehe dementsprechend

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

Quellcode_kopieren.png
5

Quellcode einfügen

  • siehe Punkt 2 Quellcode einfügen

  • mit “Speichern” bestätigen

  • “Schließen”

Quellcode_einfuegen_2.png
6

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

Darstellung_nach_einfuegen_Quellcode.png
7

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

Darstellung_nach_einfuegen_Quellcode_2.png

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 Einzelpost, als andere Quellen zur Verfügung.

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

  • Keine Stichwörter