DocumentationAEM 6.5Guide de Communities

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

Last update: Sun Jul 14 2024 00:00:00 GMT+0000 (Coordinated Universal Time)

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