Dans Adobe Experience Manager, les composants sont des éléments structurels qui constituent le contenu des pages en cours de création.
Les composants principaux offrent une fonctionnalité de création flexible et riche en fonctionnalités. Le site de référence WKND illustre comment les composants principaux peuvent être utilisés pour mettre en œuvre une expérience web riche.
Pour tester les composants principaux et consulter des exemples d’options de configuration, ainsi que des sorties HTML et JSON, consultez la bibliothèque de composants.
Pour une présentation plus détaillée et plus orientée vers les développeurs de l’implémentation des composants principaux dans un projet AEM utilisant l’archétype de projet AEM, consultez le tutoriel WKND.
Les auteurs ne peuvent pas disposer immédiatement de ces composants principaux. En effet, l’équipe de développement doit d’abord les intégrer dans leur environnement. Une fois intégrés, ils peuvent être rendus disponibles et préconfigurés dans l’éditeur de modèles.
Les composants principaux requièrent AEM 6.4 ou version ultérieure, ainsi que l’utilisation de modèles modifiables. Ils ne fonctionnent pas avec l’interface utilisateur classique ni avec les modèles statiques.
En tant qu’auteur, vous remarquerez que les composants principaux présentent quelques avantages. En voici un aperçu :
Simples d’utilisation et bien intégrés à l’éditeur de page
Riches en fonctionnalités pour répondre à de nombreux cas d’utilisation, comme illustré sur le site de référence WKND, ainsi que dans la bibliothèque de composants
Préconfigurables afin de définir les fonctionnalités disponibles pour les auteurs de pages au moyen de l’éditeur de modèles
Conçus selon les consignes d’accessibilité
Conçus pour prendre en charge la mise en page réactive
Conçus pour prendre en charge la localisation facile
Les composants sont disponibles dans l’onglet Composants du panneau latéral de l’éditeur de page lors de la modification d’une page.
Les composants sont regroupés selon des catégories appelées groupes de composants afin de les organiser et de les filtrer facilement. Le nom du groupe de composants s’affiche avec le composant dans l’explorateur de composants et il est également possible de filtrer par groupe pour trouver facilement le composant approprié.
Les composants principaux sont par défaut associés à un groupe masqué et ne sont pas visibles dans l’explorateur de composants.
Ajoutez les composants requis à un groupe visible ou personnalisez-les pour qu’ils soient disponibles pour les auteurs.
La configuration des composants de base a été la tâche d’un développeur. Toutefois, avec les composants principaux, un auteur de modèles peut maintenant configurer plusieurs fonctionnalités via l’éditeur de modèles.
Par exemple, si un composant d’image n’autorise pas le chargement d’images à partir du système de fichiers ou si un composant textuel autorise uniquement la mise en forme des paragraphes, ces fonctions peuvent être activées ou désactivées en un seul clic.
Pour plus d’informations, voir Création de modèles de page.
Les composants principaux pouvant être préconfigurés par les auteurs de modèles pour définir les options autorisées dans le cadre d’un modèle, puis configurés par l’auteur de la page pour définir le contenu réel de la page, chaque composant peut avoir des options dans deux boîtes de dialogue différentes.
Description | Éléments contrôlés | Exemples | |
---|---|---|---|
Boîte de dialogue de modification | Options qu’un auteur de page peut modifier lors de l’édition normale des pages pour les composants placés. | Contenu affiché par le composant et mode d’affichage final sur la page. | Mise en forme du texte du contenu, rotation d’une image sur une page. |
Boîte de dialogue de conception | Options qu’un auteur de modèles peut modifier lors de la configuration d’un modèle de page. | Options disponibles pour l’auteur de la page lors de l’édition du composant | Options de mise en forme de texte disponibles, options d’image statiques disponibles |
Les styles de la plupart des composants principaux peuvent être définis à l’aide du système de style AEM.
Pour plus d’informations, consultez la documentation Système de style.
Pour obtenir des informations techniques sur les composants principaux, voir la documentation pour les développeurs Développement des composants principaux.