Der Content Designer für Seiten ersetzt den klassischen Seiteneditor.
Für jedes Widget und jede Einstellung im klassischen Editor gibt es ein entsprechendes Element im Content Designer, häufig mit einem neuen Namen oder an einer neuen Stelle.
Finden Sie heraus, wo sich vertraute Elemente jetzt befinden, und erfahren Sie, was sich beim Erstellen von Seiten geändert hat.
▶ Sehen Sie sich den Vergleich zwischen dem klassischen Seiteneditor 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 großzügig und modular. Er organisiert Inhaltsblöcke in einem flexiblen Framework, das sich während der Bearbeitung dynamisch anpasst und sofortiges visuelles Feedback bietet. Er verfügt über Tabs, zwischen denen Sie nach Bedarf wechseln können. |
|
Titel und Beschreibung Wählen Sie Einstellungen, um den Titel und die Beschreibung zu aktualisieren. |
Wählen Sie im oberen Menü des Content Designers Einstellungen. |
|
Pluszeichen zum Hinzufügen einer Sprache Wählen Sie das Pluszeichen, um eine neue Sprache hinzuzufügen. |
Sprachen über das Sprach-Dropdown-Menü hinzufügen Gleicher Zweck wie im klassischen Editor, jetzt über das Sprach-Dropdown-Menü 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 Gleicher Zweck wie im klassischen Editor, nachdem eine Sprache über das Dropdown-Menü 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 Seitenverantwortlichen. |
Wechseln Sie zu diesem Tab, um Einstellungen auf Seitenebene wie Sichtbarkeit, Verantwortliche 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 veröffentlicht. |
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 Mobilgerät für die Vorschau. |
Vorschau Zeigt, wie die Seite auf Desktop, Tablet und Mobilgerät dargestellt 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ü zusammengefasst. |
Aktionsmenü (drei Punkte) Fasst Seitenverwaltungsaktionen zusammen: die Seite in der App öffnen, als Seitenvorlage speichern, veröffentlichen oder die Veröffentlichung aufheben, den Versionsverlauf anzeigen, nach Chunks suchen, den Seitenlink kopieren, den Seiteninhalt kopieren, die Seite innerhalb eines Space verschieben oder die Seite löschen. |
|
Versionsverlauf Ermöglicht das Anzeigen und Wiederherstellen früherer Versionen einer Seite. |
Aktionsmenü (drei Punkte) > Versionsverlauf Gleicher Zweck wie im klassischen Editor, jetzt als eine der Optionen im Aktionsmenü der Seite verfügbar. |
Editor und 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 Formatierung werden festgelegt, bevor Sie das Element hinzufügen, und Änderungen werden erst sichtbar, wenn Sie speichern. |
Seitenbereich und kontextbezogene Symbolleiste Inhaltselemente werden durch Blöcke ersetzt, die in einem einklappbaren Seitenbereich verfügbar sind. Auch Text ist ein Block und befindet sich nicht direkt auf der Arbeitsfläche. Wenn ein Block ausgewählt ist, wird eine kontextbezogene Symbolleiste angezeigt, 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 Tastenkombinationen und das Menü „Schnellaktionen“ (Strg+Umschalt+K oder Befehl+Umschalt+K) oder die tastaturbasierte Bearbeitung und Navigation verwenden. |
|
Textformatierung in der oberen Symbolleiste Alle Formatierungsoptionen sind immer in der oberen Symbolleiste 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 außerdem @Erwähnungen und Emoticons. |
|
Überschriftenoptionen in der oberen Symbolleiste Überschriftenoptionen sind immer in der oberen Symbolleiste 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 Gleicher Zweck wie im klassischen Editor, jetzt innerhalb des Textblocks verfügbar. |
|
Formatierung in der oberen Symbolleiste entfernen Das Entfernen der Formatierung ist immer in der oberen Symbolleiste sichtbar. |
Formatierung entfernen In der kontextbezogenen Symbolleiste des Text- oder Titelblocks verfügbar. |
|
Zitatblock Fügt eine visuell hervorgehobene Textpassage als Zitat hinzu. |
Zitatblock Fügt eine visuell hervorgehobene Textpassage als Zitat hinzu.
|
|
Horizontale Linie Fügt eine horizontale Linie zur Trennung von Inhalten hinzu. |
Trennlinie Gleicher Zweck wie die horizontale Linie, wird als Block über den Seitenbereich hinzugefügt. |
|
Ankerlink in der oberen Symbolleiste Ermöglicht das Verlinken mit einem bestimmten Punkt 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 sie. |
|
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, jetzt direkt über den Seitenbereich zugänglich. |
|
Blöcke anzeigen Zeigt eine vereinfachte Übersicht der Widgets auf der Seite an. |
Navigationsblock 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. |
|
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 Formatierungsoptionen finden Sie unter Benutzerdefinierte CSS-Formatierung. |
|
Widgets Wählen Sie ein Widget im Dialog „Widget hinzufügen“ aus. Siehe Übersicht über Widgets. |
Blöcke Wählen Sie einen Block im Blockbereich 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 Bearbeitungsarbeitsbereich 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, und jeder Abschnitt enthält Container, in denen sich sämtliche Inhalte befinden. Über die Einstellungen der Container teilen Sie diese in Spaltenlayouts auf. Außerdem können Sie jeden Container per Drag-and-drop verschieben, um größere Inhaltsbereiche neu anzuordnen. |
| Nicht verfügbar |
Abschnittsvorlagen Abschnitte und Container können Hintergrundfarben und -bilder haben und bieten dadurch mehr Designflexibilität. Siehe Übersicht über Abschnittsvorlagen. |
Von Widgets zu Blöcken
Widgets aus dem klassischen Editor werden im Content Designer durch Blöcke ersetzt. Für die meisten Widgets gibt es einen Block mit demselben Namen. Einige Widgets werden zu einem Block zusammengefasst, und einige wenige 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 Widgetnamen des klassischen Editors geordnet.
| Klassischer Editor | Content Designer | Unterstützt beim Seitenupgrade |
|---|---|---|
|
Akkordeon-Widget Zeigt Inhalte in erweiterbaren und einklappbaren Abschnitten an. |
Akkordeonblock Gleicher Zweck wie das Akkordeon-Widget. |
Ja |
|
Ankerlinks Ermöglichen Lesern, zu einem bestimmten Punkt innerhalb derselben Seite zu springen. |
Gleicher Zweck, 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 |
|
Schaltflächen-Widget Fügt eine anklickbare Call-to-Action-Schaltfläche hinzu. |
Schaltflächenblock Gleicher Zweck. Die Farbe der Schaltfläche wird aus der auf der Branding-Seite festgelegten Hauptmarkenfarbe übernommen. |
Ja |
|
Benutzerdefiniertes Widget Ermöglicht Entwicklern, ein vollständig benutzerdefiniertes Widget zu erstellen und einzubetten. |
Benutzerdefinierter Block Gleicher Zweck, für das Block-Framework des Content Designers neu erstellt. |
In Bearbeitung |
|
„Eingebettete Seite“-Widget Bettet eine externe Webseite in eine Staffbase-Seite ein. |
„Eingebettete Seite“-Block Gleicher Zweck. Die Zielseite muss das Einbetten zulassen. |
Ja |
|
Dateilisten-Widget Zeigt eine Liste herunterladbarer Dateien aus „Meine Dateien“ an. |
Datei-Block Gleicher Zweck, 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. |
„Gruppe beitreten“-Block Gleicher Zweck, als Block neu erstellt. |
Ja |
|
Hero-Bild-Widget Zeigt oben auf einer Seite ein großes Bannerbild an. |
Hintergrundbild eines Abschnitts oder Containers Legen Sie direkt für einen Abschnitt oder Container ein Hintergrundbild mit optionaler Farbüberlagerung fest. |
Ja |
|
HR-Widgets Widgets für Gehaltsabrechnungen und Abwesenheiten von Benutzern zur Anzeige von HR-Self-Service-Daten. |
Abwesenheitsblock und Gehaltsabrechnungsblock Gleicher Zweck, jeweils als eigener Block neu erstellt. |
In Bearbeitung |
|
Infobox-Widget Hebt wichtige Informationen in einem farbigen Feld hervor. |
Infobox-Block Gleicher Zweck mit vier vordefinierten Nachrichtentypen: Information, Erfolg, Warnung und Kritisch. |
Ja |
|
Linklisten-Widget Zeigt eine vertikale Liste von Links an. |
Schnelllink-Block (Listenlayout) Gleicher Zweck als eine der Layoutoptionen des Schnelllink-Blocks. |
Ja |
|
Linkkachel-Widget Zeigt Links als Raster aus Kacheln an. |
Schnelllink-Block (Kachellayout) Gleicher Zweck als eine der Layoutoptionen des Schnelllink-Blocks. |
Ja |
|
Microsoft-365-Widgets Widgets für Dateianzeige, Sites, 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 Ära des klassischen Editors hat ein direktes Pendant im Content Designer. |
In Bearbeitung |
|
Navigations-Widget Zeigt ein benutzerdefiniertes Navigationsmenü innerhalb einer Seite an. |
Navigationsblock Gleicher Zweck, als Block neu erstellt. |
Ja |
|
Newsfeed-Widget Zeigt einen scrollbaren Feed mit Newsbeiträgen an. |
Newsblock (Feedlayout) Gleicher Zweck als eine der Layoutoptionen des Newsblocks. |
Ja |
|
News-Stage-Widget Zeigt hervorgehobene News als rotierende Stage oder Karussell an. |
Newsblock (Stage- oder Karusselllayout) Gleicher Zweck als eine der Layoutoptionen des Newsblocks. |
Ja |
| Nicht verfügbar |
„News Section“-Block Neu im Content Designer: ein eigener Block zur Anzeige eines kuratierten Newsabschnitts. |
- |
|
Plugin-Widget Bettet ein Plugin eines Drittanbieters in eine Seite ein. |
Plugin-Block Gleicher Zweck, als Block neu erstellt. |
Ja |
|
Plugin-Widget > Umfrage Bettet über das Plugin-Widget eine Umfrage ein. |
Umfrage-Block Umfragen verfügen jetzt über einen eigenen Block, anstatt sich unter dem allgemeinen Plugin-Widget zu befinden. |
In Bearbeitung |
|
Portfolio-Widget Zeigt Links als Bildkarten an. |
Schnelllink-Block (Bildkartentyp) Gleicher Zweck als eine der Layoutoptionen des Schnelllink-Blocks. |
Ja |
|
Beitrags-Widget Ermöglicht Lesern, direkt über die Seite einen Beitrag zu erstellen. |
„Beitrag erstellen“-Block Gleicher Zweck. Unterstützt derzeit nur das Posten in Kanälen. |
Ja |
|
ServiceNow-Ticket-Widget Ermöglicht Lesern, ServiceNow-Tickets anzuzeigen oder einzureichen. |
ServiceNow-Block Gleicher Zweck, als Block neu erstellt. |
Nein |
|
Shorts-Widget Zeigt Kurzvideoinhalte an. |
Shorts-Block Gleicher Zweck, als Block neu erstellt. |
In Bearbeitung |
|
Widget für statische Inhalte Fügt einen einfachen Inhaltsbereich mit Hintergrundfarbe hinzu. |
Hintergrundfarbe eines Abschnitts oder Containers Legen Sie direkt für einen Abschnitt oder Container eine Hintergrundfarbe fest. |
Ja |
|
Nutzerprofil-Widget Zeigt das Profil und die Kontaktinformationen eines Benutzers an. |
Nutzerprofil-Block Gleicher Zweck, als Block neu erstellt. |
Ja |
Kommentare
0 Kommentare
Bitte melden Sie sich an, um einen Kommentar zu hinterlassen.