Modèles de site

Découvrez comment les modèles de site AEM peuvent être utilisés pour prédéfinir la structure du site et le contenu initial afin de vous permettre de créer rapidement des sites.

Présentation

Il est pratique de disposer de structures prédéfinies pour déployer rapidement un nouveau site en fonction d’un ensemble de normes existantes. Les modèles de site permettent de combiner du contenu de site de base dans un package pratique et réutilisable.

Les modèles de site contiennent généralement le contenu et la structure du site de base ainsi que des informations sur le style du site, connu sous le nom de thème de site, pour permettre à un nouveau site de démarrer rapidement. Les administrateurs sélectionnent un modèle de site sur lequel baser le site pendant le processus de création du site.

Les modèles sont efficaces car ils sont réutilisables et personnalisables. De plus, comme vous pouvez avoir plusieurs modèles disponibles dans votre installation AEM, vous avez la possibilité de créer différents sites pour répondre à divers besoins professionnels.

REMARQUE

Les modèles de site AEM ne doivent pas être confondus avec les modèles de page. Les modèles de site définissent la structure globale d’un site. Un modèle de page définit la structure et le contenu initial d’une page individuelle.

Les modèles de site AEM ne doivent pas être confondus avec les thèmes de site AEM. Les thèmes de site AEM contiennent uniquement les informations de style d’un site AEM. Les modèles de site AEM définissent la structure du site et le contenu initial et contiennent un thème de site AEM afin de permettre une création rapide du site.

Ajout d’un modèle de site à AEM

Vous pouvez ajouter plusieurs modèles à AEM, qui peuvent ensuite être utilisés pour créer des sites.

  1. Connectez-vous à votre environnement de création AEM et accédez à la console Sites.

    • https://<your-author-environment>.adobeaemcloud.com/sites.html/content
  2. Appuyez ou cliquez sur Créer en haut à droite de l’écran et, dans le menu déroulant, sélectionnez Site à partir d’un modèle.

    Création d’un site à partir d’un modèle

  3. Dans l’assistant Créer un site, appuyez ou cliquez sur Importer en haut de la colonne de gauche.

    Assistant Création de site

  4. Dans l’explorateur de fichiers, recherchez le modèle que vous souhaitez utiliser, puis appuyez ou cliquez sur Charger.

  5. Une fois chargé, il s’affiche dans la liste des modèles disponibles.

Votre modèle est chargé et peut être utilisé pour créer des sites.

Lors de la sélection d’un modèle existant, il affiche des informations sur le modèle dans la colonne de droite.

Sélectionner un modèle

Structure de modèle de site

Les modèles de site sont simplement des packages avec une structure logique qui reflète clairement l’objectif du contenu du package. Un modèle de site possède la structure suivante.

  • files : dossier contenant le kit d’interface utilisateur, le fichier XD et éventuellement d’autres fichiers.
  • previews : dossier contenant des captures d’écran du modèle de site.
  • site : package de contenu du contenu copié pour chaque site créé à partir de ce modèle, tel que des modèles de page, des pages, etc.
  • theme : sources de thème du site pour modifier l’aspect du site, y compris CSS, JavaScript, etc.

Modèle de site standard

Adobe fournit un modèle de référence des bonnes pratiques que vous pouvez utiliser comme référence pour créer vos propres modèles. Le modèle de site standard est disponible sur GitHub.

La dernière version du modèle de site standard peut être téléchargée et utilisée directement pour créer de nouveaux sites.

Développement de modèles de site

Adobe fournit un Créateur de modèles de site AEM sous la forme d’un ensemble de scripts permettant de créer de nouveaux modèles de sites.

Le Créateur de modèles de site AEM est disponible ainsi que la documentation d’utilisation sur GitHub. Une expérience de développeur front-end est requise pour personnaliser le thème de site et des connaissances de développeur AEM sont nécessaires pour personnaliser la structure ainsi que le contenu du site.

Sur cette page