Inhaltserstellung mit dem universellen Editor

Letzte Aktualisierung: 2023-11-18

Erfahren Sie, wie einfach und intuitiv es für Inhaltsautorinnen und -autoren ist, Inhalte mit dem universellen Editor zu erstellen.

Einführung

Der universelle Editor ermöglicht die Bearbeitung beliebiger Inhalte in jeder Implementierung, um außergewöhnliche Erlebnisse bereitzustellen, die Inhaltsgeschwindigkeit zu erhöhen und ein modernes Entwicklererlebnis zu bieten.

Dazu bietet der universelle Editor Autoren von Inhalten eine intuitive Benutzeroberfläche, für die eine minimale Schulung erforderlich ist, um einfach in die Lage zu wechseln und mit der Bearbeitung von Inhalten zu beginnen. In diesem Dokument wird das Authoring-Erlebnis des universellen Editors beschrieben.

TIPP

Eine detailliertere Einführung in den universellen Editor finden Sie im Dokument Einführung in den universellen Editor.

HINWEIS

Der Universal Editor befindet sich noch in der Entwicklung. Es kann derzeit nicht alle Inhaltstypen bearbeitet werden.

Vorbereiten der App

Um Inhalte für eine App mit dem universellen Editor erstellen zu können, muss die App von einer Entwicklerperson instrumentiert werden, um den Editor zu unterstützen.

TIPP

Im Dokument Erste Schritte mit dem universellen Editor in AEM finden Sie ein Beispiel dafür, wie Sie eine AEM-App für die Arbeit mit dem universellen Editor konfigurieren.

Anmelden

Nachdem die App für die Verwendung mit dem universellen Editor konfiguriert wurde, melden Sie sich beim universellen Editor an. Sie benötigen eine Adobe ID, um sich anzumelden und haben Zugriff auf den universellen Editor.

Geben Sie nach der Anmeldung die URL der Seite ein, die Sie bearbeiten möchten, im Standortleiste. damit Sie mit der Bearbeitung von Inhalten beginnen können, z. B. Textinhalt oder Medieninhalte.

Grundlegendes zur Benutzeroberfläche

Die Benutzeroberfläche ist in fünf Hauptbereiche unterteilt.

Die Benutzeroberfläche des universellen Editors

Die Kopfzeile von Experience Cloud

Die Kopfzeile von Experience Cloud befindet sich immer oben im Bildschirm. Es handelt sich um einen Anker, der Ihnen mitteilt, wo Sie sich in Experience Cloud befinden, und Ihnen dabei hilft, zu anderen Experience Cloud-Apps zu navigieren.

Die Kopfzeile von Experience Cloud

Experience Manager

Wählen Sie links in der Kopfzeile den Adobe Experience Cloud-Link aus, um zum Stammverzeichnis Ihrer Experience Manager-Lösung zu navigieren und auf Tools wie Cloud Manager, Cloud Acceleration Manager und Software-Verteilung zuzugreifen.

Schaltfläche für „Globale Navigation“

Organisation

Dadurch wird die Organisation angezeigt, bei der Sie sich derzeit angemeldet haben. Wählen Sie diese Option aus, um zu einer anderen Organisation zu wechseln, wenn Ihre Adobe ID mit mehreren Organisationen verknüpft ist.

Organisationsanzeige

Lösungen

Durch Tippen oder Klicken auf den Lösungsschalter können Sie schnell zu anderen Experience Cloud-Lösungen wechseln.

Lösungsumschalter

Hilfe

Das Hilfesymbol bietet schnellen Zugriff auf Lern- und Support-Ressourcen.

Hilfe

Benachrichtigungen

Dieses Symbol ist mit der Anzahl der aktuell zugewiesenen unvollständigen Zeichen gekennzeichnet Benachrichtigungen.

Benachrichtigungen

Benutzereigenschaften

Wählen Sie das Symbol für Ihren Benutzer aus, um auf Ihre Benutzereinstellungen zuzugreifen. Wenn Sie kein Benutzerbild konfiguriert haben, wird ein zufälliges Symbol zugewiesen.

