Show Menu
ARGOMENTI×

Modifica dell'aspetto (HBS)

Ora che i componenti per il sistema di commenti personalizzati nella directory dell'applicazione (/apps) sono già presenti, con un resourceSuperType che fa riferimento al sistema di commenti predefinito e il modello/vista personalizzato registrato, è possibile modificare l'implementazione.
Per una semplice dimostrazione, viene rimossa una funzione visiva, l’avatar mostrato dall’utente che ha effettuato l’accesso e che ha pubblicato un commento.
Per utilizzare l’estensione, l’istanza del sistema di commenti in un sito Web da influenzare (/content) deve impostare resourceType come sistema di commenti personalizzato.

Modificare gli script HBS

Utilizzo di CRXDE Lite :
    • Aggiungete un commento al tag che include l'avatar per un post di commento (~ riga 21):
        <!--
         <<img class="scf-comment-avatar {{#if topLevel}}withTopLevel{{/if}}" src="{{author.avatarUrl}}"></img>
         -->
      
      
    • Aggiungete un commento al tag che include l'avatar per la voce di commento successiva (~ riga 44):
        <!--
         <img class="scf-composer-avatar" src="{{loggedInUser.avatarUrl}}"></img>
         -->
      
      
  • Seleziona Salva tutto

Replica app personalizzata

Dopo che l’applicazione è stata modificata, è necessario replicare nuovamente il componente personalizzato.
Un modo per farlo è:
  • Dal menu principale
    • Selezionare Strumenti > Operazioni > Replica .
    • Selezionare Attiva albero .
    • Impostate Start Path su /apps/custom .
    • Deselezionare Solo Modificato .
    • Fate clic sul pulsante Attiva .

Visualizza commento modificato sulla pagina di esempio pubblicata

Continuando l’esperienza nell’istanza di pubblicazione, ancora con accesso come lo stesso utente, è ora possibile aggiornare la pagina nell’ambiente di pubblicazione per visualizzare la modifica per rimuovere l’avatar:

Esempio di pacchetto di estensione dei commenti

Allegato è un pacchetto dell'applicazione di commenti personalizzata creata in questa esercitazione.