Een pagina ontwerpen voor mobiele apparaten authoring-a-page-for-mobile-devices

Adobe Experience Manager-pagina's zijn gebaseerd op een responsieve indeling. ​ Responsieve lay-out ​ past uw inhoud aan om het doelapparaat automatisch te passen, eliminerend de behoefte aan auteursinhoud voor specifieke apparaten.

Wanneer u een mobiele pagina ontwerpt, wordt de pagina weergegeven op een manier die het mobiele apparaat emuleert. Wanneer u de pagina ontwerpt, kunt u schakelen tussen verschillende emulators om te zien wat de eindgebruiker ziet wanneer hij of zij de pagina opent.

Apparaten worden gegroepeerd in de categoriefunctie, de functie voor slim afdrukken en de functie voor aanraken op basis van de mogelijkheden van de apparaten om een pagina weer te geven. Wanneer de eindgebruiker tot een mobiele pagina toegang heeft, AEM ontdekt het apparaat en verzendt de vertegenwoordiging die aan zijn apparatengroep beantwoordt.

NOTE
Als u een mobiele site wilt maken op basis van een bestaande standaardsite, maakt u een live kopie van de standaardsite. Zie ​ Creërend Levende Kopieën ​.
AEM ontwikkelaars kunnen nieuwe apparaatgroepen maken. Zie Apparaatgroepfilters maken.

Gebruik de volgende procedure om een mobiele pagina te ontwerpen:

  1. Van globale navigatie open de console van Plaatsen.

  2. Bewerk een inhoudspagina.

  3. Schakelaar aan de gewenste mededinger door het Emulator pictogram bij de bovenkant van de pagina te klikken.

    Emulatorpictogram

  4. Sleep componenten van de componentbrowser of de middelenbrowser naar de pagina.

  5. ​ wijzigt de ontvankelijke lay-out ​ van de pagina en zijn componenten die op het geselecteerde apparaat worden gebaseerd.

De pagina ziet er ongeveer als volgt uit:

Mobiel voorbeeld

NOTE
De emulators worden uitgeschakeld wanneer een pagina op de auteurinstantie wordt opgevraagd bij een mobiel apparaat.
recommendation-more-help
fbcff2a9-b6fe-4574-b04a-21e75df764ab