Benutzereigenschaften

Die Kopfzeile des universellen Editors

Die Kopfzeile des universellen Editors befindet sich immer oben im Bildschirm direkt unter der Kopfzeile von Experience Cloud. Dadurch erhalten Sie schnellen Zugriff auf die Navigation zu einer anderen Seite, die Sie bearbeiten können, sowie auf die Veröffentlichung der aktuellen Seite.

Die Kopfzeile des universellen Editors

Die Schaltfläche "Startseite"

Über die Schaltfläche "Startseite"gelangen Sie wieder zur Startseite des universellen Editors

Hamburger Menü

Auf der Startseite können Sie die URL der Site eingeben, die Sie mit dem universellen Editor bearbeiten möchten.

Startseite

HINWEIS

Jede Seite, die Sie mit dem universellen Editor bearbeiten möchten, muss instrumentiert, um den universellen Editor zu unterstützen.

Speicherortleiste

Die Speicherortleiste zeigt die Adresse der Seite an, die Sie bearbeiten. Wählen Sie diese Option aus, um die Adresse einer anderen zu bearbeitenden Seite einzugeben.

Speicherortleiste

TIPP

Verwenden Sie den Hotkey L, um die Adressleiste zu öffnen.

HINWEIS

Jede Seite, die Sie mit dem universellen Editor bearbeiten möchten, muss instrumentiert, um den universellen Editor zu unterstützen.

Einstellungen für Authentifizierungs-Header

Wählen Sie das Symbol Authentifizierungs-Header-Einstellungen aus, wenn Sie ein Authentifizierungsgeheimnis festlegen müssen.

Schaltfläche "Authentifizierungs-Header-Einstellungen"

Emulator-Einstellungen

Wählen Sie das Emulationssymbol aus, um festzulegen, wie der Universal Editor die Seite rendert.

Emulator-Symbol

Durch Tippen oder Klicken auf das Emulationssymbol werden die Optionen angezeigt.

Emulierungsoptionen

Standardmäßig wird der Editor im Desktop-Layout geöffnet, wobei Höhe und Breite automatisch vom Browser definiert werden.

Sie können auch ein Mobilgerät und im universellen Editor emulieren:

  • Ausrichtung definieren
  • Breite und Höhe definieren
  • Ausrichtung ändern

App-Vorschau öffnen

Klicken Sie auf das Symbol "Vorschau der App öffnen", um die Seite zu öffnen, die Sie gerade bearbeiten, und zwar auf der eigenen Registerkarte des Browsers, die nicht vom Editor zur Vorschau Ihres Inhalts genutzt werden kann.

App-Vorschau öffnen

TIPP

Verwenden des Hotkeys O (Buchstabe O), um die App-Vorschau zu öffnen.

Veröffentlichen

Wählen Sie die Veröffentlichungsschaltfläche aus, damit Sie die Änderungen am Inhalt live für Ihre Leser veröffentlichen können.

Schaltfläche „Veröffentlichen“

TIPP

Siehe Dokument . Veröffentlichen von Inhalten mit dem universellen Editor für weitere Informationen zur Veröffentlichung mit dem universellen Editor.

Die Modusleiste

Die Modusleiste befindet sich direkt unter der Schaltfläche "Startseite"und befindet sich immer auf der linken Seite des Editors. Dadurch können Sie den Editor einfach zwischen verschiedenen Nutzungsmodi wechseln.

Die Modusleiste

Vorschaumodus

Im Vorschaumodus wird die Seite im Editor so gerendert, wie sie in Ihrem veröffentlichten Dienst angezeigt werden würde. Dadurch kann der Inhaltsautor durch Klicken auf Links zum Inhalt navigieren usw.

Vorschaumodus

TIPP

Verwenden Sie den Hotkey P, um in den Vorschaumodus zu wechseln.

Komponentenmodus

Im Komponentenmodus kann der Inhaltsautor Komponenten zur Bearbeitung auswählen, darunter:

Komponentenmodus

