Test des composants principaux dans We.Retail trying-out-core-components-in-we-retail
Les composants principaux sont des composants modernes et flexibles qui offrent une extensibilité facile et permettent une intégration simple à vos projets. Les composants principaux ont été créés selon plusieurs principes de conception majeurs tels que HTL, la convivialité prête à l’emploi, la configurabilité, le contrôle de version et l’extensibilité. We.Retail a été développé sur des composants principaux.
Essayer de le faire trying-it-out
-
Démarrez Adobe Experience Manager (AEM) avec l’exemple de contenu We.Retail et ouvrez la console Composants.
Navigation globale > Outils > Composants
-
En ouvrant le rail dans la console Composants, vous pouvez filtrer un groupe de composants particulier. Les composants principaux se trouvent dans
.core-wcm
: composants principaux standard.core-wcm-form
: composants principaux d’envoi de formulaire
Choisissez
.core-wcm
. -
Tous les composants principaux sont nommés v1, ce qui indique qu’il s’agit de la première version de ce composant principal. Des versions régulières seront publiées à l’avenir. Elles seront compatibles avec la version d’AEM et vous permettront une mise à niveau facile afin de profiter des dernières fonctionnalités.
-
Cliquez sur Texte (v1).
Veillez à ce que le Type de ressource du composant soit
/apps/core/wcm/components/text/v1/text
. Les composants principaux sont disponibles sous/apps/core/wcm/components
et versionnés par composant. -
Cliquez sur l’onglet Documentation afin d’afficher la documentation du développeur ou de la développeuse pour le composant.
-
Revenez à la console Composants. Filtrez pour le groupe We.Retail et sélectionnez le composant Texte.
-
Vérifiez que le Type de ressource pointe comme prévu vers un composant sous
/apps/weretail
, mais que le Type de super-ressource repointe vers le composant principal/apps/core/wcm/components/text/v1/text
. -
Cliquez sur l’onglet Utilisation en direct pour voir les pages sur lesquelles ce composant est actuellement utilisé. Cliquez sur la première page de remerciement pour modifier la page.
-
Sur la page de remerciement, sélectionnez le composant de texte et, dans le menu de modification du composant, cliquez sur l’icône Annuler l’héritage.
We.Retail possède une structure de site globalisée où le contenu est transmis des gabarits de langue aux Live Copies par le biais d’un mécanisme appelé l’héritage. Pour cette raison, l’héritage doit être annulé pour permettre à une personne de modifier manuellement le texte.
-
Cliquez sur Oui pour confirmer l’annulation.
-
Une fois que vous avez annulé l’héritage et sélectionné les composants de texte, bien d’autres options sont disponibles. Cliquez sur Modifier.
-
À présent, vous pouvez voir les options d’édition qui sont disponibles pour le composant de texte.
-
Dans le menu Informations sur la page, sélectionnez Modifier le modèle.
-
Dans l’éditeur de modèles de la page, cliquez sur l’icône Politique du composant Texte dans le Conteneur de disposition de la page.
-
Les composants principaux permettent à un créateur ou à une créatrice de modèles de configurer les propriétés disponibles pour les créateurs et créatrices de pages. Il s’agit notamment de fonctionnalités telles que les sources de collage autorisées, les options de mise en forme et les styles de paragraphe disponibles.
Ces boîtes de dialogue de conception sont disponibles pour de nombreux composants principaux et fonctionnent main dans la main avec l’éditeur de modèles. Une fois activés, ils sont disponibles pour le créateur ou la créatrice via les éditeurs de composant.
Informations supplémentaires further-information
Pour plus d’informations sur les composants principaux, consultez le document de création des Composants principaux afin d’obtenir une vue d’ensemble des fonctionnalités des composants principaux ou le document de développement intitulé Développement de composants principaux pour une vue d’ensemble technique.
Vous pouvez également effectuer des recherches approfondies sur les modèles modifiables. Reportez-vous au document Création de modèles de page ou à la page de documentation de développement Modèles – Modifiables pour obtenir des informations complètes sur les modèles modifiables.