Versionen im Vergleich

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

Silvio Haase

Igor Seifert

Gespeichert am

Schlüssel

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

Eingebetteter eigener Code

Überblick

Name

contentclass-snippet.gifEingebetteter eigener Code

Ordner

folderopen.gif Inhalts - Templates

Styleguide

noch kein Inhalt verfügbar

Inhaltsverzeichnis

Inhalt
minLevel1
maxLevel5
outlinefalse
stylenone
typelist
printabletrue

1. Einleitung

Das Template »Eingebettete Inhalte«, besser wäre »Eingebetteter Sourcecode«, “Eingebetteter eigener Code” steht nur sehr wenigen Redakteuren zur Verfügung. Aufgabe dieses Templates Seiteninhalts ist es, sachsen.de-fremden Softwarecode in einer sachsen.de-Webseite einzubetten und die Funktionalität anderer Webseiten innerhalb der sachsen.de-Seite bereitzustellen. Häufigster und zugleich einfachster Anwendungsfall dürften in diesem Zusammenhang »Iframe«“Iframe-Integrationen Integrationen” sein, die es erlauben, eine andere Webseite oder Teile davon in http:// www.sachsen.de anzuzeigen. Möglich sind z.B. auch Webcams, Wetter-Widgets , oder auch Schnittstellen zu Drittanbietern wie Amt24 usw..
Was genau ein Quellcode ist, woher ein Quellcode bezogen werden kann und welche Voraussetzungen dafür erfüllt sein müssen, bedarf spezifischer Arbeitsschritte. Auf der Seite https://buergerbeteiligung.sachsen.de/portal/widgets/samples/beteiligungsdetail.xhtml werden diese näher beschrieben. Es wird empfohlen, diese Beschreibung als Erstes zu lesen und im Folgenden mit den nächsten beschriebenen Arbeitsschritten fortzufahren.

Voraussetzung für das Einbinden solcher Inhalte ist eine »sichere Verbindung« “sichere Verbindung” zum Drittserver via HTTPS.

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

2. Verschiedene Darstellungsmöglichkeiten

Darstellung_1.pngImage RemovedDarstellung_1.pngImage Added

2.1

Facebook - Kanal

Eingebetteter Code 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) 7.6 Marginalinhalte in der Marginalspalte und Kapitel Auswahl der Seitenaufteilung.

darstellun_2.pngImage Removed
Darstellung_2.pngImage Added

2.2

Facebook - Kanal als Seiteninhalte in einem BoxenbereichFacebook-Kanäle können auch mehrfach (beispielsweise nebeneinander) dargestellt werden. Dies bietet die Möglichkeit auf verschiedene Kanäle aufmerksam zu machen

Eingebetteter Code als Akkordeoneintrag

Ein Code und dessen inhaltliche Darstellung kann auch als Akkordeoneintrag integriert werden. Die Darstellung zeigt den Inhalt des Quellcodes bei geöffnetem Akkordeon in der Seitenvorschau.
Je nach Seitenaufteilung (mit oder ohne Marginalspalte), variiert die Breite der Darstellung.

Info

Siehe dazu auch Kapitel Boxenbereich und Die Marginalspalte (Randspalte) Akkordeon und 7.6 Marginalinhalte in der Marginalspalte und Kapitel Auswahl der Seitenaufteilung.

Darstellung_3.pngImage Removed
Darstellung_3.pngImage Added

2.3

Facebook - Kanal

Eingebetteter Code als weiterer Seiteninhalt in

der Marginalspalte Ist die Seite in ein 3-spaltiges Layout aufgeteilt, kann ein Facebook-Kanal auch in der Marginalspalte verwendet werden

“Bild und Text”

Der Seiteninhalt “Eingebetteter Code” kann auch als weiterer Seiteninhalt in “Bild und Text” eingebunden werden. Somit kann der Text als Einleitung dienen und stellt einen besonderen Bezug zum eingebundenen Inhalt des Quellcodes dar.

