Création d’une page pour les appareils mobiles

Dernière mise à jour : 2024-02-26

Les pages d’Adobe Experience Manager reposent sur une mise en page 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 la personne utilisatrice finale voit lorsqu’elle 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 la personne utilisatrice finale 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