Lors de la création d’une page, vous devez sélectionner un modèle. C’est la base pour la création de la page. Le modèle définit la structure de la page créée, le contenu initial et les composants pouvant être utilisés.
Grâce à Éditeur de modèles, la création et la maintenance de modèles ne sont plus des tâches réservées aux développeurs. Un type d’utilisateur avancé, appelé auteur de modèles, peut également être impliqué. Les développeurs doivent encore configurer l’environnement, créer des bibliothèques clientes et créer les composants à utiliser. Cependant, une fois ces bases en place, l’auteur de modèles peut créer et configurer des modèles sans projet de développement.
La console de modèles permet aux créateurs de modèles :
L’éditeur de modèles permet aux créateurs de modèles :
Ce document explique comment un créateur de modèles peut utiliser la console et l’éditeur de modèles pour créer et gérer des modèles modifiables.
Pour obtenir des informations détaillées sur le fonctionnement des modèles modifiables à un niveau technique, voir le document destiné aux développeurs Modèles de page.
L’éditeur de modèles ne prend pas en charge le ciblage directement au niveau du modèle. Les pages créées à partir d’un modèle modifiable peuvent être ciblées, mais pas les modèles eux-mêmes.
Un administrateur doit configurer un dossier de modèles dans le navigateur des configurations et appliquer les autorisations appropriées permettant au créateur de modèles de créer un modèle dans ce dossier.
Avant de commencer, il est important de tenir compte du fait que la création d’un modèle nécessite une collaboration. Pour cette raison, le rôle est indiqué pour chaque tâche. Cela n’a pas d’incidence sur la façon dont vous utilisez le modèle pour créer une page, mais cela affecte la façon dont la page fait référence à son modèle.
La création d’un modèle à l’aide de la console Modèles et de l’éditeur de modèles exige une collaboration entre les rôles suivants :
admin
.template-authors
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 et de l’expérience.
Les tâches détaillées dans ce document sont répertoriées avec le rôle responsable de leur exécution.
Lors de la création d’un modèle modifiable :
https://<host>:<port>/libs/wcm/core/content/sites/templates.html/conf
Les modèles autorisés sont souvent prédéfinis lors de la configuration initiale de votre site web.
Ne saisissez jamais d’informations qui doivent être internationalisées dans un modèle.
Pour les éléments de modèle tels que les en-têtes et les pieds de page qui doivent être localisés, utilisez les fonctionnalités de localisation des composants principaux.
Vous devez créer un dossier de modèles pour votre projet afin de contenir les modèles spécifiques au projet. Il s’agit d’une tâche de l’administrateur qui est décrite dans le document Modèles de page.
Ouvrez la console de modèles (en sélectionnant Outils -> Général), puis accédez au dossier souhaité.
Dans une instance AEM standard, le dossier Global existe déjà dans la console de 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 stratégies et/ou de types de modèles.
Il est recommandé d’utiliser un dossier de modèles créé pour le projet.
Pour ouvrir l’Assistant, sélectionnez Créer, puis Créer un modèle.
Sélectionnez un type de modèle, puis cliquez sur Suivant.
Les types de modèles sont des mises en page de modèles prédéfinies et peuvent être considérés comme les modèles d’un modèle. Ils sont prédéfinis par les développeurs ou l’administrateur système. Vous trouverez plus d’informations à ce sujet dans le document Modèles de page.–>
Renseignez les détails du modèle :
Sélectionnez Créer. Un message de confirmation s’affiche. Sélectionnez Ouvrir pour commencer à modifier le modèle ou Terminé pour revenir à la console de modèles.
Lorsque vous créez un modèle, il est marqué comme Brouillon dans la console pour indiquer qu’il n’est pas encore actif.
Les modèles sont des outils puissants pour rationaliser votre processus de création de page. Cependant, un nombre excessif de modèles peut submerger les auteurs et semer la confusion dans la création de pages. Une bonne règle d’or consiste à maintenir le nombre de modèles au-dessous de 100.
Adobe ne recommande pas d’avoir plus de 1 000 modèles en raison des impacts potentiels sur le rendement.
Un modèle peut posséder les propriétés suivantes :
Pour afficher et/ou modifier les propriétés :
L’état du modèle (brouillon, activé ou désactivé) est indiqué dans la console.
Pour définir la miniature du modèle :
Pour utiliser un modèle lors de la création d’une page, vous devez effectuer les deux tâches suivantes :
Un modèle peut être activé ou désactivé pour être mis à disposition (ou non) dans l’assistant Créer une page.
Une fois qu’un modèle est activé, un avertissement s’affiche lorsqu’un créateur de modèles commence à le mettre à jour. Cela permet d’avertir l’utilisateur que le modèle peut être référencé et que donc des modifications sont susceptibles d’affecter les pages faisant référence à ce modèle.
L’état du modèle (brouillon, activé ou désactivé) est indiqué dans la console.
Un modèle peut être rendu disponible ou indisponible pour certaines branches de la page.
Ouvrez Propriétés de la page pour la page principale de la branche dans laquelle vous souhaitez que le modèle soit disponible.
Ouvrez l’onglet Avancé.
Sous Paramètres du modèle, utilisez Ajouter un champ pour spécifier le ou les chemins d’accès de vos modèles.
Le chemin d’accès peut être explicite ou utiliser des modèles. Par exemple :
/conf/<your-folder>/settings/wcm/templates/.*
L’ordre des chemins d’accès n’a pas d’importance. La recherche porte sur tous les chemins d’accès, et tous les modèles sont extraits.
Si la liste Modèles autorisés reste vide, l’arborescence est remontée jusqu’à ce qu’une valeur/liste soit détectée.
Voir Disponibilité des modèles : les principes des modèles autorisés restent identiques.
Cliquez sur Enregistrer pour enregistrer les modifications apportées aux propriétés de la page.
Souvent, les modèles autorisés sont prédéfinis pour le site entier lorsqu’il est configuré.
Dans la mesure où il 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. La modification de modèles est similaire à la création de pages.
Le sélecteur Mode de la barre d’outils permet de sélectionner et de modifier l’aspect approprié du modèle :
Tandis que l’option Stratégie de page du menu Informations sur la page, vous permet de sélectionner les stratégies de page désirées :
Si un créateur commence à modifier un modèle qui a déjà été activé, un avertissement s’affiche. Cela permet d’avertir l’utilisateur que le modèle peut être référencé et que donc des modifications sont susceptibles d’affecter les pages faisant référence à ce modèle.
Les attributs suivants d’un modèle peuvent être modifiés :
Les composants ajoutés à la structure ne peuvent pas être déplacés/supprimés dans les pages créées par les créateurs de pages. Si vous souhaitez que les créateurs de pages puissent ajouter et supprimer des composants aux pages créées, vous devez ajouter un système de paragraphes dans le modèle.
Lorsque les composants sont verrouillés, vous pouvez ajouter du contenu, que les créateurs de pages ne peuvent pas modifier. Vous pouvez déverrouiller des composants pour pouvoir définir le contenu initial.
En mode Structure, les composants parents d’un composant déverrouillé ne peuvent être ni déplacés, ni coupés, ni supprimés.
Lorsqu’un composant a été déverrouillé, vous pouvez définir le contenu initial qui sera copié dans les pages créées à partir du modèle. Ces composants déverrouillés peuvent être modifiés dans les pages créées.
En mode Contenu initial (et dans les pages créées), les composants déverrouillés qui possèdent un parent accessible (c’est-à-dire, les composants dans un conteneur de mises en page) peuvent être supprimés.
Vous pouvez prédéfinir la disposition du modèle pour les formats d’appareil de votre choix. Le mode Disposition pour la création de modèles comporte la même fonctionnalité que le mode Disposition pour la création de pages.
Dans le cadre des stratégies de page, vous pouvez attribuer des stratégies de page prédéfinies à la page. Ces stratégies de page définissent les différentes configurations de conception.
Le système de style permet à un auteur de modèles de définir des classes de style dans la stratégie de contenu d’un composant, de façon à pouvoir sélectionner ces classes lors de la modification du composant sur une page. Ces styles peuvent être des variantes visuelles d’un composant, le rendant ainsi plus flexible.
Pour plus d’informations, voir la documentation sur le système de style.
En mode Structure, vous définissez les composants et le contenu de votre modèle, ainsi qu’une stratégie pour le modèle et ses composants.
Vous pouvez exécuter un certain nombre d’actions en mode Structure de l’éditeur de modèles, ainsi que plusieurs fonctions pour vous aider :
Différents mécanismes permettent d’ajouter des composants au modèle :
Une fois ajouté, chaque composant est identifié par :
Lorsque vous ajoutez un composant Titre prêt à l’emploi au modèle, il contient le texte structure par défaut.
Si vous le modifiez et que vous ajoutez votre propre texte, le texte mis à jour sera utilisé pour les pages créées à partir du modèle.
Si vous laissez le texte par défaut (structure), le titre propose par défaut le nom de la page suivante.
Même si l’ajout de composants et de ressources à un modèle n’est pas identique à des actions comparables lors de la création de pages, il présente de nombreuses similitudes avec ces actions.
Intervenez sur les composants une fois qu’ils ont été ajoutés au modèle. Chaque instance individuelle comporte une barre d’outils qui permet d’accéder aux actions disponibles. La barre d’outils dépend du type de composant.
Elle peut également dépendre des actions exécutées. Par exemple, lorsqu’une stratégie a été associée au composant, l’icône de configuration de la conception est disponible.
Avec ces deux actions, vous pouvez ajouter du contenu aux composants.
Lorsque vous travaillez en mode Structure, une bordure orange indique le composant actuellement sélectionné. Une ligne pointillée indique le composant parent.
Les stratégies de contenu (ou de conception) définissent les propriétés de conception d’un composant. Par exemple, les composants disponibles ou les dimensions minimales/maximales. Elles s’appliquent au modèle (et aux pages créées avec le modèle).
Créez une stratégie de contenu ou sélectionnez-en une existante pour un composant.
Cela permet de définir les détails de la conception.
La fenêtre de configuration est divisée en deux.
Les propriétés disponibles dépendent du composant sélectionné. Par exemple, pour un composant de texte, les propriétés définissent entre autres les options de copie et de collage, de mise en forme, et le style des paragraphes.
Les stratégies de contenu (ou de conception) définissent les propriétés de conception d’un composant. Par exemple, les composants disponibles ou les dimensions minimales/maximales. Elles s’appliquent au modèle (et aux pages créées avec le modèle).
Sous Stratégie, vous pouvez sélectionner, dans le menu déroulant, une stratégie à appliquer au composant.
Vous pouvez ajouter une nouvelle stratégie en sélectionnant le bouton d’ajout en regard du menu déroulant Sélectionner une stratégie. Vous devez ensuite attribuer un nouveau titre dans le champ Titre de la stratégie.
La stratégie existante sélectionnée dans le menu déroulant Sélectionner une stratégie peut être copiée comme nouvelle stratégie à l’aide du bouton de copie en regard du menu déroulant. Vous devez ensuite attribuer un nouveau titre dans le champ Titre de la stratégie. Par défaut, la stratégie copiée sera intitulée Copie de X, X étant le titre de la stratégie copiée.
Vous pouvez saisir la description de la stratégie dans le champ Description de la stratégie (facultatif).
Dans la section D’autres modèles utilisent également la stratégie sélectionnée, vous pouvez facilement voir les autres modèles qui utilisent la stratégie sélectionnée dans le menu déroulant Sélectionner une stratégie.
Si plusieurs composants du même type sont ajoutés comme contenu initial, la même stratégie s’applique à tous les composants.
Sous l’en-tête Propriétés, vous pouvez définir les paramètres du composant. L’en-tête comporte deux onglets :
Dans l’onglet Principal, les paramètres les plus importants du composant sont définis.
Par exemple, pour un composant d’image, les largeurs autorisées peuvent être définies en même temps que l’activation du chargement différé.
Si un paramètre permet plusieurs configurations, cliquez ou appuyez sur le bouton Ajouter pour ajouter une autre configuration.
Pour supprimer une configuration, cliquez ou appuyez sur le bouton Supprimer situé à droite de la configuration.
Pour supprimer une configuration, cliquez ou appuyez sur le bouton Supprimer.
L’onglet Fonctions permet d’activer ou de désactiver des fonctions supplémentaires du composant.
Par exemple, pour un composant d’image, vous pouvez définir les proportions de recadrage, les orientations d’image autorisées et indiquer si les chargements sont autorisés.
Remarque : Dans AEM, les rapports de recadrage sont définis sous forme de hauteur/largeur. Cela diffère de la définition conventionnelle de la largeur/hauteur, à des fins de compatibilité avec les versions héritées. Les utilisateurs de la création de pages ne percevront aucune différence à condition que vous définissiez clairement le Nom, car c’est ce dernier qui s’affiche dans l’interface utilisateur.
Les stratégies de contenu pour les composants impliquant la mise en œuvre de l’éditeur de texte enrichi peuvent uniquement être définies pour les options accessibles par les paramètres de l’interface utilisateur, via ses propres paramètres d’interface utilisateur.
Les paramètres de stratégie et de propriétés d’un conteneur de mises en page sont similaires à l’utilisation générale, mais avec quelques différences.
La configuration d’une stratégie est obligatoire pour les composants de conteneur, car elle permet de définir les composants qui seront disponibles dans le conteneur.
La fenêtre de configuration est divisée en deux, tout comme dans l’utilisation générale de la fenêtre.
Les stratégies de contenu (ou de conception) définissent les propriétés de conception d’un composant. Par exemple, les composants disponibles ou les dimensions minimales/maximales. Elles s’appliquent au modèle (et aux pages créées avec le modèle).
Sous Stratégie, vous pouvez sélectionner, dans le menu déroulant, une stratégie à appliquer au composant. Cela fonctionne exactement comme dans l’utilisation générale de la fenêtre.
Sous l’en-tête Propriétés, vous pouvez choisir les composants disponibles pour le conteneur de mises en page et définir leurs paramètres. L’en-tête comporte trois onglets :
Dans l’onglet Composants autorisés, vous définissez les composants disponibles pour le conteneur de mises en page.
Dans l’onglet Composants par défaut, vous définissez les composants qui sont automatiquement associés à des types de médias donnés. Ainsi, lorsqu’un créateur fait glisser une ressource depuis le navigateur des ressources, AEM sait avec quel composant l’associer. Notez que seuls les composants dotés de zones de dépôt sont disponibles pour cette configuration.
Cliquez ou appuyez sur Ajouter le mappage pour ajouter un nouveau composant et un mappage de type MIME.
Sélectionnez un composant dans la liste, puis cliquez ou appuyez sur Ajouter un type pour ajouter un type MIME à un composant déjà mappé. Cliquez sur l’icône Supprimer pour supprimer un type MIME.
Dans l’onglet Paramètres réactifs, vous pouvez configurer le nombre de colonnes de la grille résultante du conteneur de mises en page.
Vous verrouillez/déverrouiller des composants pour définir si le contenu est disponible pour être modifié en mode Contenu initial.
Lorsqu’un composant a été déverrouillé :
Cela comprend le déverrouillage des composants de conteneur afin que d’autres composants puissent être ajoutés, soit en mode Contenu initial, soit sur les pages résultantes. Si vous avez déjà ajouté des composants/du contenu au conteneur avant de le déverrouiller, ceux-ci ne s’afficheront plus en mode Structure, mais en mode Contenu initial. En mode Structure, seul le composant de conteneur est affiché avec sa liste de Composants autorisés.
Pour économiser de l’espace, le conteneur de mises en page ne se développe pas pour s’adapter à la liste des composants autorisés. À la place, le conteneur devient une liste déroulante.
Les composants configurables s’affichent avec une icône Règle, sur laquelle vous pouvez appuyer ou cliquer pour modifier la règle et les propriétés de ce composant.
Si la structure est mise à jour après la création de pages en fonction du modèle, ces pages répercutent les modifications apportées au modèle. Un avertissement, ainsi que des boîtes de dialogue de confirmation, s’affichent dans la barre d’outils pour vous rappeler cette répercussion.
Le mode Contenu initial est utilisé pour définir le contenu qui s’affiche lors de la première création d’une page en fonction du modèle. Le contenu initial peut ensuite être modifié par les créateurs de la page.
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.
Le mode Contenu initial peut être envisagé comme mode d’édition pour les pages créées avec ce modèle. Par conséquent, les stratégies ne sont pas définies en mode Contenu initial, mais plutôt en mode Structure.
Les composants déverrouillés modifiables sont marqués. Une fois sélectionnés, ils comportent une bordure bleue :
Les composants déverrouillés comportent une barre d’outils permettant de modifier et de configurer le contenu :
Si un composant de conteneur a été déverrouillé (en mode Structure), vous pouvez ajouter de nouveaux composants au conteneur (en mode Contenu initial). Les composants ajoutés en mode Contenu initial peuvent être déplacés ou supprimés dans les pages créées.
Vous pouvez ajouter le composant à l’aide de la zone Faire glisser les composants ici ou de l’option Insérer un nouveau composant de la barre d’outils du conteneur approprié.
Si le contenu initial du modèle est mis à jour après la création des pages en fonction du modèle, ces pages ne seront pas affectées par les modifications apportées au contenu initial du modèle.
Le contenu initial est destiné à préparer les composants et la mise en page, point de départ de la création du contenu. Il n’est pas destiné à constituer un contenu réel laissé tel quel. C’est pour cette raison que le contenu initial ne peut pas être traduit.
Si vous devez inclure du texte traduisible dans votre modèle, par exemple dans les en-têtes ou les pieds de page, vous pouvez utiliser les fonctions de localisation des composants principaux.
Vous pouvez définir la disposition du modèle pour différents appareils. La mise en page réactive pour les modèles fonctionne de la même manière que pour la création de pages.
Les modifications apportées à la mise en page se répercutent en mode Contenu initial, mais aucune modification n’est visible en mode Structure.
La stratégie de page, y compris les bibliothèques clientes requises, est conservée sous l’option Stratégie de page du menu Informations sur la page.
Pour accéder à la boîte de dialogue Stratégie de page :
Dans l’Éditeur de modèles, sélectionnez Informations sur la page dans la barre d’outils, puis Stratégie de page pour ouvrir la boîte de dialogue.
La boîte de dialogue Stratégie de page s’ouvre. Elle est divisée en deux sections :
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.
Vous pouvez sélectionner une stratégie existante pour la page dans le menu déroulant Sélectionner une stratégie.
Vous pouvez ajouter une nouvelle stratégie en sélectionnant le bouton d’ajout en regard du menu déroulant Sélectionner une stratégie. Vous devez ensuite attribuer un nouveau titre dans le champ Titre de la stratégie.
La stratégie existante sélectionnée dans le menu déroulant Sélectionner une stratégie peut être copiée comme nouvelle stratégie à l’aide du bouton de copie en regard du menu déroulant. Vous devez ensuite attribuer un nouveau titre dans le champ Titre de la stratégie. Par défaut, la stratégie copiée sera intitulée Copie de X, X étant le titre de la stratégie copiée.
Définissez le titre de la stratégie dans le champ Titre de la stratégie. Une stratégie doit comporter un titre pour faciliter sa sélection dans le menu déroulant Sélectionner une stratégie.
Vous pouvez saisir la description de la stratégie dans le champ Description de la stratégie (facultatif).
Dans la section D’autres modèles utilisent également la stratégie sélectionnée, vous pouvez facilement voir les autres modèles qui utilisent la stratégie sélectionnée dans le menu déroulant Sélectionner une stratégie.
À l’aide des propriétés de page, vous pouvez définir les bibliothèques clientes requises avec la boîte de dialogue Conception de page. Ces bibliothèques clientes incluent des feuilles de style et du code JavaScript à charger avec le modèle et les pages créées avec ce modèle.
Spécifiez les bibliothèques clientes à appliquer aux pages créées avec ce modèle. Saisissez le nom d’une bibliothèque dans le champ de la section Bibliothèques clientes.
Si plusieurs bibliothèques s’avèrent nécessaires, cliquez sur le bouton Ajouter pour ajouter un champ supplémentaire pour le nom de la bibliothèque.
Ajoutez autant de champs que nécessaire pour les bibliothèques clientes.
Définissez la position relative des bibliothèques, en fonction de vos besoins, en faisant glisser les champs à l’aide de la poignée.
Bien que le créateur de modèles puisse indiquer la stratégie de page dans le modèle, il doit se procurer les détails relatifs aux bibliothèques clientes concernées auprès du développeur.
À l’aide de l’option Propriétés de page initiales, vous pouvez définir les propriétés initiales de la page à utiliser lors de la création des pages.
Dans l’éditeur de modèles, sélectionnez Informations sur la page dans la barre d’outils, puis Propriétés de page initiales pour ouvrir la boîte de dialogue.
Dans la boîte de dialogue, vous pouvez définir les propriétés à appliquer aux pages créées avec ce modèle.
Confirmez vos définitions en cliquant/appuyant sur Terminé.
Lors de la création de modèles, vous devez prendre en compte :
L’impact des modifications apportées au modèle une fois que les pages ont été créées à partir de ce modèle.
Vous trouverez ci-dessous la liste des différentes opérations possibles sur les modèles, ainsi que leur répercussion sur les pages créées à partir de ces derniers :
Modifications apportées à la structure :
Modifications apportées aux stratégies de contenu et aux configurations de conception :
Modifications apportées au contenu initial :
Modifications apportées à la mise en page : selon si le composant modifié :
Soyez particulièrement prudent lors du :
verrouillage ou déverrouillage des composants sur des modèles activés.
Cela peut avoir des effets secondaires, car les pages existantes peuvent déjà utiliser ce contenu. En général :
AEM génère des avertissements explicites lors de la modification du statut de verrouillage des composants dans les modèles qui ne sont plus des brouillons.
Création de vos propres dossiers pour les modèles spécifiques à un site.
Publiez vos modèles à partir de la console des modèles.