Verfassen einer Seite für Mobilgeräte authoring-a-page-for-mobile-devices
Adobe Experience Manager-Seiten basieren auf einem responsiven Layout. Durch ein responsives Layout werden Ihre Inhalte automatisch an das jeweilige Zielgerät angepasst, sodass Inhalte nicht speziell für bestimmte Geräte erstellt werden müssen.
Wenn Sie eine Seite für Mobilgeräte bearbeiten, wird die Seite so angezeigt, dass das Mobilgerät emuliert wird. Beim Bearbeiten der Seite können Sie zwischen mehreren Emulatoren wechseln, um zu sehen, was die Endbenutzerinnen und -benutzer beim Zugriff auf die Seite sehen.
Geräte sind entsprechend ihrer Fähigkeit zur Wiedergabe einer Seite in die Kategorien „Feature“, „Smart“ und „Touch“ eingeteilt. Wenn die Endbenutzerinnen und -benutzer auf eine mobile Seite zugreifen, erkennt AEM das Gerät und übermittelt die Darstellung, die der Gerätegruppe entspricht.
Gehen Sie wie folgt vor, um eine Seite für Mobilgeräte zu erstellen:
-
Öffnen Sie ausgehend von der globalen Navigation die Sites-Konsole.
-
Bearbeiten Sie eine Inhaltsseite.
-
Wechseln Sie durch Klicken auf das Emulator-Symbol am oberen Seitenrand zum gewünschten Emulator.
-
Ziehen Sie Komponenten per Drag-and-Drop aus dem Komponenten-Browser oder Asset-Browser auf die Seite.
-
Ändern Sie das responsive Layout der Seite und ihrer Komponenten je nach Gerät.
Die Seite sieht dann ähnlich wie die folgende aus: