Thèmes de site
- Rubriques :
- Administration
Créé pour :
- Administration
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
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
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
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 standard, 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
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
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.