Création à l’aide des composants principaux

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.

Création à l’aide des composants principaux

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é.

Préconfiguration des composants principaux

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.

Boîtes de dialogue de modification et de conception

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.

Style des composants

Les styles de la plupart des composants principaux peuvent être définis à l’aide du système de style AEM.

• Un auteur de modèles peut définir les styles disponibles pour un composant particulier dans la boîte de dialogue de conception de ce composant.
• L’auteur du contenu peut ensuite choisir les styles à appliquer lors de l’ajout du composant et la création de contenu.

Pour plus d’informations, consultez la documentation Système de style.

Références pour les développeurs

Pour obtenir des informations techniques sur les composants principaux, voir la documentation pour les développeurs Développement des composants principaux.