Info

Siehe dazu

Kapitel Die Marginalspalte (Randspalte) und Kapitel Auswahl der Seitenaufteilung

auch Kapitel Überschrift+Bild+Textabsatz.

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

3. Verwendung im SmartEdit

3.1 Erstellen des Seiteninhalts

“Facebook - Kanal”

“Eingebetteter eigener Code”

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

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 - KanalEingebetteter eigener Code” 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 Seiteinhalts 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”“Eingebetteter eigener Code”.

Darstellung_nach_Auswahl.pngImage Removed

Info

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

Aus Sicherheitsgründen können eingebettete Inhalte innerhalb des CMS nur angezeigt, wenn diese über eine sichere Verbindung (HTTPS) geladen werden.

Darstellung_nach_Erstellen.pngImage Added

3.2 Bearbeiten des Seiteninhalts

“Facebook-Kanal”
Darstellung_nach_Auswahl.pngImage Removed

“Eingebetteter eigner Code”

Darstellung_nach_Erstellen.pngImage Added

Bezeichnung

Beschreibung

icon_reddot_openpage (1).pngFacebook - Kanal Eingebetteter eigener Code öffnen

Seiteninhalt zur Bearbeitung öffnen

icon_reddot_closepage (1).pngFacebook - Kanal Eingebetteter eigener Code schließen

Bearbeitung beenden

facebook.pngImage Removed Kanalauswahl

Auswahl eines oder mehrerer Kanäle

Die einzelnen Schritte sind im Abschnitt 3.2.1 Kanalauswahlbeschrieben.

icon_reddot.pngImage Removed Überschrift

Einfügen einer Überschrift (optional).

icon_reddot.pngImage Removed Höhe

Höhe des Seiteninhalts bestimmen. Die Höhe des Seiteninhalts kann individuell bestimmt werden. Dies ist optional und kann entsprechend den Bedürfnissen verwendet werden. Sieh dazu Abschnitt 3.2.2 Höhe des Seiteninhalts.
Die Abbildung zeigt den Seiteninhalt in der vom CMS voreingestellten Höhe.

icon_reddot.pngImage Added Quellcode

Einfügen von Quellcode

3.2.1

Kanalauswahl

Quellcode am Beispiel “Bürgerbeteiligung”

Symbol

Aktion

Vorschau im CMS

1icon_reddot.pngImage Removed

HöheDarstellung_nach_Auswahl_Hoehe.pngImage Removed2

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 Removed3

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

Symbol

Aktion

Vorschau im CMS

1facebook.pngImage Removedicon_reddot.pngImage Added

Kanalauswahl

Quellcode

Darstellung_nach_Auswahl_Kanal.pngImage RemovedQuellcode.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

    • Eingabe des Quellcodes

    • entsprechenden Quellcode einfügen

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

    		Darstellung_1.pngImage Removed4

    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

    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.

    • “Schließen”

    Info

    Woher ein Quellcode bezogen werden kann und welche Voraussetzungen dafür erfüllt sein müssen, bedarf spezifischer Arbeitsschritte. Auf der Seite https://buergerbeteiligung.sachsen.de/portal/widgets/samples/beteiligungsdetail.xhtml werden diese näher beschrieben.

    		Quellcode_eingeben.pngImage Added
    3

    Darstellung nach Einfügen des Quellcodes der Plattform “Bürgerbeteiligung”.

    		Darstellung_einfuegen_code.pngImage Added

    Panel
    panelIconId1f50d
    panelIcon:mag:
    panelIconText🔍
    bgColor#E3FCEF

    4. Häufig gestellte Fragen (FAQ)

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

    Frage

    Antwort

    Welche Kanäle sind bei der Kanalauswahl hinterlegt?

    Die Facebook - Kanäle des Freistaat Sachsen.

    Kann im CMS ein 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 “Freistaat Sachsen” zuständig.

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