Création de modèles de page

Lors de la création d’une page, vous devez sélectionner un modèle. C’est la base pour créer la page. Le modèle définit la structure de la page créée, le contenu initial et les composants qui peuvent être utilisés (propriétés de conception).

Grâce à l’éditeur de modèles, les tâches de création et de gestion des modèles ne sont plus réservées aux développeurs. Vous pouvez également impliquer un auteur disposant de fonctions avancées. Les développeurs doivent toujours configurer l’environnement, créer les bibliothèques client et créer les composants à utiliser, mais une fois ces éléments fondamentaux en place, l’auteur a la possibilité de créer et de configurer des modèles sans projet de développement ni itération.

La console Modèles permet aux créateurs (de modèles) :

• de créer un modèle (nouveau modèle ou copie d’un modèle existant) ;
  
• de gérer le cycle de vie du modèle.

L’éditeur de modèles permet aux auteurs (de modèles) :

• d’ajouter des composants (disponibles) au modèle et de les positionner sur une grille réactive ;
• de préconfigurer les composants ;
  
• de définir les composants qui peuvent être publiés dans les pages créées (à partir du modèle).

Avant de commencer, vous devez tenir compte des points importants suivants :

• La création d’un modèle implique une collaboration. De ce fait, le rôle est indiqué pour chaque tâche.
  
• En fonction de la configuration de votre instance, il peut s’avérer utile de savoir qu’AEM comporte maintenant deux types de modèles standard. Cela n’a pas d’incidence sur la façon dont vous utilisez réellement un modèle pour créer une page, mais cela affecte le type de modèle que vous pouvez créer et la façon dont la page créée fait référence à son modèle.
• Utilisation d’un modèle pour créer une page

La création d’un modèle (à l’aide de la console Modèles et de l’éditeur de modèles) implique une collaboration entre :

• Admin:
  • La création d’un dossier pour les modèles nécessite des droits d’administrateur.
    
• Développeur:
  • Concentrez-vous sur les détails techniques/internes. Une expérience de l’environnement de développement est nécessaire.
    
  • Fournissez les informations nécessaires au créateur de modèles.
    
• Créateur de modèles :
  • Créateurs spécifiques, qui sont membres du groupe :
        template-authors
    Les droits et les autorisations nécessaires doivent être attribués.
    
  • Peut configurer l’utilisation des composants et d’autres détails importants. A besoin :
    • d’expérience de certains détails techniques, comme l’utilisation des motifs lors de la définition des chemins d’accès ;
    • d’informations techniques provenant du développeur.
      

En raison de la nature de certaines tâches (comme la création d’un dossier), un environnement de développement est nécessaire et implique des connaissances/de l’expérience.

AEM comporte maintenant deux types de modèles standard :

Lorsque vous utilisez un modèle pour créer une page, il n’y a pas de différence visible et aucune indication du type de modèle utilisé.

Lors de la création d’un modèle modifiable :

• Vous utilisez la console Modèles. Cette option est disponible dans la section Général de la console Outils (dans l’IU optimisée pour les écrans tactiles uniquement).
  • ou directement. Par exemple : http://localhost:4502/libs/wcm/core/content/sites/templates.html/conf
• peut créer un dossier pour les modèles (si nécessaire)
• créez un modèle (vide à ce stade)
• définissez des propriétés supplémentaires pour le modèle (si nécessaire)
• modifiez le modèle pour définir :
  • Structure : contenu prédéfini, qui ne peut pas être modifié dans les pages créées.
    
  • Contenu initial : contenu prédéfini qui peut être modifié dans les pages créées.
    
  • Mise en page : pour de nombreux dispositifs.
• puis activez le modèle à utiliser lors de la création d’une page
• et autorisez le modèle de la page souhaitée ou la branche du site web
• avant de publier le modèle pour le mettre à disposition dans l’environnement de publication (nécessaire en raison des connexions dynamiques avec les pages).

Dans une instance AEM standard, le dossier Global existe déjà dans la console Modèles. Il contient les modèles par défaut et fait office de dossier de rechange si le dossier actif ne contient pas de politiques et/ou de types de modèles. Vous pouvez ajouter des modèles par défaut à ce dossier ou créer un dossier pour conserver vos modèles personnalisés. Par exemple, des modèles spécifiques à un site et/ou à une langue.

