Modèles de création de pages modifiables à l’aide de l’éditeur de page creating-page-templates

Vous pouvez utiliser l’ éditeur de modèles pour créer des modèles que vos auteurs de contenu peuvent utiliser pour créer des pages modifiables à l’aide de l’éditeur de page.

Vue d’ensemble overview

Lorsqu’un auteur crée une page, il doit sélectionner un modèle qui sert de base à la nouvelle page. Le modèle définit la structure de la page créée, tout contenu initial et les composants qui peuvent être utilisés lors de la modification de la page dans l’éditeur de page.

Avec l’ éditeur de modèles, la création et la maintenance de modèles ne sont pas une tâche réservée aux développeurs. Un type d’utilisateur avancé, appelé auteur de modèles, peut créer des modèles. Les développeurs doivent configurer l’environnement, créer des bibliothèques clientes et créer les composants à utiliser, mais une fois ces bases en place, l’ auteur de modèles a la possibilité de créer et de configurer des modèles sans impliquer de développeur.

L’Éditeur de modèles permet aux auteurs et autrices de modèles de :

Ce document explique comment un auteur de modèles peut utiliser l’ éditeur de modèles pour créer et gérer des modèles modifiables.

Pour plus d’informations sur le fonctionnement des modèles modifiables à un niveau technique, consultez le document destiné aux développeurs Modèles modifiables pour plus d’informations.

Avant de commencer before-you-start

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.

Rôles roles

La création d’un modèle nécessite une collaboration entre les rôles suivants :

En raison de la nature de certaines tâches, telles que la création d’un dossier, un environnement de développement est nécessaire, lequel nécessite des connaissances/de l’expérience.

Les tâches présentées dans ce document sont répertoriées avec le rôle responsable de leur exécution.

Création et gestion des modèles creating-and-managing-templates

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

Création d’un dossier de modèles - Administrateur creating-a-template-folder-admin

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.

Création d’un modèle - Créateur ou créatrice de modèles creating-a-new-template-template-author

Définition des propriétés des modèles – Créateur de modèles defining-template-properties-template-author

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

Après avoir créé le modèle, utilisez la console Modèles pour afficher ou modifier les propriétés du modèle.

Miniature du modèle template-thumbnail-image

Pour définir la miniature du modèle :

Activation et autorisation d’un modèle - Créateur ou créatrice de modèles enabling-and-allowing-a-template-template-author

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

Activation d’un modèle - Créateur de modèles enabling-a-template-template-author

Un modèle peut être activé ou désactivé afin de le rendre disponible ou indisponible dans l’assistant Créer une page.

Utilisez la console de modèles pour activer ou désactiver un modèle.

Autorisation d’un modèle - Créateur allowing-a-template-author

Un modèle peut être rendu disponible ou indisponible pour certaines branches de la page.

Publication d’un modèle - Créateur de modèles publishing-a-template-template-author

Le modèle étant référencé lors du rendu d’une page, il doit être publié afin d’être disponible dans l’environnement de publication.

Modèles Publish utilisant la console de modèles.

Modification de modèles - Créateurs et créatrices de modèles editing-templates-template-authors

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 Politique de page du menu Informations sur la page vous permet de sélectionner les politiques de page requises :

Attributs de modèle template-attributes

Les attributs suivants d’un modèle peuvent être modifiés :

Structure template-structure

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 qui ne peut pas être modifié par les auteurs et autrices de pages. Vous pouvez déverrouiller des composants pour définir le contenu initial.

Contenu initial template-initial-content

Lorsqu’un composant a été déverrouillé, vous pouvez définir le contenu initial copié dans les pages créées à partir du modèle. Ces composants déverrouillés peuvent être modifiés dans les pages créées.

Disposition template-layout

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.

Politiques de page template-page-policies

Dans le cadre des politiques de page, vous pouvez attribuer des politiques de page prédéfinies à la page. Ces politiques de page définissent les différentes configurations de conception.

Styles template-styles

Le système de style permet à un auteur de modèles de définir des classes de style dans la politique 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, consultez la documentation sur le système de style .

Modification d’un modèle - Structure - Créateur de modèles editing-a-template-structure-template-author

En mode Structure, vous définissez les composants et le contenu de votre modèle, ainsi qu’une politique pour le modèle et ses composants.

Vous pouvez exécuter plusieurs actions en mode Structure de l’éditeur de modèles, ainsi que plusieurs fonctions pour vous aider :

Ajout de composants add-components

Plusieurs mécanismes permettent d’ajouter des composants au modèle :

Une fois ajouté, chaque composant est marqué par :

Actions des composants component-actions

Agissez sur les composants une fois qu’ils ont été ajoutés au modèle. Chaque instance individuelle dispose d’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 politique a été associée au composant, l’icône de configuration de la conception est disponible.

Modification et configuration edit-and-configure

Avec ces deux actions, vous pouvez ajouter du contenu aux composants.

Bordure indiquant la structure border-to-indicate-structure

