Published — v. 19
/
Facebook - Einzelpost

Facebook - Einzelpost

Facebook - Einzelpost

 

Überblick

Name

contentclass-snippet.gifFacebook - Einzelpost

Ordner

folderopen.gifInhalts- und Marginalspalten - Templates

Styleguide

Soziale Netzwerke - Styleguide 2.0 - sachsen.de

 


1. Einleitung

Mit Hilfe dieses Seiteninhalts können im OpenText Facebook - Einzelposts auf der Seite eingebunden werden. Das Einbinden von Facebook 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_einzel.png

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

 

Darstellung_mit_Marginalbox.png

2.2 Facebook - Einzelpost als Seiteninhalt mit Marginalbox

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

 

2.3 Facebook - Einzelpost als Akkordeoneintrag

Es ist auch möglich, einen Facebook-Einzelpost als Akkordeoneintrag zu gestalten. Die Abbildung zeigt den Einzelpost bei geöffneten Akkordeon.



 


 

3.1 Erstellen des Seiteninhalts “Facebook - Einzelpost”

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

 

Aktion

Vorschau im CMS

 

Aktion

Vorschau im CMS

1

 

Seite öffnen

2

 

Seiteninhalte

3

Seite erstellen & verknüpfen

4

 

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

5

 

Content-Klasse “Facebook - Einzelpost” auswählen

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.

7

 

Mit “OK” bestätigen

8

 

Darstellung nach Erstellung “Facebook - Einzelpost”.

 

3.2 Bearbeiten des Seiteninhalts “Facebook-Einzelpost”

 

 

Bezeichnung

Beschreibung

Bezeichnung

Beschreibung

icon_reddot_openpage (1).png Facebook - Einzelpost öffnen

Seiteninhalt zur Bearbeitung öffnen

icon_reddot_closepage (1).png Facebook - Einzelpost schließen

Bearbeitung beenden

icon_reddot.png Überschrift

Einfügen einer Überschrift (optional).

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

Symbol

Aktion

Vorschau im CMS

1

 

Quellcode

2

Quellcode einfügen

  • entsprechenden Quellcode einfügen

 

3

 

Quellcode ermitteln

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

  • gewünschten Einzelpost aussuchen

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

  • im folgenden geöffneten Fenster “Einbetten” klicken

4

 

Code kopieren

5

 

Quellcode einfügen

  • siehe Punkt 2 Quellcode einfügen

  • mit “Speichern” bestätigen

  • “Schließen”

6

 

Darstellung nach Einfügen des Quellcodes

 

 

3.2.2 Höhe des Seiteninhalt

Im dem Quellcode zum Einbetten eines Einzelposts ist standardgemäß bereits eine Höhe dieses Seiteninhalts angegeben. Die dargestellte Höhe des Einzelposts 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.

Symbol

Aktion

Vorschau im CMS

Symbol

Aktion

Vorschau im CMS

1

Quellcode

 

2

Höhe des Seiteninhalts ändern

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

  • Mit “Speichern” bestätigen

3

 

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

 


 

Frage

Antwort

Frage

Antwort

Können sämtliche Facebook-Einzelposts integriert werden?

Es können alle Einzelposts des Facebook - Kanal “Freistaat Sachsen” ausgewählt werden.

Ist es möglich Einzelposts aus anderen Quellen als Facebook 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.