Der Content Designer für Seiten ersetzt den klassischen Seiten-Editor.
Jedes Widget und jede Einstellung aus dem klassischen Editor hat ein entsprechendes Gegenstück im Content Designer, häufig mit einem neuen Namen oder an einem neuen Ort.
Finden Sie heraus, wo sich vertraute Funktionen jetzt befinden, und erfahren Sie, was sich beim Erstellen von Seiten geändert hat.
▶ Sehen Sie sich den Vergleich zwischen dem klassischen Seiten-Editor und dem Content Designer an:
Sie können das Video auch in einem neuen Tab öffnen.
Erweitern Sie die einzelnen Bereiche, um zu sehen, wie eine Funktion im klassischen Editor hieß und wie sie im Content Designer heißt.
Oberes Menü
Über das obere Menü des Content Designers haben Sie Zugriff auf wichtige Seitenaktionen. Sie bearbeiten Inhalte, verwalten Einstellungen und steuern die Veröffentlichung an einem Ort.
| Klassischer Editor | Content Designer |
|---|---|
|
Der klassische Editor bietet nicht die verschiedenen Optionen und die Möglichkeit, zwischen Editor, Einstellungen und Vorschau zu wechseln, die der Content Designer bietet. |
Der Content Designer ist geräumig und modular. Er organisiert Inhaltsblöcke in einem flexiblen Rahmen, der sich beim Bearbeiten dynamisch anpasst und sofort visuelles Feedback liefert. Er verfügt über Tabs, zwischen denen Sie bei Bedarf wechseln können. |
|
Titel und Beschreibung Wählen Sie Einstellungen, um den Titel und die Beschreibung zu aktualisieren. |
Wählen Sie Einstellungen im oberen Menü des Content Designers. |
|
Pluszeichen zum Hinzufügen einer Sprache Wählen Sie das Pluszeichen, um eine neue Sprache hinzuzufügen. |
Sprachen über das Sprach-Dropdown hinzufügen Dies dient demselben Zweck wie im klassischen Editor und ist jetzt über das Sprach-Dropdown zugänglich. |
|
Auswählen, wie Inhalte hinzugefügt werden Wählen Sie nach dem Hinzufügen einer Sprache aus, wie deren Inhalte eingefügt werden sollen. |
Auswählen, wie Inhalte hinzugefügt werden Dies dient demselben Zweck wie im klassischen Editor, nachdem eine Sprache über das Dropdown hinzugefügt wurde. |
|
Kein Editor-Tab Im klassischen Editor werden Seiteneinstellungen in einem einzigen Bereich zusammengefasst, anstatt Editor und Einstellungen in separate Tabs aufzuteilen. |
Editor-Tab Wechseln Sie zu diesem Tab, um die Inhalte der Seite zu erstellen und zu bearbeiten. |
|
Einstellungssymbol Öffnet einen Dialog mit Einstellungen auf Seitenebene, z. B. zur Sichtbarkeit und zu Seitenbesitzern. |
Wechseln Sie zu diesem Tab, um Einstellungen auf Seitenebene wie Sichtbarkeit, Besitzer und Space zu konfigurieren, ohne die Seite zu verlassen. |
|
Speichern Wählen Sie auf einer neuen Seite Seite veröffentlichen. Wählen Sie auf einer bereits veröffentlichten Seite Speichern. In beiden Fällen werden Ihre Änderungen sofort live geschaltet. |
Speichern / Veröffentlichen / Aktualisieren Sie speichern Änderungen als Entwurf, der für Ihre Zielgruppe noch nicht sichtbar ist. Wählen Sie auf einer neuen Seite Veröffentlichen, um sie erstmals live zu schalten. Wählen Sie auf einer bereits veröffentlichten Seite Aktualisieren, damit Ihre Änderungen live geschaltet werden. |
|
Speichern und Live-Vorschau Wählen Sie Speichern und Live-Vorschau und anschließend den Anzeigemodus. Wählen Sie Desktop, Tablet oder Mobil, um eine Vorschau anzuzeigen. |
Vorschau Zeigt, wie die Seite auf Desktop, Tablet und Mobil gerendert wird, bevor Sie sie veröffentlichen oder aktualisieren. |
|
Kein Menü für zusätzliche Aktionen Seitenverwaltungsaktionen sind im klassischen Editor nicht in einem separaten Menü gruppiert. |
Aktionsmenü (drei Punkte) Fasst Seitenverwaltungsaktionen zusammen: Seite in der App öffnen, als Seitenvorlage speichern, veröffentlichen oder Veröffentlichung aufheben, Versionsverlauf anzeigen, Chunks durchsuchen, Seitenlink kopieren, Seiteninhalt kopieren, Seite innerhalb eines Space verschieben oder Seite löschen. |
|
Versionsverlauf Ermöglicht das Anzeigen und Wiederherstellen früherer Versionen einer Seite. |
Aktionsmenü (drei Punkte) > Versionsverlauf Dies dient demselben Zweck wie im klassischen Editor und ist jetzt eine der Optionen im Aktionsmenü der Seite. |
Editor-Symbolleiste im Vergleich zu Seitenbereich und kontextbezogener Symbolleiste
Der Editor ist die zentrale Arbeitsfläche, auf der Sie Ihre Seite mithilfe von Blöcken in einer echten WYSIWYG-Umgebung erstellen und strukturieren. Seiten werden mithilfe von Abschnitten, Containern und Spalten strukturiert.
| Klassischer Editor | Content Designer |
|---|---|
|
Lineares Layout Der klassische Editor ist ein lineares Dokument mit Widgets. Um Inhalte nebeneinander zu platzieren, fügen Sie über die Schaltfläche „Abschnitte“ in der Symbolleiste vordefinierte Layoutbereiche hinzu. |
WYSIWYG-Layout Der Content Designer bietet eine moderne WYSIWYG-Bearbeitungsumgebung mit flexiblen Layouts, Seitenvorlagen und verbesserter Benutzerfreundlichkeit. |
|
Editor oben im Arbeitsbereich Sie fügen Absätze direkt auf der Arbeitsfläche hinzu. Trennlinien, Tabellen, Medien und Widgets sind über die obere Symbolleiste verfügbar. Einstellungen wie Sichtbarkeit oder Gestaltung werden definiert, bevor Sie das Element hinzufügen, und Änderungen werden erst beim Speichern sichtbar. |
Seitenbereich und kontextbezogene Symbolleiste Inhaltselemente werden durch Blöcke ersetzt, die in einem ein- und ausklappbaren Seitenbereich verfügbar sind. Auch Text ist ein Block und befindet sich nicht direkt auf der Arbeitsfläche. Wenn ein Block ausgewählt wird, zeigt er eine kontextbezogene Symbolleiste an, in der Sie Einstellungen ändern und das Ergebnis sofort in einer echten WYSIWYG-Umgebung sehen können. |
|
Rückgängig und Wiederholen in der Editor-Symbolleiste Rückgängig und Wiederholen sind am Anfang der oberen Symbolleiste verfügbar. |
Rückgängig und Wiederholen im Seitenbereich Rückgängig und Wiederholen befinden sich am unteren Rand des Seitenbereichs. Sie können auch Tastaturkürzel und das Menü „Schnellaktionen“ (Strg+Umschalt+K oder Cmd+Umschalt+K) oder die tastaturbasierte Bearbeitung und Navigation verwenden. |
|
Textformatierung in der oberen Symbolleiste Alle Formatierungsoptionen sind in der oberen Symbolleiste jederzeit sichtbar. |
Kontextbezogene Symbolleiste des Textblocks Die Formatierung ist kontextbezogen. Fügen Sie über den Seitenbereich einen Textblock hinzu, um dessen Formatierungsoptionen anzuzeigen. Der Textblock unterstützt zusätzlich @Erwähnungen und Emoticons. |
|
Überschriftenoptionen in der oberen Symbolleiste Überschriftenoptionen sind in der oberen Symbolleiste jederzeit sichtbar. |
Kontextbezogene Symbolleiste des Titelblocks Die Formatierung ist kontextbezogen. Fügen Sie über den Seitenbereich einen Titelblock hinzu, um dessen Überschriftenoptionen anzuzeigen. Dies gilt nur für H1-Überschriften. H2-, H3- und H4-Überschriften sind im Textblock verfügbar. |
|
Personalisierte Platzhalter Ermöglicht das Einfügen personalisierter Platzhalter, z. B. des Vornamens eines Lesers, in Seitentext. |
Profil-Tags im Textblock Dies dient demselben Zweck wie im klassischen Editor und ist jetzt im Textblock verfügbar. |
|
Formatierung in der oberen Symbolleiste löschen Die Funktion zum Löschen der Formatierung ist in der oberen Symbolleiste jederzeit sichtbar. |
Formatierung entfernen Verfügbar in der kontextbezogenen Symbolleiste des Text- oder Titelblocks. |
|
Zitatblock Fügt eine visuell hervorgehobene zitierte Textpassage hinzu. |
Zitatblock Fügt eine visuell hervorgehobene zitierte Textpassage hinzu.
|
|
Horizontale Linie Fügt eine horizontale Linie zur Trennung von Inhalten hinzu. |
Trennlinie Dies dient demselben Zweck wie die horizontale Linie und wird als Block über den Seitenbereich hinzugefügt. |
|
Ankerlink in der oberen Symbolleiste Ermöglicht das Verlinken mit einer bestimmten Stelle innerhalb derselben Seite. |
Ankerlink in der kontextbezogenen Symbolleiste Wählen Sie den Abschnitt oder Container > Stiftsymbol in der kontextbezogenen Symbolleiste > Sichtbarkeit > Mit diesem Abschnitt verlinken. Siehe Ankerlink kopieren. |
|
Tabelle in der oberen Symbolleiste hinzufügen Fügt direkt über die obere Symbolleiste eine Tabelle ein. |
Tabellenblock Fügen Sie über den Blockbereich einen Tabellenblock hinzu. Er beginnt als 2x2-Raster. Fügen Sie nach Bedarf Zeilen und Spalten hinzu oder entfernen Sie diese. |
|
Medienoptionen in der oberen Symbolleiste Fügen Sie Bilder, Videos und Audiodateien über die obere Symbolleiste ein. |
Medien- und Asset-Blöcke im Seitenbereich Bild, Video, Audio und Bildergalerie sind jeweils als separate Blöcke verfügbar. |
|
Meine Dateien im Medienmenü Greifen Sie über das Medienmenü der oberen Symbolleiste auf Ihre Dateibibliothek zu. |
Meine Dateien im Seitenbereich Dieselbe Dateibibliothek ist jetzt direkt über den Seitenbereich zugänglich. |
|
Blöcke anzeigen Zeigt eine vereinfachte Übersicht der Widgets auf der Seite an. |
Nicht verfügbar |
|
Editor für HTML-Quellcode Ermöglicht das direkte Hinzufügen von benutzerdefiniertem HTML zur Seite. |
Nicht verfügbar Der Content Designer basiert nicht auf HTML. Informationen zu erweiterten Gestaltungsmöglichkeiten finden Sie stattdessen unter Benutzerdefinierte CSS-Gestaltung. |
|
Widgets Wählen Sie im Dialog „Widget hinzufügen“ ein Widget aus. Siehe Übersicht über Widgets. |
Blöcke Wählen Sie im Blockbereich einen Block aus. Siehe Übersicht über Blöcke im Content Designer. |
|
Abschnitte in der oberen Symbolleiste Fügen Sie über die obere Symbolleiste vordefinierte Layoutbereiche hinzu. |
Abschnitte im Bearbeitungsbereich Fügen Sie Abschnitte direkt auf der Arbeitsfläche hinzu und ordnen Sie sie neu an, während Sie die Seite erstellen. Das Layout besteht aus Abschnitten. Jeder Abschnitt enthält Container, in denen sich alle Inhalte befinden. Sie teilen Container über deren Einstellungen in Spaltenlayouts auf und ziehen beliebige Container per Drag-and-drop, um große Inhaltsbereiche neu anzuordnen. |
| Nicht verfügbar |
Abschnittsvorlagen Abschnitte und Container können Hintergrundfarben und -bilder haben, wodurch Sie mehr Gestaltungsmöglichkeiten erhalten. Siehe Übersicht über Abschnittsvorlagen. |
| Nicht verfügbar |
Navigationsbereich Zeigt die vollständige Struktur der Abschnitte, Container und Blöcke auf der Seite an und ermöglicht den direkten Sprung zu jedem dieser Elemente. |
Von Widgets zu Blöcken
Widgets aus dem klassischen Editor werden im Content Designer durch Blöcke ersetzt. Die meisten Widgets haben einen Block mit demselben Namen. Einige Widgets werden zu einem Block zusammengefasst, und einige werden durch Abschnitts- und Containereinstellungen ersetzt. Weitere Informationen finden Sie unter Übersicht über Blöcke im Content Designer und Übersicht über Widgets. Die Zeilen sind alphabetisch nach dem Widget-Namen im klassischen Editor aufgeführt.
| Klassischer Editor | Content Designer | Unterstützt beim Seiten-Upgrade |
|---|---|---|
|
Akkordeon-Widget Zeigt Inhalte in erweiterbaren und reduzierbaren Bereichen an. |
Akkordeon-Block Dies dient demselben Zweck wie das Akkordeon-Widget. |
Ja |
|
Ankerlinks Ermöglichen Lesern, zu einer bestimmten Stelle innerhalb derselben Seite zu springen. |
Dies dient demselben Zweck und wird über den Tab „Sichtbarkeit“ eines Abschnitts oder Containers festgelegt. |
In Bearbeitung |
|
Animations-Widget Zeigt eine animierte Grafik für allgemeine Zwecke auf der Seite an. |
Nicht verfügbar | In Bearbeitung |
|
Button-Widget Fügt eine anklickbare Call-to-Action-Schaltfläche hinzu. |
Button-Block Dies dient demselben Zweck. Die Farbe des Buttons wird aus der Hauptmarkenfarbe übernommen, die auf der Branding-Seite festgelegt ist. |
Ja |
|
Custom Widget Ermöglicht Entwicklern, ein vollständig benutzerdefiniertes Widget zu erstellen und einzubetten. |
Custom Block Dies dient demselben Zweck und wurde für das Block-Framework des Content Designers neu erstellt. |
In Bearbeitung |
|
Widget für eingebettete Seiten Bettet eine externe Webseite in eine Staffbase-Seite ein. |
Block für eingebettete Seiten Dies dient demselben Zweck. Die Zielseite muss das Einbetten zulassen. |
Ja |
|
Dateilisten-Widget Zeigt eine Liste herunterladbarer Dateien aus „Meine Dateien“ an. |
Dateiblock Dies dient demselben Zweck und wurde als Block neu erstellt. |
Ja |
|
Google-Widgets Google-Kalender- und Google-Drive-Widgets zum Einbetten von Google-Inhalten. |
Google-Blöcke Kalender- und Drive-Blöcke, jeweils einzeln neu erstellt. |
Nein |
|
Gruppenabonnement-Widget Ermöglicht Lesern, eine Benutzergruppe zu abonnieren oder das Abonnement zu beenden. |
Gruppenabonnement-Block Dies dient demselben Zweck und wurde als Block neu erstellt. |
Ja |
|
Hero-Bild-Widget Zeigt oben auf einer Seite ein großes Bannerbild an. |
Hintergrundbild für Abschnitt oder Container Fügen Sie direkt für einen Abschnitt oder Container ein Hintergrundbild hinzu, optional mit einer Farbüberlagerung. |
Ja |
|
HR-Widgets Widgets für Gehaltsabrechnungen und Abwesenheiten von Benutzern für HR-Self-Service-Daten. |
Abwesenheitsblock und Gehaltsabrechnungsblock Dies dient demselben Zweck. Beide wurden jeweils als eigener Block neu erstellt. |
In Bearbeitung |
|
Infobox-Widget Hebt wichtige Informationen in einem farbigen Feld hervor. |
Infobox-Block Dies dient demselben Zweck und bietet vier vordefinierte Nachrichtentypen: Information, Erfolg, Warnung und Kritisch. |
Ja |
|
Linklisten-Widget Zeigt eine vertikale Liste von Links an. |
Quick-Link-Block (Listenlayout) Dies dient demselben Zweck und ist eine der Layoutoptionen des Quick-Link-Blocks. |
Ja |
|
Linkkachel-Widget Zeigt Links als Raster aus Kacheln an. |
Quick-Link-Block (Kachellayout) Dies dient demselben Zweck und ist eine der Layoutoptionen des Quick-Link-Blocks. |
Ja |
|
Microsoft-365-Widgets Widgets für Dateianzeige, Websites, Dateien, Aufgaben, Teams-Feed, Kalender, Teams-Übersicht, Viva-Communities und Dokumentbibliothek. |
Microsoft-Blöcke Blöcke für Dokumentbibliothek, Dateien, Kalender und Dateianzeige. Nicht jedes Microsoft-365-Widget aus der Zeit des klassischen Editors hat ein direktes Gegenstück im Content Designer. |
In Bearbeitung |
|
Navigations-Widget Zeigt ein benutzerdefiniertes Navigationsmenü innerhalb einer Seite an. |
Navigationsblock Dies dient demselben Zweck und wurde als Block neu erstellt. |
Ja |
|
News-Feed-Widget Zeigt einen scrollbaren Feed mit Newsbeiträgen an. |
News-Block (Feedlayout) Dies dient demselben Zweck und ist eine der Layoutoptionen des News-Blocks. |
Ja |
|
News-Stage-Widget Zeigt hervorgehobene News als rotierende Bühne oder als Karussell an. |
News-Block (Stage- oder Karusselllayout) Dies dient demselben Zweck und ist eine der Layoutoptionen des News-Blocks. |
Ja |
| Nicht verfügbar |
News-Abschnittsblock Neu im Content Designer: ein eigener Block zur Anzeige eines kuratierten Newsbereichs. |
- |
|
Plugin-Widget Bettet ein Plugin eines Drittanbieters in eine Seite ein. |
Plugin-Block Dies dient demselben Zweck und wurde als Block neu erstellt. |
Ja |
|
Plugin-Widget > Umfrage Bettet über das Plugin-Widget eine Umfrage ein. |
Umfrageblock Umfragen verfügen jetzt über einen eigenen Block, anstatt unter dem allgemeinen Plugin-Widget zu liegen. |
In Bearbeitung |
|
Portfolio-Widget Zeigt Links als Bildkarten an. |
Quick-Link-Block (Bildkartentyp) Dies dient demselben Zweck und ist eine der Layoutoptionen des Quick-Link-Blocks. |
Ja |
|
Beitrags-Widget Ermöglicht Lesern, direkt über die Seite einen Beitrag zu erstellen. |
Beitrag-erstellen-Block Dies dient demselben Zweck. Derzeit werden nur Beiträge in Kanälen unterstützt. |
Ja |
|
ServiceNow-Ticket-Widget Ermöglicht Lesern, ServiceNow-Tickets anzuzeigen oder einzureichen. |
ServiceNow-Block Dies dient demselben Zweck und wurde als Block neu erstellt. |
Nein |
|
Shorts-Widget Zeigt Videoinhalte im Kurzformat an. |
Shorts-Block Dies dient demselben Zweck und wurde als Block neu erstellt. |
In Bearbeitung |
|
Widget für statische Inhalte Fügt einen einfachen Inhaltsbereich mit einer Hintergrundfarbe hinzu. |
Hintergrundfarbe für Abschnitt oder Container Legen Sie direkt für einen Abschnitt oder Container eine Hintergrundfarbe fest. |
Ja |
|
Benutzerprofil-Widget Zeigt das Profil und die Kontaktinformationen eines Benutzers an. |
Benutzerprofil-Block Dies dient demselben Zweck und wurde als Block neu erstellt. |
Ja |
Kommentare
0 Kommentare
Bitte melden Sie sich an, um einen Kommentar zu hinterlassen.