Lorsque vous travaillez en mode Structure, une bordure orange indique le composant actuellement sélectionné. Une ligne pointillée indique également le composant parent.

Politique et propriétés (générales) policy-and-properties-general

Les politiques 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. Ces politiques s’appliquent au modèle (et aux pages créées avec le modèle).

Créez une politique 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 les options de copier-coller, de mise en forme et de style de paragraphe, entre autres options.

Politique policy

Les politiques 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 une stratégie existante à appliquer au composant dans la liste déroulante.

Vous pouvez ajouter une nouvelle stratégie en sélectionnant le bouton d’ajout en regard de la liste déroulante Sélectionner une stratégie. Donnez un nouveau titre dans le champ Titre de la stratégie.

La stratégie existante sélectionnée dans la liste déroulante Sélectionner une stratégie peut être copiée en tant que nouvelle stratégie à l’aide du bouton Copier en regard de la liste déroulante. Donnez un nouveau titre dans le champ Titre de la stratégie. Par défaut, la politique copiée est intitulée Copie de X, X étant le titre de la politique copiée.

Vous pouvez saisir la description de la politique dans le champ Description de la politique (facultatif).

Dans la section D’autres modèles utilisent également la stratégie sélectionnée, vous pouvez facilement voir quels autres modèles utilisent la stratégie sélectionnée dans la liste déroulante Sélectionner une stratégie .

Propriétés properties

Sous l’en-tête Propriétés, vous pouvez définir les paramètres du composant. Le titre comporte deux onglets :

Principal main

Sur 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, ainsi que l’activation du chargement différé.

Si un paramètre permet plusieurs configurations, cliquez sur le bouton Ajouter pour ajouter une autre configuration.

Pour supprimer une configuration, cliquez sur le bouton Supprimer situé à droite de la configuration.

Pour supprimer une configuration, cliquez sur le bouton Supprimer .

Fonctions features

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 et les orientations d’image autorisées, puis indiquer si les chargements sont autorisés.

Stratégie et propriétés (conteneur de mise en page) policy-and-properties-layout-container

Les paramètres de politique et de propriétés d’un conteneur de mises en page sont similaires à l’utilisation générale, à quelques différences près.

La fenêtre de configuration est divisée en deux, comme pour l’utilisation générale de la fenêtre.

Politique policy-layout

Les politiques 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 Politique, vous pouvez sélectionner, dans le menu déroulant, une politique à appliquer au composant. Cela fonctionne exactement comme dans l’utilisation générale de la fenêtre.

Propriétés properties-layout

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. Le titre se compose de trois onglets :

Composants autorisés allowed-components

Dans l’onglet Composants autorisés, vous définissez les composants disponibles pour le conteneur de mises en page.

Composants par défaut default-components

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. Seuls les composants avec des zones de dépôt sont disponibles pour cette configuration.

Sélectionnez Ajouter le mappage pour ajouter un nouveau composant et un mappage de type MIME.

Sélectionnez un composant dans la liste et sélectionnez Ajouter un type pour ajouter un type MIME supplémentaire à un composant déjà mappé. Cliquez sur l’icône Supprimer pour supprimer un type MIME.

Paramètres réactifs responsive-settings

Dans l’onglet Paramètres réactifs, vous pouvez configurer le nombre de colonnes de la grille résultante du conteneur de mise en page.

Déverrouillage et verrouillage des composants unlock-and-lock-components

Vous déverrouillez/verrouillez des composants pour définir si le contenu peut ê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’affichent 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 mise en page ne se développe pas pour s’adapter à la liste des composants autorisés. En revanche, le conteneur se transforme en liste déroulante.

Les composants configurables s’affichent avec une icône Politique, sur laquelle vous pouvez appuyer ou cliquer pour modifier la politique et les propriétés de ce composant.

Relation avec les pages existantes relationship-to-existing-pages

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.

Modification d’un modèle - Contenu initial - Créateur editing-a-template-initial-content-author

Le mode Contenu initial est utilisé pour définir le contenu qui s’affichera lors de la première création d’une page en fonction du modèle. Le contenu initial peut ensuite être modifié par les auteurs et autrices 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.

Modification d’un modèle - Disposition - Créateur de modèles editing-a-template-layout-template-author

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.

Modification d’un modèle – Politique de page – Créateur/développeur de modèles editing-a-template-page-policy-template-author-developer

La politique de page, y compris les bibliothèques clientes requises, est conservée sous l’option Politique de page du menu Informations sur la page.

Pour accéder à la boîte de dialogue Politique de page  :

Politiques de page page-policies

Vous pouvez appliquer une politique de contenu au modèle ou aux pages créées. Cette opération définit la politique de contenu pour le système de paragraphes principal dans la page.

Propriétés de page page-properties

À 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.

Modification d’un modèle - Propriétés de page initiales - Créateur editing-a-template-initial-page-properties-author

À 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.

Bonnes pratiques best-practices

Lors de la création de modèles, tenez compte des points suivants :