Présentation des composants principaux
CONSEILDans 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 :
- Réussir avec les composants principaux : lignes directrices à prendre en compte avant de débuter tout projet qui fera appel aux composants principaux.
- Tutoriel WKND : tutoriel de deux jours pour créer un site.
- Tutoriel Summit : tutoriel de deux heures pour créer un site (issu d’un atelier de l’Adobe US Summit 2019).
- Webinaire Gems : visite guidée des composants principaux (enregistrée en décembre 2018).
Fonctions
| Prêts pour la production | Les composants principaux sont 30 composants de gestion de contenu web robustes, bien testés, largement utilisés et performants. |
| Prêts pour le cloud | Ils fonctionnent aussi bien sur AEM as a Cloud Service que sur Adobe Managed Services ou On-Premise. |
| Polyvalents | Les composants représentent des concepts génériques avec lesquels les auteurs peuvent assembler pratiquement n’importe quelle disposition. |
| Configurables | Des politiques de contenu au niveau du modèle définissent les fonctionnalités que les auteurs de pages peuvent ou non utiliser. |
| Réactif | Tous 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 suivi | L’intégration de la couche de données client Adobe permet le suivi de tous les aspects de l’expérience du visiteur. |
| Accessibles | Ils 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érencement | La sortie HTML est sémantique et fournit des annotations de microdonnées schema.org. |
| Prêts pour WebApp | La sortie JSON rationalisée permet le rendu côté client, avec la possibilité d’une modification contextuelle. |
| Prise en charge d’AMP | Les composants intègrent la prise en charge de la norme AMP, ce qui accélère vos expériences mobiles. |
| Kit de conception | Un 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èmes | Les composants implémentent le système de style et le balisage suit les conventions CSS BEM. |
| Personnalisables | Plusieurs modèles permettent une personnalisation facile, depuis l’ajustement du code HTML jusqu’à la réutilisation des fonctionnalités avancées. |
| Contrôle de version | La 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. |
| Localisables | La résolution intelligente des références permet à certains composants de rechercher le contenu localisé correspondant et d’en effectuer automatiquement le rendu. |
| Open source | Si quelque chose ne va pas, contribuez en apportant vos améliorations. |
Composants de gestion de contenu web
La version actuelle des composants principaux comporte les composants ci-après :
Composants de modèle
Composants de création de page
Composants de conteneur
Composants de formulaire
REMARQUE REMARQUE