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 18 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. Als Teaserboxen kann dieser Seiteninhalt mit anderen Boxen wie Facebook-Einzelpost kombiniert werden.

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 7.6 Marginalinhalte in der Marginalspalte 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 (Quellcode kopieren).

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 7.6 Marginalinhalte in der Marginalspalte 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 sich öffnenden Fenster “Post einbetten” klicken

Quellcode_ermitteln.png
4

Quellcode kopieren

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

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

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

Ja, es stehen weitere Seiteninhalt, z. Bsp. Facebook - Einzelpost, als andere Quellen zur Verfügung.

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

  • Keine Stichwörter