Ajouter un commentaire à un exemple de page

Dernière mise à jour : 2023-10-19
  • Créé pour :
  • User

Maintenant que les composants du système de commentaires personnalisé sont en place dans le répertoire de l’application (/apps?lang=fr), il est possible d’utiliser le composant étendu. L’instance du système de commentaires d’un site web à affecter doit définir resourceType comme système de commentaires personnalisé et inclure toutes les bibliothèques clientes nécessaires.

Identification des bibliothèques clientes requises

Les bibliothèques clientes nécessaires au style et au fonctionnement des commentaires par défaut sont également nécessaires pour les commentaires étendus.

La variable Guide des composants de communauté identifie les bibliothèques clientes requises. Accédez au Guide du composant et affichez le composant Commentaires , par exemple :

https://localhost:4502/content/community-components/en/comments.html

Notez les trois bibliothèques clientes requises pour que les commentaires s’affichent et fonctionnent correctement. Ils doivent être inclus lorsque les commentaires étendus sont référencés et que la variable bibliothèque cliente étendue des commentaires ( apps.custom.comments).

comments-component1

Ajout de commentaires personnalisés à une page

Comme il ne peut y avoir qu’un seul système de commentaires par page, il est plus simple de créer un exemple de page comme décrit dans le résumé création d’un exemple de page tutoriel .

Une fois créé, accédez au mode Conception et rendez disponible le groupe de composants personnalisés pour permettre au Alt Comments à ajouter à la page.

Pour que le commentaire s’affiche et fonctionne correctement, les bibliothèques clientes de Comments doivent être ajoutées à la liste clientlibslist de la page (voir Clientlibs des composants Communities).

Comments Clientlibs sur l’exemple de page

comments-clientlibs-crxde

Auteur : commentaire Alt sur un exemple de page

alt-comment

Auteur : exemple de noeud de commentaires de page

Vous pouvez vérifier le type de ressource dans CRXDE en affichant les propriétés du noeud de commentaires pour la page d’exemple à l’adresse /content/sites/sample/en/jcr:content/content/primary/comments.

verify-comment-crxde

Publier l’exemple de page

Une fois le composant personnalisé ajouté à la page, il est également nécessaire de (re) publier la page ;.

Publier : commentaire alternatif sur un exemple de page

Après la publication de l’application personnalisée et de l’exemple de page, il est possible de saisir un commentaire. Lorsque vous vous connectez, soit avec un utilisateur de démonstration ou admin, il est possible de publier un commentaire.

Voici aaron.mcdonald@mailinator.com en publiant un commentaire :

publish-alt-comment

publish-alt-comment1

Maintenant qu’il apparaît que le composant étendu fonctionne correctement avec l’apparence par défaut, il est temps de modifier l’apparence.

Sur cette page