Thèmes de site site-themes
Découvrez comment les thèmes de site AEM peuvent être utilisés pour personnaliser le style et la conception de votre site.
Vue d’ensemble overview
Un thème de site AEM est un package contenant les ressources statiques, CSS et JavaScript qui définissent la mise en forme de votre site AEM et se conforme à la structure d’un thème de site AEM.
Les sites créés avec des modèles de site AEM permettent de télécharger, de personnaliser et de redéployer facilement les thèmes.
Utilisation des thèmes de site using-themes
Les thèmes de site sont utilisés de deux manières différentes :
- Ils sont utilisés dans le cadre d’un modèle de site pour définir la mise en forme lors de la création d’un site.
- Ils sont téléchargés après la création d’un site basé sur un modèle de site afin qu’un développeur front-end puisse personnaliser davantage la mise en forme.
Structure des thèmes de site structure
Les thèmes du site sont simplement des packages avec une structure logique qui reflète clairement l’objectif du contenu du package. Pour un projet front-end type, Adobe recommande la structure suivante pour un thème de site :
src/theme.ts: point d’entrée principal de votre thème JS et CSS.src/site: fichiers JS et CSS qui s’appliquent à l’ensemble du site.src/components: fichiers JS et CSS spécifiques aux composants AEM.src/resources: fichiers statiques (icônes, logos et polices).
Selon les besoins spécifiques du projet, la structure de votre thème peut varier tant que le point d’entrée principal, src/theme.ts, est conservé.
Thème de site standard standard-site-theme
Adobe fournit un thème de référence des bonnes pratiques que vous pouvez utiliser comme base pour créer votre propre thème. Le thème de site standard est disponible sur GitHub.
Développement de thèmes de site developing-themes
Adobe fournit un Créateur de thèmes de site AEM sous la forme d’un ensemble de scripts permettant de créer des thèmes de site.
Le Créateur de thèmes de site AEM est disponible avec la documentation d’utilisation sur GitHub. Une expérience de développement front-end est requise pour personnaliser le thème.