DocumentationAEM 6.5Guide de Communities

Modification de l’aspect (HBS) alter-the-appearance-hbs

Last update: Tue Oct 14 2025 00:00:00 GMT+0000 (Coordinated Universal Time)
  • S'applique à :
  • Experience Manager 6.5

Créé pour :

  • Développeur

Maintenant que les composants du système de commentaires personnalisé dans le répertoire de l’application (https://experienceleague.adobe.com/apps?lang=fr) sont en place, avec un resourceSuperType référençant le système de commentaires par défaut et le modèle/affichage personnalisé enregistré, vous pouvez modifier l’implémentation.

Pour une démonstration simple, l’avatar affiché pour l’utilisateur connecté qui publie un commentaire est supprimé.

NOTE
Pour utiliser l’extension , l’instance du système de commentaires d’un site web à affecter (https://experienceleague.adobe.com/content?lang=fr) doit définir son resourceType comme système de commentaires personnalisé.

Modification des scripts HBS modify-the-hbs-scripts

Utilisation de CRXDE Lite :

  • Ouvrez /apps/custom/components/comments/comment/comment.hbs

    • Commentez la balise qui contient l’avatar d’une publication de commentaire (~ ligne 21) :

      code language-none 
        <!--
   <<img class="scf-comment-avatar {{#if topLevel}}withTopLevel{{/if}}" src="{{author.avatarUrl}}"></img>
   -->

  • Ouvrez /apps/custom/components/comments/comments.hbs

    • Mettez en commentaire la balise qui contient l’avatar pour la prochaine entrée de commentaire (~ ligne 44) :

      code language-none 
        <!--
   <img class="scf-composer-avatar" src="{{loggedInUser.avatarUrl}}"></img>
   -->

  • Sélectionnez Enregistrer tout

Répliquer une application personnalisée replicate-custom-app

Une fois l’application modifiée, il est nécessaire de répliquer à nouveau le composant personnalisé.

Pour ce faire, procédez comme suit :

  • À partir du menu principal

    • Sélectionnez Outils > Opérations > Réplication.
    • Sélectionnez Activer l’arborescence.
    • Définissez Start Path sur /apps/custom.
    • Désélectionnez Uniquement Modifié.
    • Sélectionnez le bouton Activer .

Afficher le commentaire modifié sur l’exemple de page publié view-modified-comment-on-published-sample-page

​ En continuant l’expérience ​ sur l’instance de publication, toujours connecté en tant que même utilisateur, il est désormais possible d’actualiser la page dans l’environnement de publication pour afficher la modification afin de supprimer l’avatar :

view-modified-content

Exemple de module d’extension de commentaire sample-comment-extension-package

Vous trouverez ci-joint un package de l’application de commentaires personnalisés créée dans ce tutoriel.

Obtenir le fichier

recommendation-more-help
81e2cd9d-0789-409d-b87c-2a8ce4f28791