Autorenumgebung und Tools authoring-the-environment-and-tools
Die Autorenumgebung von AEM bietet verschiedene Mechanismen für das Organisieren und Bearbeiten von Inhalten. Die verfügbaren Tools können über verschiedene Konsolen und Seiteneditoren aufgerufen werden.
Verwalten Ihrer Site managing-your-site
Die Sites Mit der Konsole können Sie auf Ihrer Website navigieren und diese verwalten. Verwenden Sie dazu die Kopfzeilenleiste, Symbolleiste, Aktionssymbole (für die ausgewählte Ressource zutreffend), Breadcrumbs und ggf. sekundäre Leisten (z. B. Timeline und Verweise).
Beispiel: Kartenansicht:
Bearbeiten des Seiteninhalts editing-page-content
Sie können eine Seite mit dem Seiteneditor bearbeiten. Beispiel:
http://localhost:4502/editor.html/content/we-retail/us/en/equipment.html
Aufrufen der Hilfe accessing-help
Wenn Sie eine Seite bearbeiten, können Sie folgendermaßen auf die Hilfe zugreifen:
- die Seiteninformationen Selektor; Hier werden die Einführungsfolien angezeigt (wie beim ersten Zugriff auf den Editor gezeigt).
- die Konfiguration Dialogfeld für bestimmte Komponenten (mithilfe des Symbols ? Symbol in der Symbolleiste des Dialogfelds); zeigt kontextsensitive Hilfe an.
In den Konsolen stehen weitere Hilferessourcen zur Verfügung.
Komponenten-Browser components-browser
Der Komponenten-Browser enthält alle Komponenten, die zur Verwendung auf der aktuellen Seite verfügbar sind. Sie können diese an die gewünschte Position ziehen und dann bearbeiten, um Inhalte hinzuzufügen.
Der Komponenten-Browser befindet sich auf einer Registerkarte im seitlichen Bedienfeld (zusammen mit dem Asset-Browser und der Inhaltsstruktur). Um das Bedienfeld zu öffnen (oder zu schließen), verwenden Sie das Symbol links oben in der Symbolleiste:
Wenn Sie das Bedienfeld öffnen, wird es von der linken Seite aus eingeblendet. Wählen Sie hier ggf. die Registerkarte Komponenten. Wenn diese geöffnet ist, können Sie alle für die Seite verfügbaren Komponenten durchsuchen.
Das tatsächliche Aussehen und die Nutzung hängen vom verwendeten Gerätetyp ab:
-
Mobilgerät (z. B. iPad)
Der Komponenten-Browser deckt die bearbeitete Seite vollständig ab.
Um Ihrer Seite Komponenten hinzuzufügen, berühren und halten Sie die gewünschte Komponente und verschieben Sie sie nach rechts - der Komponenten-Browser wird geschlossen und die Seite wird erneut angezeigt - wo Sie die Komponente platzieren können.
-
Desktop-Gerät
Der Komponenten-Browser wird auf der linken Seite des Fensters geöffnet.
Um der Seite eine Komponente hinzuzufügen, klicken Sie auf die gewünschte Komponente und ziehen Sie sie an die gewünschte Position.
Komponenten werden wie folgt dargestellt:
-
Komponentenname
-
Komponentengruppe (in grau)
-
Symbol oder Abkürzung
- Die Symbole für die Standardkomponenten sind monochrom dargestellt.
- Abkürzungen sind immer die ersten beiden Zeichen des Komponentennamen.
In der oberen Symbolleiste des Komponenten-Browsers haben Sie folgende Möglichkeiten:
- Komponenten nach Namen filtern
- mittels Dropdown-Auswahl die Anzeige auf eine bestimmte Gruppe begrenzen
Für eine detailliertere Beschreibung der Komponente können Sie im Browser Komponenten auf das Informationssymbol neben der Komponente tippen/klicken (falls verfügbar).
Weiterführende Informationen zu den verfügbaren Komponenten finden Sie unter Komponenten-Konsole.
-
Asset-Browser assets-browser
Der Asset-Browser enthält alle Assets, die auf Ihrer aktuellen Seite direkt verwendet werden können.
Der Asset-Browser befindet sich auf einer Registerkarte im seitlichen Bedienfeld (zusammen mit dem Komponenten-Browser und der Inhaltsstruktur). Um das Bedienfeld zu öffnen (oder zu schließen), verwenden Sie das Symbol links oben in der Symbolleiste:
Wenn Sie das Bedienfeld öffnen, wird es von der linken Seite aus eingeblendet. Wählen Sie hier ggf. die Registerkarte Assets.
Wenn der Asset-Browser geöffnet ist, können Sie alle für die Seite verfügbaren Assets durchsuchen. Bei Bedarf können Sie die Liste durch Scrollen unendlich erweitern.
Um ein Asset zu der Seite hinzuzufügen, wählen Sie es aus und ziehen Sie es an die gewünschte Position. Dabei kann es sich um Folgendes handeln:
-
Eine vorhandene Komponente des entsprechenden Typs.
- Sie können beispielsweise ein Asset des Typs „Bild“ auf eine Bildkomponente ziehen.
-
Ein Platzhalter im Absatzsystem zum Erstellen einer neuen Komponente des entsprechenden Typs.
- Sie können beispielsweise ein Asset des Typs "Bild"auf das Absatzsystem ziehen, um eine Bildkomponente zu erstellen.
In der Symbolleiste des Asset-Browsers können Sie Assets nach folgenden Kriterien filtern:
-
Name
-
Pfad
-
Asset-Typ, z. B. Bilder, Manuskripte, Dokumente, Videos, Seiten, Absätze oder Produkte
-
Asset-Merkmale, z. B. Ausrichtung (Hochformat, Querformat, quadratisch) und Stil (farbig, monochrom, Graustufen)
- Nur für bestimmte Asset-Typen verfügbar
Das tatsächliche Aussehen und die Nutzung hängen vom verwendeten Gerätetyp ab:
-
Mobilgerät wie iPad
Der Asset-Browser deckt die gesamte bearbeitete Seite ab.
Um der Seite ein Asset hinzuzufügen, berühren und halten Sie das gewünschte Asset und verschieben Sie es nach rechts. Der Asset-Browser wird geschlossen und die Seite wird erneut angezeigt. Jetzt können Sie das Asset der gewünschten Komponente hinzufügen.
-
Desktop-Gerät
Der Asset-Browser wird auf der linken Seite des Fensters geöffnet.
Um ein Asset zu Ihrer Seite hinzuzufügen, klicken Sie auf das gewünschte Asset und ziehen Sie es auf die benötigte Komponente oder Stelle.
Wenn Sie eine Änderung an einem der Assets vornehmen möchten, können Sie den Asset-Editor auch direkt über den Browser starten. Klicken Sie dazu einfach auf das Bearbeitungssymbol neben dem Asset-Namen.
Inhaltsstruktur content-tree
Die Inhaltsstruktur bietet einen Überblick über alle auf der Seite verwendeten Komponenten in einer hierarchischen Darstellung, sodass Sie direkt feststellen können, wie die Seite aufgebaut ist.
Die Inhaltsstruktur befindet sich auf einer Registerkarte im seitlichen Bedienfeld (zusammen mit dem Asset-Browser). Um das Bedienfeld zu öffnen (oder zu schließen), verwenden Sie das Symbol links oben in der Symbolleiste:
Wenn Sie das Bedienfeld öffnen, wird es von der linken Seite aus eingeblendet. Wählen Sie ggf. die Registerkarte Inhaltsstruktur. Mit dieser Strukturansicht Ihrer Seite oder Vorlage können Sie leicht nachvollziehen, wie die darauf verwendeten Komponenten hierarchisch strukturiert sind. Auf einer komplexer gestalteten Seite können Sie so zudem einfacher zwischen Komponenten auf der Seite wechseln.
Eine Seite kann problemlos aus vielen Komponenten desselben Typs bestehen. Daher wird in der Komponentenstruktur nach dem Namen des Komponententyps (in Schwarz) beschreibender Text (grau) angezeigt. Der Text für diese Beschreibung wird aus den allgemeinen Eigenschaften der Komponente (z. B. Titel oder Text) entnommen.
Die Komponententypen werden in der für die Benutzeroberfläche ausgewählten Sprache angezeigt, die Beschreibung dagegen in der Sprache, die für die Seite verwendet wird.
Durch Klicken auf den Richtungspfeil neben einer Komponente wird die entsprechende Ebene ein- bzw. ausgeblendet.
Durch Klicken auf die Komponente wird diese im Seiteneditor markiert.
Wenn Sie in der Struktur auf eine Komponente klicken, die bearbeitbar ist, wird rechts neben ihrem Namen ein Schraubenschlüssel-Symbol angezeigt. Durch Klicken auf dieses Symbol können Sie das Dialogfeld für die Bearbeitung der Komponente direkt aufrufen.
Fragmente: Browser für zugehörige Inhalte fragments-associated-content-browser
Wenn Ihre Seite Inhaltsfragmente enthält, haben Sie auch Zugriff auf den Browser für zugehörige Inhalte.
Verweise references
Verweise zeigen Verbindungen zur ausgewählten Seite an:
- Blueprints
- Launches
- Live Copies
- Sprachkopien
- Verwendung der Referenzkomponente
- Verweise auf Produktseiten (auf der Konsole „E-Commerce - Produkte“)
Öffnen Sie die gewünschte Konsole, navigieren Sie zur gewünschten Ressource und öffnen Sie Verweise wie folgt:
Wählen Sie die gewünschte Ressource aus, um eine Liste der Verweistypen anzuzeigen, die für diese Ressource relevant sind:
Wählen Sie den gewünschten Verweistyp, um weitere Informationen anzuzeigen: In bestimmten Situationen sind weitere Aktionen verfügbar, wenn Sie einen bestimmten Verweis auswählen:
- Instanzen der Referenzkomponente (z. B. Navigieren zur referenzierenden/referenzierten Seite)
- Verweise auf Produktseiten (verfügbar in der Konsole „E-Commerce - Produkte“)
- Launches
- Live Copies zeigt die Pfade aller Live Copies an, die auf der gewählten Ressource basieren.
- Blueprint
- Sprachkopien
Sie können beispielsweise einen beschädigten Verweis innerhalb einer Verweiskomponente reparieren:
Ereignisse: Zeitleiste events-timeline
Bei bestimmten Ressourcen (z. B. Seiten aus der Sites-Konsole oder Assets aus der Asset-Konsole) kann die Zeitleiste dazu verwendet werden, die zuletzt durchgeführten Aktivitäten für ausgewählte Elemente anzuzeigen.
Öffnen Sie die gewünschte Konsole, navigieren Sie zur gewünschten Ressource und öffnen Sie die Zeitleiste wie folgt:
Wählen Sie die gewünschte Ressourceund danach entweder Alle anzeigen oder Aktivitäten aus, um die mit den ausgewählten Ressourcen zuletzt ausgeführten Aktionen aufzulisten:
Seiteninformationen page-information
Mit „Seiteninformationen“ (Equalizer-Symbol) öffnen Sie ein Menü, das auch Details zur letzten Bearbeitung und zur letzten Aktivierung enthält. Je nach den Eigenschaften der Seite (und ihrer Site) stehen mehr oder weniger Optionen zur Verfügung:
Beispiel: Seiteninformationen verfügt außerdem über die folgenden Optionen:
-
Launch bewerben wenn es sich bei der Seite um einen Launch handelt.
-
Vorlage bearbeiten wenn die Seite auf einer bearbeitbare Vorlage
-
In klassischer Benutzeroberfläche öffnen, wenn diese Option von einer bzw. einem Admin aktiviert wurde.
Darüber hinaus können über die Seiteninformationen ggf. auch Analysen und Empfehlungen aufgerufen werden.
Seitenmodi page-modes
Für die Bearbeitung von Seiten stehen verschiedene Modi zur Verfügung, über die jeweils unterschiedliche Aktionen durchgeführt werden können:
-
Bearbeiten: Der Modus zum Bearbeiten des Seiteninhalts.
-
Layout: Ermöglicht es Ihnen, Ihr responsives Layout gerätespezifisch zu erstellen und zu bearbeiten (wenn die Seite auf einem Layout-Container basiert).
-
Strukturvorlage: Hilft Ihnen bei der Erstellung einer großen Anzahl von Seiten, die unterschiedliche Inhalte, aber eine einheitliche Struktur aufweisen sollen.
-
Entwickler: Ermöglicht die Durchführung verschiedener Aktionen (Berechtigungen erforderlich), zu denen die Untersuchung der technischen Details einer Seite und von deren Komponenten gehört.
-
Design - ermöglicht es Ihnen, Komponenten für die Verwendung auf einer Seite zu aktivieren bzw. zu deaktivieren und das Design der Komponente zu konfigurieren (wenn die Seite auf einer statische Vorlage).
-
Zielsetzung: Steigerung der Inhaltsrelevanz durch Zielsetzung und Messung über alle Kanäle hinweg.
-
Activity Map: Zeigt Analytics-Daten für die Seite an.
-
Timewarp: Ermöglicht es, eine Seite in dem Zustand anzuzeigen, den sie zu einem früheren Zeitpunkt aufgewiesen hat.
-
Live Copy-Status: Für einen schnellen Überblick über den Live Copy-Status und darüber, welche Komponenten übernommen oder nicht übernommen wurden.
-
Vorschau: Dient zur Anzeige der Darstellung der Seite in der Veröffentlichungsumgebung oder zur Navigation anhand der Links im Inhalt.
-
Anmerken: In diesem Modus können Sie Anmerkungen auf der Seite hinzufügen oder anzeigen.
Sie können darauf über das Symbol oben rechts im Bildschirm zugreifen. Das Symbol ändert sich je nach verwendetem Modus:
- Abhängig von den Merkmalen der Seite sind einige Modi ggf. nicht verfügbar.
- Für den Zugriff auf einige Modi sind die entsprechenden Berechtigungen erforderlich.
- Aus Platzgründen steht der Entwicklermodus auf Mobilgeräten nicht zur Verfügung.
- Mit dem Tastaturbefehl
Ctrl-Shift-M
(Strg+Umschalt+M) können Sie zwischen der Vorschau und dem aktuell ausgewählten Modus (z. B. Bearbeiten, Layout usw.) wechseln.
Pfadauswahl path-selection
Oft muss bei der Bearbeitung einer Seite eine andere Ressource ausgewählt werden (z. B. zum Definieren eines Links zu einer anderen Seite/Ressource oder zum Auswählen eines Bilds). Zur Vereinfachung der Pfadauswahl werden Eingaben in den Pfad-Feldern automatisch ausgefüllt. Ergänzend dazu stehen zudem leistungsstarke Auswahlfunktionen im Pfad-Browser zur Verfügung.
Pfadfelder path-fields
Im vorliegenden Beispiel wird zur Verdeutlichung die Bildkomponente verwendet. Weitere Informationen zur Verwendung und Bearbeitung von Komponenten finden Sie unter Komponenten für die Seitenbearbeitung.
Pfadfelder verfügen jetzt über automatische Vervollständigungs- und Vorausschau-Funktionen, um die Suche nach einer Ressource zu vereinfachen. Beginnen Sie einfach mit der Eingabe in das Pfadfeld und die AEM bietet Ihnen passende Pfade während der Eingabe.
Durch Klicken auf die Schaltfläche Auswahl-Dialogfeld öffnen im Pfadfeld wird das Dialogfeld Pfad-Browser geöffnet, in dem Optionen für eine präzisere Auswahl zur Verfügung stehen.
Pfad-Browser path-browser
Der Pfad-Browser ist wie die Spaltenansicht der Sites-Konsole aufgebaut und ermöglicht eine präzisere Auswahl der Ressourcen.
Sobald eine Ressource ausgewählt wird, wird die Schaltfläche Auswählen oben rechts im Dialogfeld aktiviert. Klicken/tippen Sie darauf, um die Auswahl zu bestätigen, oder heben Sie die Auswahl über Abbrechen auf.
Wenn der Kontext die Auswahl mehrerer Ressourcen zulässt, wird bei Auswahl einer Ressource auch die Schaltfläche Auswählen aktiviert, aber auch die Anzahl der ausgewählten Ressourcen wird oben rechts im Fenster angezeigt. Klicken Sie auf das X neben der Zahl, um die Auswahl für alle aufzuheben.
Mit den Breadcrumbs können Sie schnell in die Ressourcenhierarchie springen.
Darüber hinaus können Sie auch jederzeit das Suchfeld oben im Dialogfeld verwenden.
Klicken Sie im Suchfeld auf X, wenn Sie die Suche löschen möchten.
Sie können Ihre Suche auch eingrenzen, indem Sie die Filteroptionen einblenden und die Ergebnisse nach Pfad filtern.
Tastaturbefehle keyboard-shortcuts
Für die Bedienung stehen verschiedene Tastaturbefehle zur Verfügung.