Les pages d’Adobe Experience Manager reposent sur une disposition réactive. La mise en page réactive adapte automatiquement votre contenu à l’appareil cible, éliminant ainsi la nécessité de créer du contenu pour des appareils spécifiques.
Lorsque vous créez une page mobile, celle-ci est affichée d’une manière qui émule l’appareil mobile. Lors de la création de la page, vous pouvez basculer entre plusieurs émulateurs pour voir ce que l’utilisateur final voit lorsqu’il accède à la page.
Les périphériques sont regroupés dans les catégories fonctionnalité, intelligent et tactile selon les capacités des périphériques à effectuer le rendu d’une page. Lorsque l’utilisateur final accède à une page mobile, AEM détecte l’appareil et envoie la représentation qui correspond à son groupe d’appareils.
Pour créer un site mobile en fonction d’un site standard existant, créez une Live Copy du site standard. Voir la section Création de Live Copies.
Les développeurs d’AEM peuvent créer de nouveaux groupes d’appareils. Consultez Création de filtres de groupe d’appareils.
Utilisez la procédure suivante pour créer une page mobile :
À partir de la navigation globale, ouvrez la console Sites.
Modifiez une page de contenu.
Basculez vers l’émulateur de votre choix en cliquant sur l’icône Émulateur en haut de la page.
Faites glisser des composants de l’explorateur de composants ou de ressources vers la page.
Modifiez la disposition réactive de la page et de ses composants en fonction de l’appareil sélectionné.
La page ressemble à ce qui suit :
Les émulateurs sont désactivés lorsqu’une page de l’instance de création est demandée à partir d’un appareil mobile.