Versionen im Vergleich

Version Alte Version 1 Neue Version 2
Änderungen wurden vorgenommen von

Silvio Haase (Unlicensed)

Silvio Haase (Unlicensed)

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.gif Inhalts- und Marginalspalten - TemplatesSocial Media

Styleguide

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

Inhaltsverzeichnis

Inhalt
minLevel1
maxLevel5
outlinefalse
stylenone
typelist
printabletrue

1. Einleitung

Mit Hilfe diesen Seiteninhalts können im OpenText Facebook - Kanäle 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

Seitenvorschau_einzel.png

2.1 Facebook - Kanal als einzelner Seiteninhalt

Je nach Seitenaufteilung (mit oder ohne Marginalspalte), variiert die Breite der Darstellung.
In der Beispielabbildung ist die Seitenaufteilung “Navigation-Inhalt breit” (ohne Marginalspalte) gewählt.


Info

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

Seitenvorschau_boxenbereich.png

2.2 X Facebook - Kanal als Seiteninhalte in einem Boxenbereich

Je nach Seitenaufteilung (mit oder ohne Marginalspalte), variiert die Breite der Darstellung. In der Beispielabbildung ist die Seitenaufteilung “Navigation-Inhalt breit” (ohne Marginalspalte) gewählt. .

Info

Siehe dazu Kapitel Teaserboxen-Container

Seitenvorschau_marginal.png

2.3 Facebook - Kanal als Seiteninhalt in der Marginalspalte

Ist die Seite in ein 3-spaltiges Layout aufgeteilt, kann X (ehemals Twitter) auch in der Marginalspalte verwendet werden.



Info

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

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

3. Verwendung im SmartEdit

3.1 Erstellen Facebook - Kanal

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

Aktion

Vorschau im CMS

1

Seite öffnen

seite_oeffnen_green.png
2icon_reddot_multilink.png

Pattern im Inhaltsbereich hinzufügen, sortieren, entfernen

pattern_hinzufuegn_green.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_klasse-waehlen-green.png
5contentclass-snippet.gif

Content-Klasse “Facebook - Kanal” auswählen

Hinweis

Das Bildschirmfoto bildet eine allgemeine Darstellung von Content-Klassen ab. Kann ggf. abweichen.

template_waehlen_green.png
6

Es erscheint ein Dialogfenster mit einem aus der Content-Klasse generierten Seitennamen, der mit der späteren Überschrift der neuen Seite 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 - Kanal”.

Info

Die Facebook-Integration ist im SmartEdit-Modus nicht verfügbar. Der vollständige Seiteninhalt ist in der Seitenvorschau sichtbar.

Darstellung_nach-Auswahl.png

3.2 Bearbeiten

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

Eingabe 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.pngImage RemovedDarstellung_Quellcode.pngImage Added
2

Auswahl eines bestimmten Kanals

  • aus der Liste Verfügbaren Kanäle einen Kanal auswählen

  • per “Drag & Drop” in Angezeigte Kanäle verschieben

  • Mit “Speichern” bestätigen

Info

Mehrfachauswahl möglich. Siehe dazu Punkt 4 Mehrfachauswahl von Kanälen.

Kanalauswahl.pngImage Removed3

Darstellung nach erfolgter Auswahl in der Seitenvorschau (Darstellung im SmartEdit-Modus nicht möglich). Im Beispiel wurde der Kanal “Sachsen,de” gewählt.

Seitenvorschau_einzel.pngImage Removed

4

Mehrfachauswahl von Kanälen

  • aus der Liste Verfügbaren Kanäle einen Kanal auswählen

  • per “Drag & Drop” in Angezeigte Kanäle verschieben

  • Vorgang für jeden Kanal, welcher angezeigt werden soll wiederholen

  • Mit “Speichern” bestätigen

Kanalauswahl_multi.pngImage Removed5

Darstellung in der Seitenvorschau nach Mehrfachauswahl von Kanälen

  • Es wird immer nur einer der Kanäle angezeigt

  • Die einzelnen Kanäle selbst können über eine Dropdown-Liste ausgewählt und angezeigt werden.

Info

Sollen mehrere Kanäle gleichzeitig angezeigt werden, kann der Seiteninhalt Facebook-Kanal z. Bsp. in einem Boxenbreich mehrfach dargestellt werden. Siehe dazu Abbildung 2.2 Facebook - Kanal als Seiteninhalte in einem Boxenbereich

Darstellung_Kanalaswahl_multi.pngImage Removed

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.pngImage Added
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 auf die drei Punkte icon_menu.pngImage Added klicken

  • im folgenden geöffneten Fenster “Einbetten” klicken

facebookseite_sachsen.pngImage Added
4icon_code_copy.pngImage Added

Code kopieren

facebookseite_sachsen_code.pngImage Added
5

Quellcode einfügen

  • siehe Punkt 2 Quellcode einfügen

  • mit “Speichern” bestätigen

  • “Schließen”

Quellcode_Eingabe_code.pngImage Added
6

Darstellung nach Einfügen des Quellcodes

Info

In der Standardkonfiguration ist die dargestellte Höhe des Einzelpost 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.pngImage Added

3.2.2 Höhe des Seiteninhalt

im CMS ist die Höhe dieses Seiteninhalts bereits voreingestellt (siehe Abbildung 1 Vorschau im CMS). 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.pngImage Removedicon_reddot_obligatory.pngImage Added

Höhe

Quellcode

Darstellung_nach_Auswahl_Hoehe.pngImage RemovedDarstellung_nach_Eingabe_Quellcode.pngImage Added
2

Höhe des Seiteninhalts bestimmen

  • benutzerdefinierte Angabe in px (z. Bsp. 500px) oder

  • Auswahl aus 2 Optionen

    • ein Beitrag

    • zwei Beiträge

.X_bearbeiten_Hoehe_auswahl.pngImage Removed

ändern

  • den Wert bei “height” von 250 auf 728 ändern

  • Mit “Speichern” bestätigen

Quellcode_Eingabe_code_hoehe.pngImage Added
3

Darstellung in der Seitenvorschau mit Höhe “ein Beitrag”
(siehe Abbildung unter 2.1 Facebook - Kanal als einzelner Seiteninhalt zum Vergleich)

Darstellung_nach_Auswahl_Hoehe_ein-Beitrag.pngImage Removed

nach Änderung der Höhenangabe im Quellcode

Panel
panelIconId1f50d
panelIcon:mag:
panelIconText🔍
bgColor#E3FCEF

4. Häufig gestellte Fragen (FAQ)

Frage

Antwort

Welcher Kanäle sind bei der Kanalauswahl hinterlegt?

Die Facebook - Kanäle des Freistaat Sachsen.

Kann im CMS andere Facebook-Kanal eingestellt werden?

Nein, aktuell sind die Kanäle in der zentralen Einstellung vorgegeben.

Wie kann ein Kanal bei der Kanalauswahl hinzugefügt werden?

Die Onlineredaktion ist für die Verwaltung der Facebook - Kanäle des “FreistaatSachsen” https://www.youtube.com/FreistaatSachsen zuständig.

Ist es möglich Kanäle aus anderen Quellen als Facebook zu laden?

Ja, es stehen weitere Seiteninhalt, z. Bsp. X (ehemals Twitter), als andere Quellen zur Verfügung.

Bei Anregungen zum Styleguide können Sie sich gern an die Onlineredaktion - onlineredaktion@sk.sachsen.de wenden.