Lors de la création des dossiers dans la console Modèles, vous pouvez définir les propriétés suivantes :

• Titre
  Titre du dossier, qui s’affiche dans la console.
  
• Nom
  Nom du dossier, utilisé dans L’URL.

Les types de modèles et les politiques sont hérités dans tous les dossiers selon l’ordre de priorité suivant :

1. Dossier actif
2. Parent(s) du dossier actif
3. /conf/global
4. /apps
5. /libs

Une liste de toutes les entrées autorisées est créée. Si des configurations se chevauchent (chemin/libellé), seule l’instance la plus proche du dossier actif s’affiche pour l’utilisateur.

Le nouveau dossier doit être créé sous /conf :

Un modèle peut posséder les propriétés suivantes :

• Détails
  • Image
    • Vous pouvez transférer une image à utiliser sous forme de vignette pour la sélection d’un modèle. Par exemple, dans l’Assistant Créer une page.
      
  • Titre
    • Titre servant à identifier le modèle. Par exemple, dans l’Assistant Créer une page.
  • Description
    • Description (facultative) pour fournir des informations supplémentaires sur le modèle et son utilisation. Par exemple, dans l’Assistant Créer une page.
      

Pour afficher et/ou modifier les propriétés :

Pour utiliser un modèle lors de la création d’une page, vous devez effectuer ces deux tâches :

• Activer : permet de le mettre à disposition pour pouvoir être utilisé lors de la création de pages.
• Autoriser : permet de spécifier les branches de contenu dans lesquelles le modèle peut être utilisé.
  

Un modèle peut être activé (ou désactivé) pour être mis à disposition (ou non) dans l’Assistant Créer une page.

Un modèle peut être activé (ou désactivé) pour être mis à disposition (ou non) dans l’Assistant Créer une page.

Dans la mesure où le modèle est référencé lors du rendu d’une page, le modèle (totalement configuré) doit être publié afin d’être disponible dans l’environnement de publication.

Lors de la création (ou de la modification) d’un modèle, vous pouvez définir différents aspects :

Le sélecteur Mode de la barre d’outils permet de sélectionner et de modifier l’aspect approprié du modèle :

• Structure
• Contenu initial
• Mise en page

Lorsque l’option Stratégie de page du menu Informations sur la page, vous pouvez sélectionner les stratégies de page de votre choix :

En mode Structure, vous définissez les composants et le contenu de votre modèle :

• Les composants définis dans la structure du modèle ne peuvent être ni déplacés ni supprimés dans les pages créées.
• Si vous souhaitez que les créateurs de pages puissent ajouter et supprimer des composants, ajoutez un système de paragraphes au modèle.
• Les composants peuvent être déverrouillés (et reverrouillés) pour permettre de définir le contenu initial.
  

Dans le mode Structure de l’éditeur de modèles :

Le mode Contenu initial permet de définir le contenu qui s’affiche lors de la création d’une page pour la première fois. Il peut ensuite être modifié par les créateurs de pages.

Même si l’ensemble du contenu créé en mode Structure est visible en mode Contenu initial, seuls les composants déverrouillés peuvent être sélectionnés et modifiés.

Vous pouvez définir la mise en page du modèle pour différents dispositifs. La mise en page réactive pour les modèles fonctionne de la même manière que pour la création de pages.

À l’aide de l’option Stratégie de page (dans le menu Informations sur la page), vous pouvez appliquer une stratégie de contenu au modèle ou aux pages créées. Cette opération définit la stratégie de contenu pour le système de paragraphes principal dans la page.

À l’aide de l’option Conception de page (dans le menu Informations sur la page), vous pouvez définir les bibliothèques nécessaires côté client dans la boîte de dialogue Conception de page. Ces bibliothèques côté client incluent des feuilles de style et des scripts JavaScript à charger avec le modèle et les pages créées.

À l’aide de l’option Propriétés de page initiales (dans le menu Informations sur la page), vous pouvez définir les propriétés initiales de la page à utiliser lors de la création des pages.

Lors de la création de modèles, vous devez prendre en compte :