Modificare l'aspetto

Modificare lo script

Lo script comment.hbs è responsabile della creazione del HTML complessivo di ogni commento.

Per non mostrare l'avatar accanto a ogni commento pubblicato:

  1. Copia comment.hbsda libsa apps

    1. Seleziona /libs/social/commons/components/hbs/comments/comment/comment.hbs
    2. Seleziona Copia
    3. Seleziona /apps/social/commons/components/hbs/comments/comment
    4. Seleziona Incolla
  2. Apri la sovrapposizione comment.hbs

    • Doppio clic sul nodo comment.hbs in /apps/social/commons/components/hbs/comments/comment folder
  3. Trova le seguenti righe ed eliminale o aggiungendovi un commento:

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

Eliminare le linee o circondarle con <!-- e --> per commentarli. Inoltre, i caratteri "xxx" vengono aggiunti come indicatore visivo di dove sarebbe stato l’avatar.

   xxx
   <!-- do not display avatar with comment
    <aside class="scf-comment-author">
        <img class="scf-comment-avatar {{#if topLevel}}withTopLevel{{/if}}" src="{{author.avatarUrl}}"></img>

Replica la sovrapposizione

Invia il componente dei commenti sovrapposti all’istanza di pubblicazione utilizzando lo strumento di replica.

NOTA

Una forma più solida di replica consiste nel creare un pacchetto in Gestione pacchetti e attivare … Un pacchetto può essere esportato e archiviato.

Dalla navigazione globale, seleziona Strumenti > Distribuzione > Replica e fai clic su Attiva albero.

Per il percorso iniziale immettere: /apps/social/commons e seleziona Attiva.

verify-content-template

Visualizza risultati

Se accedi all’istanza Publish come amministratore, ad esempio https://localhost:4503/crx/de come amministratore/amministratore, puoi verificare che i componenti sovrapposti siano presenti.

Se esci e accedi di nuovo come aaron.mcdonald@mailinator.com/password e aggiorna la pagina, noterai che il commento pubblicato non viene più visualizzato con un avatar, ma con un semplice "xxx".

create-template-component

In questa pagina