Wenn Sie eine Komponente auswählen, werden die Details ihres Inhalts im Eigenschaftenleiste. Je nach Inhaltstyp können Sie entweder direkt oder in der Eigenschaftenleiste bearbeiten.

TIPP

Verwenden des Hotkeys C , um in den Komponentenmodus zu wechseln.

Der Editor

Der Editor belegt den Großteil des Fensters und ist dort, wo die Seite angegeben ist in die Standortleiste wird gerendert.

  • Wenn sich der Editor in Komponentenmodus, der Inhalt kann bearbeitet werden, Sie können jedoch nicht auf Links folgen.
  • Wenn sich der Editor in Vorschaumodus Der Inhalt kann navigiert werden und Sie können Links folgen, den Inhalt kann jedoch nicht bearbeitet werden.

Bearbeiter

Eigenschaftenleiste

Die Eigenschaftenleiste befindet sich immer rechts im Editor. Je nach Modus können Details zu einer im Inhalt ausgewählten Komponente oder die Hierarchie der Seiteninhalte angezeigt werden.

Die Eigenschaftenleiste

Eigenschaftenmodus

Im Eigenschaftenmodus zeigt die Leiste die Eigenschaften der Komponente an, die derzeit im Editor ausgewählt sind. Dies ist der Standardmodus der Eigenschaftenleiste beim Laden einer Seite.

Eigenschaftenmodus

Je nach ausgewähltem Komponententyp können Details in der Eigenschaftenleiste angezeigt und geändert werden.

Komponentendetails

Beachten Sie, dass nicht alle Komponenten Details aufweisen, die angezeigt und/oder bearbeitet werden können.

TIPP

Verwenden des Hotkeys D , um in den Eigenschaftenmodus zu wechseln.

Inhaltsbaum-Modus

Im Inhaltsstrukturmodus zeigt die Leiste die Hierarchie des Seiteninhalts an.

Inhaltsbaum-Modus

Bei der Auswahl eines Elements in der Inhaltsstruktur scrollt der Editor zu diesem Inhalt und wählt ihn aus.

Inhaltsstruktur

TIPP

Verwenden des Hotkeys F , um in den Inhaltsbaummodus zu wechseln.

Bearbeiten

Wann Komponentenmodus, Die Bearbeitungsoptionen für die ausgewählte Komponente werden in der Eigenschaftenleiste angezeigt. In der Eigenschaftenleiste können Sie die ausgewählte Komponente bearbeiten. Wenn es sich bei der ausgewählten Komponente um ein Inhaltsfragment handelt, können Sie auch die Schaltfläche "Bearbeiten"auswählen.

Symbol Bearbeiten

Durch Tippen oder Klicken auf die Schaltfläche "Bearbeiten"wird das Inhaltsfragmente-Editor in einer neuen Registerkarte. Dadurch können Sie auf die volle Leistungsfähigkeit des Inhaltsfragment-Editors zugreifen, um das zugehörige Inhaltsfragment zu bearbeiten.

Abhängig von den Anforderungen Ihres Workflows können Sie das Inhaltsfragment im universellen Editor oder direkt im Inhaltsfragment-Editor bearbeiten.

TIPP

Verwenden des Hotkeys E , um eine ausgewählte Komponente zu bearbeiten.

Hinzufügen

Wenn Sie eine Container-Komponente entweder in der Inhaltsstruktur oder im Editor auswählen, wird die Option zum Hinzufügen in der Eigenschaftenleiste angezeigt.

Symbol "Hinzufügen"

Durch Tippen oder Klicken auf die Schaltfläche zum Hinzufügen wird ein Dropdown-Menü mit Komponenten geöffnet, die für zum ausgewählten Container hinzufügen.

Kontextmenü hinzufügen

TIPP

Verwenden des Hotkeys A , um eine Komponente zu einer ausgewählten Container-Komponente hinzuzufügen.

Löschen

Wenn Sie eine Komponente innerhalb einer Container-Komponente entweder in der Inhaltsstruktur oder im Editor auswählen, wird die Löschoption in der Eigenschaftenleiste angezeigt.

