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 Aktuelle »

Facebook - Einzelpost

Überblick

Name

contentclass-snippet.gifFacebook - Einzelpost

Ordner

folderopen.gifInhalts- und Marginalspalten - Templates

Styleguide

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

Inhaltsverzeichnis


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.

Darstellung_Akkordeon.png

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.


Siehe dazu Kapitel Akkordeon


3. Verwendung im SmartEdit

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

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 “Facebook - 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 “Facebook - Einzelpost”.

Darstellung_nach-Auswahl.png

3.2 Bearbeiten des Seiteninhalts “Facebook-Einzelpost”

Darstellung_nach-Auswahl.png

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

1icon_reddot_obligatory.png

Quellcode

Darstellung_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_Eingabe.png
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

facebookseite_sachsen.png
4icon_code_copy.png

Code kopieren

facebookseite_sachsen_code.png
5

Quellcode einfügen

  • siehe Punkt 2 Quellcode einfügen

  • mit “Speichern” bestätigen

  • “Schließen”

Quellcode_Eingabe_code.png
6

Darstellung nach Einfügen des Quellcodes

In der Standardkonfiguration ist die dargestellte Höhe des Einzelposts 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.png

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

1icon_reddot_obligatory.png

Quellcode

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

Quellcode_Eingabe_code_hoehe.png
3

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

Darstellung_Hoehe_aendern.png


4. Häufig gestellte Fragen (FAQ)

Frage

Antwort

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

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

Warum kann der Einzelpost nicht schmaler dargestellt 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.

  • Keine Stichwörter