Verfassen einer Seite für Mobilgeräte

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 der Endbenutzer beim Zugriff auf die Seite sieht.

Geräte sind entsprechend ihrer Fähigkeit zur Wiedergabe einer Seite in die Kategorien „Feature“, „Smart“ und „Touch“ eingeteilt. Wenn der Endbenutzer auf eine mobile Seite zugreift, erkennt AEM das Gerät und sendet die Darstellung, die der Gerätegruppe entspricht.

HINWEIS

Zur Erstellung einer Website für Mobilgeräte auf der Grundlage einer bestehenden Standard-Site erstellen Sie eine Live Copy der Standard-Site. Weitere Information finden Sie unter Erstellen von Live Copies.

AEM-Entwickler können neue Gerätegruppen erstellen. Siehe „Erstellen von Gerätegruppen-Filtern“.

Gehen Sie wie folgt vor, um eine Seite für Mobilgeräte zu erstellen:

  1. Öffnen Sie ausgehend von der globalen Navigation die Sites-Konsole.

  2. Bearbeiten Sie eine Inhaltsseite.

  3. Wechseln Sie durch Klicken auf das Emulator-Symbol am oberen Seitenrand zum gewünschten Emulator.

    Emulator-Symbol

  4. Ziehen Sie Komponenten per Drag-and-Drop aus dem Komponenten-Browser oder Asset-Browser auf die Seite.

  5. Ändern Sie das responsive Layout der Seite und ihrer Komponenten je nach Gerät.

Die Seite sieht dann ähnlich wie die folgende aus:

Beispiel für Mobilgeräte

HINWEIS

Die Emulatoren sind deaktiviert, wenn eine Seite in der Autoreninstanz von einem Mobilgerät aus aufgerufen wird.

Auf dieser Seite