Créer un site create-site
Dans le cadre de la création rapide de site, utilisez l’Assistant de création de site dans Adobe Experience Manager (AEM) pour générer un nouveau site web. Le modèle de site standard fourni par Adobe est utilisé comme point de départ pour le nouveau site.
Conditions préalables prerequisites
Les étapes de ce chapitre se dérouleront dans un environnement Adobe Experience Manager as a Cloud Service. Assurez-vous que vous disposez d’un accès d’administration à l’environnement AEM. Il est recommandé d’utiliser un programme Sandbox et un environnement de développement lorsque vous suivez ce tutoriel.
Les environnements du programme de production peuvent également être utilisés pour ce tutoriel. Veillez toutefois à ce que les activités de ce tutoriel n’affectent pas le travail effectué sur les environnements cibles, car ce tutoriel déploie le contenu et le code dans l’environnement AEM cible.
Le SDK AEM peut être utilisé pour certaines parties de ce tutoriel. Certains aspects de ce tutoriel dépendent des services cloud, tels que le déploiement de thèmes avec le pipeline front-end de Cloud Manager qui ne peut pas être exécuté sur le SDK AEM.
Consultez les documentation d’intégration pour plus d’informations.
Objectif objective
- Découvrir comment utiliser l’assistant de création de site pour générer un nouveau site.
- Découvrir le rôle des modèles de site.
- Explorer le site AEM généré.
Se connecter au service de création d’Adobe Experience Manager author
Pour commencer, connectez-vous à votre environnement AEM as a Cloud Service. Les environnements AEM sont divisés en un Service de création et un Service de publication.
- Service de création : emplacement où le contenu du site est créé, géré et mis à jour. En règle générale, seuls les utilisateurs et utilisatrices internes ont accès au service de création qui nécessie une authentification.
- Service de publication : héberge le site web actif. Il s’agit du service que les utilisateurs et utilisatrices finaux verront et qui est généralement disponible publiquement.
La majorité du tutoriel utilisera le Service de création.
-
Accédez à Adobe Experience Cloud https://experience.adobe.com/. Connectez-vous à l’aide de votre compte personnel ou d’un compte d’entreprise ou scolaire.
-
Assurez-vous que la bonne organisation est sélectionnée dans le menu et cliquez sur Experience Manager.
-
Sous Cloud Manager, cliquez sur Démarrer.
-
Pointez sur le programme que vous souhaitez utiliser, puis cliquez sur l’icône du programme Cloud Manager.
-
Dans le menu supérieur, cliquez sur Environnements pour afficher les environnements configurés.
-
Recherchez l’environnement que vous souhaitez utiliser, puis cliquez sur l’URL de création.
note note NOTE Il est recommandé d’utiliser un environnement de développement pour ce tutoriel. -
Un nouvel onglet est lancé sur le service de création d’AEM. Cliquez sur Sign in with Adobe et cela devrait vous connecter automatiquement avec les mêmes informations d’identification d’Experience Cloud.
-
Après la redirection et l’authentification, vous devriez maintenant voir l’écran de démarrage d’AEM.
Télécharger le modèle de site de base
Un modèle de site fournit un point de départ pour un nouveau site. Un modèle de site comprend une base de thèmes, de modèles de page, de configurations et d’exemples de contenu. Les éléments inclus dans le modèle de site dépendent du développeur ou de la développeuse. Adobe fournit un modèle de site de base pour accélérer les nouvelles implémentations.
-
Ouvrez un nouvel onglet de navigateur et accédez au projet Modèle de site de base sur GitHub : https://github.com/adobe/aem-site-template-standard. Le projet est open-source et sous licence pour être utilisé par n’importe qui.
-
Cliquez sur Versions et accédez à la dernière version.
-
Développez la liste déroulante Ressources et téléchargez le fichier zip du modèle :
Ce fichier zip est utilisé dans l’exercice suivant.
note note NOTE Ce tutoriel est écrit à l’aide de la version 1.1.0 du modèle de site de base. Lors du démarrage d’un nouveau projet pour une utilisation en production, il est toujours recommandé d’utiliser la dernière version.
Créer un nouveau site
Ensuite, générez un nouveau site à l’aide du modèle de site de l’exercice précédent.
-
Revenez à l’environnement AEM. Depuis l’écran de démarrage AEM, accédez à Sites.
-
Dans le coin supérieur droit, cliquez sur Créer > Site (modèle). Cela affichera l’Assistant de création de site.
-
Sous Sélectionner un modèle de site, cliquez sur le bouton Importer.
Téléchargez le fichier .zip du modèle téléchargé à partir de l’exercice précédent.
-
Sélectionnez le modèle de site de base d’AEM et cliquez sur Suivant.
-
Sous Détails du site > Titre du site, saisissez
WKND Site.Dans une implémentation réelle, « Site WKND » serait remplacé par le nom de marque de votre entreprise ou organisation. Dans ce tutoriel, nous simulons la création d’un site pour une marque de style de vie fictive, « WKND ».
-
Sous Nom du site, saisissez
wknd.
note note NOTE Si vous utilisez un environnement AEM partagé, ajoutez un identifiant unique au nom du site. Par exemple wknd-site-johndoe. Cela permet de s’assurer que plusieurs utilisateurs et utilisatrices peuvent suivre le même tutoriel sans aucun conflit. -
Cliquez sur Créer pour générer le site. Cliquez sur Terminé dans la boîte de dialogue de Réussite une fois qu’AEM a terminé la création du site web.
Explorer le nouveau site
-
Accédez à la console AEM Sites, si ce n’est pas déjà fait.
-
Une nouveau site WKND a été généré. Il comprend une structure de site avec une hiérarchie multilingue.
-
Ouvrez Anglais > Page d’accueil en sélectionnant la page et en cliquant sur le bouton Modifier dans la barre de menus :
-
Le contenu de démarrage a déjà été créé et plusieurs composants peuvent être ajoutés à une page. Testez ces composants pour vous faire une idée de leur fonctionnalité. Vous apprendrez les principes de base d’un composant dans le chapitre suivant.
Exemple de contenu fourni par le modèle de site
Félicitations. congratulations
Félicitations, vous venez de créer votre premier site AEM.
Étapes suivantes next-steps
Utilisez l’éditeur de page d’Adobe Experience Manager (AEM) pour mettre à jour le contenu du site dans le chapitre Créer et pubier du contenu. Découvrez comment les composants atomiques peuvent être configurés pour mettre à jour le contenu. Comprenez la différence entre les environnements de création et de publication d’AEM et découvrez comment publier des mises à jour sur le site en direct.