Présentation des composants principaux

Dernière mise à jour : 1 avril 2025

Créé pour :

  • Développeur
  • Administration
  • Utilisateur ou utilisatrice

Dans Adobe Experience Manager, les composants sont des éléments structurels qui constituent le contenu des pages en cours de création. Les composants ont toujours été un élément fondamental de l’expérience AEM. Ils facilitent la création de pages pour l’auteur et le développement de composants flexibles et extensibles pour le développeur.

Les composants principaux sont un ensemble de composants WCM (Web Content Management, gestion de contenu web) normalisés pour AEM dont l’objectif est d’accélérer le développement et de réduire les coûts de maintenance de vos sites web.

Ressources

  • Bibliothèque de composants : ensemble d’exemples permettant d’afficher les composants dans leurs différentes configurations.

  • Documentation des composants (le présent document) : pour les développeurs et les auteurs, avec des détails sur chaque composant.

  • Référentiel GitHub des composants principaux : pour les développeurs, avec des informations détaillées sur chaque téléchargement de composant et de projet.

  • Prise en main :

Fonctions

Prêts pour la productionLes composants principaux sont 30 composants de gestion de contenu web robustes, bien testés, largement utilisés et performants.
Prêts pour le cloudIls fonctionnent aussi bien sur AEM as a Cloud Service que sur Adobe Managed Services ou On-Premise.
PolyvalentsLes composants représentent des concepts génériques avec lesquels les auteurs peuvent assembler pratiquement n’importe quelle disposition.
ConfigurablesDes politiques de contenu au niveau du modèle définissent les fonctionnalités que les auteurs de pages peuvent ou non utiliser.
RéactifTous les composants principaux sont conçus pour être entièrement réactifs, ce qui garantit une expérience transparente sur tous les appareils.
Permettent un suiviL’intégration de la couche de données client Adobe permet le suivi de tous les aspects de l’expérience du visiteur.
AccessiblesIls sont conformes à la norme WCAG 2.1, fournissent des étiquettes ARIA et prennent en charge la navigation au clavier (problèmes connus).
Optimisation du référencementLa sortie HTML est sémantique et fournit des annotations de microdonnées schema.org.
Prêts pour WebAppLa sortie JSON rationalisée permet le rendu côté client, avec la possibilité d’une modification contextuelle.
Prise en charge d’AMPLes composants intègrent la prise en charge de la norme AMP, ce qui accélère vos expériences mobiles.
Kit de conceptionUn kit d’interface utilisateur pour Adobe XD permet aux concepteurs de créer des maquettes qu’ils peuvent ensuite mettre en forme selon leurs besoins.
Possibilité d’appliquer des thèmesLes composants implémentent le système de style et le balisage suit les conventions CSS BEM.
PersonnalisablesPlusieurs modèles permettent une personnalisation facile, depuis l’ajustement du code HTML jusqu’à la réutilisation des fonctionnalités avancées.
Contrôle de versionLa politique de contrôle de version garantit que les composants principaux ne rendent pas votre site inopérable lorsqu’ils améliorent des éléments susceptibles de vous affecter.
LocalisablesLa résolution intelligente des références permet à certains composants de rechercher le contenu localisé correspondant et d’en effectuer automatiquement le rendu.
Open sourceSi quelque chose ne va pas, contribuez en apportant vos améliorations.