Création d’une page pour les appareils mobiles

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. Lorsque vous créez une page, vous pouvez basculer entre plusieurs émulateurs pour voir ce que l’utilisateur voit lorsqu’il accède à la page.

Les périphériques sont regroupés en fonction des catégories : fonction, intelligent et tactile, selon les fonctionnalités des périphériques pour effectuer le rendu d’une page. Lorsque l’utilisateur final accède à une page mobile, AEM détecte le périphérique et envoie la représentation qui correspond à son groupe de périphériques.

REMARQUE

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 :

  1. À partir de la navigation globale, ouvrez la console Sites.

  2. Modifiez une page de contenu.

  3. Basculez vers l’émulateur de votre choix en cliquant sur l’icône Émulateur en haut de la page.

    Icône Émulateur

  4. Faites glisser des composants de l’explorateur de composants ou de ressources vers la page.

  5. 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 :

Exemple de mobile

REMARQUE

Les émulateurs sont désactivés lorsqu’une page de l’instance de création est demandée à partir d’un appareil mobile.

Sur cette page