Versionen im Vergleich

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

Silvio Haase (Unlicensed)

Stefan Renneke

Gespeichert am

Schlüssel

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

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

Inhalt
minLevel1
maxLevel5
outlinefalse
stylenone
typelist
printabletrue

1. Einleitung

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

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

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.

Info

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

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.

Info

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

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.


Info

Siehe dazu Kapitel Akkordeon

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

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

Hinweis

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

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

Info

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

Info

In der Standardkonfiguration ist die dargestellte Höhe des Einzelpost 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 Einzelpost Einzelposts ist standardgemäß bereits eine Höhe dieses Seiteninhalts angegeben. Die dargestellte Höhe des Einzelpost 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 EinzelpostEinzelposts. 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

Panel
panelIconId1f50d
panelIcon:mag:
panelIconText🔍
bgColor#E3FCEF

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.