Löschsymbol

Tippen oder Klicken auf die Schaltfläche zum Löschen löscht die Komponente.

TIPP

Verwenden des Hotkeys Shift+Backspace , um eine ausgewählte Komponente aus einem Container zu löschen.

Bearbeiten von Inhalten

Die Bearbeitung von Inhalten ist einfach und intuitiv. In KomponentenmodusWenn Sie den Mauszeiger über den Inhalt im Editor bewegen, wird der bearbeitbare Inhalt durch ein blaues Feld markiert.

Bearbeitbare Inhalte werden durch ein blaues Feld hervorgehoben

TIPP

Beachten Sie, dass durch Tippen oder Klicken auf den Inhalt im Komponentenmodus der Inhalt zur Bearbeitung ausgewählt wird. Wenn Sie durch folgende Links in Ihren Inhalt navigieren möchten, wechseln Sie zu Vorschaumodus.

Je nach ausgewähltem Inhalt stehen Ihnen möglicherweise unterschiedliche Optionen zur Bearbeitung im Kontext zur Verfügung. Zusätzlich können Sie zusätzliche Informationen und Optionen für den Inhalt im Eigenschaftenleiste.

Nur Text bearbeiten

Wenn Sie Komponentenmodus und eine Textkomponente auswählen, können Sie den Text an Ort und Stelle bearbeiten, indem Sie auf die Komponente doppelklicken oder doppeltippen.

Bearbeiten von Inhalten

Drücken Sie die Eingabetaste/die Eingabetaste oder wählen Sie außerhalb des Textfelds aus, um Ihre Änderungen zu speichern.

Wenn Sie die Textkomponente auswählen, werden deren Details in der Eigenschaftenleiste angezeigt. Sie können den Text auch in der Leiste bearbeiten.

Bearbeiten von Text in der Eigenschaftenleiste

Außerdem sind Details zu Ihrem Text in der Eigenschaftenleiste verfügbar. Änderungen werden automatisch gespeichert, sobald der Fokus das bearbeitete Feld in der Eigenschaftenleiste verlässt.

Bearbeiten von Rich-Text

Wenn Sie Komponentenmodus und eine Rich-Text-Komponente auswählen, können Sie den Text an Ort und Stelle bearbeiten, indem Sie auf die Komponente doppelklicken oder doppeltippen.

Drücken Sie die Eingabetaste/die Eingabetaste oder wählen Sie außerhalb des Textfelds aus, um Ihre Änderungen zu speichern.

Bearbeiten einer Rich-Text-Komponente

Außerdem sind Formatierungsoptionen und Details zu Ihrem Text in der Eigenschaftenleiste verfügbar. Änderungen werden automatisch gespeichert, sobald der Fokus das bearbeitete Feld in der Eigenschaftenleiste verlässt.

Bearbeiten von Medien

Wenn Sie Komponentenmodus und Sie ein Bild auswählen, können Sie dessen Details in der Eigenschaftenleiste anzeigen.

Medien bearbeiten

Wählen Sie die Ersetzen Schaltfläche unter der Vorschau des ausgewählten Bildes in der Eigenschaftenleiste, um das Bild durch ein anderes aus Ihrer Asset-Bibliothek zu ersetzen.

  1. Die Asset-Wähler -Fenster geöffnet, in dem Sie ein Asset auswählen können.
  2. Wählen Sie diese Option, um ein neues Asset auszuwählen.
  3. Auswählen Auswählen , um zur Eigenschaftenleiste zurückzukehren, in der das Asset ersetzt wurde.

Änderungen werden automatisch in Ihrem Inhalt gespeichert.

TIPP

Verwenden des Hotkeys R , um die Asset-Auswahl zu öffnen und das ausgewählte Bild zu ersetzen.

Bearbeiten von Inhaltsfragmenten

Wenn Sie Komponentenmodus und wählen Sie eine Inhaltsfragment, Sie können die Details in der Eigenschaftenleiste bearbeiten.

Bearbeiten von Inhaltsfragmenten

