Zugriff auf den und Navigation im universellen Editor navigating

Erfahren Sie mehr über die Grundlagen des Zugriffs auf und der Navigation im universellen Editor.

Einführung introduction

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.

Zu diesem Zweck bietet der universelle Editor Inhaltsautorinnen und Inhaltsautoren eine intuitive Benutzeroberfläche, die nur eine minimale Schulung erfordert, damit sie gleich loslegen und mit der Bearbeitung von Inhalten beginnen können. In diesem Dokument wird das Navigieren im universellen Editor beschrieben.

Vorbereiten der App prepare-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.

Zugreifen auf den universellen Editor accessing

Sobald die App für die Verwendung mit dem universellen Editor instrumentiert wurde, kann der universelle Editor sowohl in AEM as a Cloud Service als auch direkt ohne Zugriff auf AEM aufgerufen werden.

Zugreifen in AEM as a Cloud Service accessing-aem

Direktes Zugreifen accessing-directly

Grundlegendes zur Benutzeroberfläche ui

Die Benutzeroberfläche ist in diese Hauptbereiche unterteilt.

Die Kopfzeile von Experience Cloud experience-cloud-header

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.

Experience Manager 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 Distribution zuzugreifen.

Organisation organization

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.

Lösungen solutions

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

Hilfe help

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

Benachrichtigungen notifications

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

Benutzereigenschaften user-properties

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

Die Symbolleiste des universellen Editors universal-editor-toolbar

Die Symbolleiste des universellen Editors befindet sich immer oben im Bildschirm direkt unter Experience Cloud-Kopfzeile. Dadurch erhalten Sie schnellen Zugriff auf die Navigation zu einer anderen Seite, auf der Sie die aktuelle Seite bearbeiten und veröffentlichen können.

Die Schaltfläche „Startseite“ home-button

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

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

Speicherortleiste location-bar

Die Speicherortleiste zeigt die Adresse der Seite an, die Sie bearbeiten. Wählen Sie sie aus, um die Adresse einer anderen Seite einzugeben, die bearbeitet werden soll.

Authentifizierungs-Header-Einstellungen authentication-settings

Wählen Sie das Symbol Einstellungen der Authentifizierungskopfzeile aus, wenn Sie eine benutzerdefinierte Authentifizierungskopfzeile für lokale Entwicklungszwecke festlegen.

Emulator-Einstellungen emulator

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

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

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 im universellen Editor emulieren:

Vorschaumodus preview-mode

Im Vorschaumodus wird die Seite im Editor so gerendert, wie sie in Ihrem veröffentlichten Dienst angezeigt werden würde. Damit können Inhaltsautorinnen und Inhaltsautoren durch Klicken auf Links usw. durch den Inhalt navigieren.

App-Vorschau öffnen open-app-preview

Wählen Sie das Symbol „App-Vorschau öffnen“ aus, um die Seite, die Sie gerade bearbeiten, auf einer eigenen Browser-Registerkarte zu öffnen (unabhängig vom Editor), um eine Vorschau der Änderungen anzuzeigen.

Veröffentlichen publish

Wählen Sie die Schaltfläche „Veröffentlichen“ aus, um die Änderungen am Inhalt für Ihre Leserinnen und Leser live zu veröffentlichen.

Auslassungspunkte ellipsis

Zusätzliche Standardoptionen sind über die Schaltfläche mit den Auslassungspunkten verfügbar.

Beispielsweise ist über die Schaltfläche mit den Auslassungspunkten die Möglichkeit verfügbar, die Veröffentlichung einer Seite (d. h. die Aktion der Schaltfläche Veröffentlichung) rückgängig zu machen.

Zusätzliche Schaltflächen additional-toolbar-buttons

Der universelle Editor bietet ein anpassbares und erweiterbares Authoring-Erlebnis. Wenn zusätzliche Schaltflächen in der Symbolleiste angezeigt werden, wurde Ihr universeller Editor erweitert.

Der Editor editor

Der Editor nimmt den größten Teil des Fensters ein und ist der Ort, an dem die in der Speicherortleiste angegebene Seite gerendert wird.

Wenn sich der Editor im Vorschaumodus befindet, ist der Inhalt navigierbar und Sie können Links folgen, den Inhalt jedoch nicht bearbeiten.

Bedienfeld „Eigenschaften“ properties-rail

Das Bedienfeld „Eigenschaften“ befindet sich immer auf der rechten Seite des Editors. Je nach Modus können Details zu einer im Inhalt ausgewählten Komponente oder aber die Hierarchie der Seiteninhalte angezeigt werden.

Eigenschaftenmodus properties-mode

Im Eigenschaftenmodus zeigt das Bedienfeld die Eigenschaften der aktuell im Editor ausgewählten Komponente an. Dies ist der Standardmodus des Bedienfelds „Eigenschaften“, wenn eine Seite geladen wird.

Je nach ausgewähltem Komponententyp können im Bedienfeld „Eigenschaften“ Details angezeigt und geändert werden.

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

Inhaltsstruktur-Modus content-tree-mode

Im Inhaltsstruktur-Modus zeigt das Bedienfeld die Hierarchie des Seiteninhalts an.

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

Im CF-Editor öffnen edit

Bei der Bearbeitung werden die Optionen für die ausgewählte Komponente im Bedienfeld „Eigenschaften“ angezeigt, in dem Sie die ausgewählte Komponente bearbeiten können. Wenn es sich bei der ausgewählten Komponente um ein Inhaltsfragment handelt, können Sie auch die Schaltfläche Im CF-Editor öffnen  auswählen.

Durch Tippen oder Klicken auf die Schaltfläche Im CF-Editor öffnen wird der Inhaltsfragmenteditor in einer neuen Registerkarte geöffnet. Dadurch können Sie auf die volle Leistungsfähigkeit des Inhaltsfragmenteditors zugreifen, um das zugehörige Inhaltsfragment zu bearbeiten.

Je nach den Anforderungen Ihres Workflows können Sie das Inhaltsfragment im universellen Editor oder direkt im Inhaltsfragmenteditor bearbeiten.

Hinzufügen add

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

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

Duplizieren duplicate

Wenn Sie eine Komponente innerhalb einer Container-Komponente in der Inhaltsstruktur oder im Editor auswählen, wird im Bedienfeld „Eigenschaften“ die Option zum Duplizieren angezeigt.

Durch Tippen oder Klicken auf die Schaltfläche Duplizieren die ausgewählte Komponente dupliziert.

Löschen delete

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

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

Zusätzliche Schaltflächen additional-properties-rail-buttons

Der universelle Editor bietet ein anpassbares und erweiterbares Authoring-Erlebnis. Wenn Sie im Bedienfeld „Eigenschaften“ weitere Schaltflächen finden, wurde Ihr universeller Editor erweitert.

Nächste Schritte next-steps

Nachdem Sie nun wissen, wie Sie auf den universellen Editor zugreifen und darin navigieren können können Sie damit Inhalte erstellen.