Die im Inhaltsmodell des ausgewählten Inhaltsfragments definierten Felder werden in der Eigenschaftenleiste angezeigt und können bearbeitet werden.

Wenn Sie ein Feld auswählen, das sich auf ein Inhaltsfragment bezieht, wird das Inhaltsfragment in der Komponentenleiste geladen und zu dem Feld wird automatisch ein Bildlauf durchgeführt.

Änderungen werden automatisch gespeichert, sobald der Fokus das bearbeitete Feld in der Eigenschaftenleiste verlässt.

Wenn Sie Ihr Inhaltsfragment im Inhaltsfragmente-Editor Klicken Sie stattdessen auf die Schaltfläche "Bearbeiten" in der Modusleiste.

Abhängig von den Anforderungen Ihres Workflows können Sie das Inhaltsfragment im universellen Editor oder direkt im Inhaltsfragment-Editor bearbeiten.

Hinzufügen von Komponenten zu Containern

  1. Wählen Sie eine Container-Komponente in der Inhaltsstruktur oder im Editor aus.

  2. Wählen Sie dann das Symbol zum Hinzufügen in der Eigenschaftenleiste aus.

    Auswählen einer Komponente zum Hinzufügen zu einem Container

Die Komponente wird in den Container eingefügt und kann im Editor bearbeitet werden.

TIPP

Verwenden des Hotkeys A , um dem ausgewählten Container eine Komponente hinzuzufügen.

Löschen von Komponenten aus Containern

  1. Wählen Sie eine Container-Komponente in der Inhaltsstruktur oder im Editor aus.

  2. Wählen Sie das Pfeilsymbol des Containers aus, um seinen Inhalt in der Inhaltsstruktur zu erweitern.

  3. Wählen Sie dann in der Inhaltsstruktur eine Komponente im Container aus.

  4. Wählen Sie in der Eigenschaftenleiste das Löschsymbol aus.

    Löschen einer Komponente

Die ausgewählte Komponente wurde gelöscht.

TIPP

Verwenden des Hotkeys Shift+Backspace , um die ausgewählte Komponente aus ihrem Container zu löschen.

Neuanordnen von Komponenten in Containern

  1. Wählen Sie eine Container-Komponente in der Inhaltsstruktur oder im Editor aus.

  2. Wenn nicht bereits in Inhaltsbaum-Modus, darauf umschalten.

  3. Wählen Sie das Pfeilsymbol des Containers aus, um seinen Inhalt in der Inhaltsstruktur zu erweitern.

  4. Ziehpunkte neben den Komponenten im Container zeigen, dass Sie sie neu anordnen können. Ziehen Sie die Komponenten, um sie innerhalb des Containers neu anzuordnen.

    Neuanordnen von Komponenten

  5. Die gezogene Komponente wird in der Komponentenstruktur grau dargestellt, während der Einfügepunkt durch eine blaue Linie dargestellt wird. Lassen Sie die Komponente frei, um sie an ihrer neuen Position zu platzieren.

Die Komponenten werden sowohl in der Inhaltsstruktur als auch im Editor neu angeordnet

Vorschau von Inhalten

Wenn Sie mit der Bearbeitung von Inhalten fertig sind, möchten Sie häufig durch diese navigieren, um zu sehen, wie sie im Inhalt anderer Seiten aussehen. Im Vorschaumodus können Sie auf Links klicken, um genau wie eine Person, die Ihre Inhalte liest, durch diese zu navigieren. Der Inhalt wird im Editor so wiedergegeben, wie er veröffentlicht werden würde.

Beachten Sie, dass im Vorschaumodus beim Tippen oder Klicken auf den Inhalt die gleiche Reaktion erfolgt, wie es bei einer Person, die den Inhalt liest, der Fall wäre. Wenn Sie den zu bearbeitenden Inhalt auswählen möchten, wechseln Sie zu Komponentenmodus.

Zusätzliche Ressourcen

Weitere Informationen zum universellen Editor finden Sie in diesen Dokumenten.

Auf dieser Seite