Salta ai contenuti

Commenti

Mostra i commenti agli articoli con controlli flessibili di stile e layout per un'esperienza di lettura più pulita.

Usate questa sezione per mostrare i commenti sotto un articolo e dare stile all’area di discussione in modo che si adatti al resto della pagina. Funziona al meglio quando i commenti sono già abilitati per il blog; i passaggi di configurazione sono inclusi nel Commenti del vostro tema. Per una panoramica più ampia su come il contenuto della sezione è organizzato nell’editor del tema, consultate la documentazione Shopify su sezioni e blocchi

Le principali impostazioni specifiche della sezione controllano il pulsante di azione dei commenti. Scegliete uno stile che corrisponda a quanto volete che l’azione del modulo risulti prominente, da trattamenti semplici e più discreti a stili primari o secondari più marcati.

Su mobile, l’opzione del pulsante a larghezza intera può rendere il modulo più facile da toccare e più semplice da individuare alla fine di un articolo lungo. Questo è particolarmente utile quando l’area commenti usa una larghezza del contenuto più ridotta o quando in altre parti della pagina vengono usati stili di pulsante più piccoli.

Se i commenti non sono abilitati per il blog, questa sezione non creerà da sola un’area commenti attiva.

Impostazioni di padding controllano lo spazio sopra e sotto l’area commenti. Aumentate il padding quando i commenti hanno bisogno di una separazione più chiara dal corpo dell’articolo e riducetelo quando separatori o uno sfondo già forniscono una separazione sufficiente.

Impostazioni dello sfondo sezione vi permettono di collocare i commenti su uno sfondo a colore, sfumato, immagine o video. Questo può aiutare a separare la discussione dal contenuto dell’articolo, ma di solito è meglio mantenere il trattamento discreto così che i thread di commenti più lunghi restino facili da leggere.

I valori vuoti o trasparenti di solito mantengono lo stile di fallback del tema, mentre colori, sfumature e scelte multimediali esplicite rendono l’area commenti più indipendente. Se usate immagini di sfondo o video, verificate sia desktop sia mobile perché scelte multimediali separate possono modificare ritaglio, caricamento e leggibilità.

Le impostazioni di sfumatura sostituiscono le impostazioni di colore pieno, e le sfumature di overlay sostituiscono i colori di overlay. Se usate immagini di sfondo o video, controllate sia desktop sia mobile perché su mobile può essere ereditato il media principale, a meno che non assegnate una versione mobile separata.

Impostazioni dei separatori aggiungono una linea nella parte superiore o inferiore della sezione. Sono un modo semplice per dividere l’area commenti dall’articolo senza aggiungere altro padding o un trattamento di sfondo completo.

Se lasciate trasparente il colore del separatore, la sezione usa il colore del bordo del tema. Questo è spesso il modo più semplice per mantenere il divisore coerente con il resto della pagina.

Impostazioni di visibilità controllano se la sezione appare su desktop, su mobile o su entrambi. Questo è utile quando volete un layout dell’articolo più semplice su mobile o una struttura della pagina diversa a seconda del dispositivo.

Nascondete la sezione con attenzione, poiché rimuovere i commenti su un dispositivo può rendere incoerente l’esperienza dell’articolo. Se scegliete una visibilità specifica per dispositivo, visualizzate in anteprima la pagina completa dell’articolo su entrambe le dimensioni dello schermo.

Impostazioni di larghezza controllano sia la larghezza massima del contenuto dei commenti sia la larghezza del contenitore della sezione. Per pagine con molti commenti, una larghezza del contenuto moderata è di solito più facile da leggere rispetto a un layout molto ampio.

La larghezza della sezione è più importante quando usate uno sfondo, poiché cambia fino a che punto quello sfondo si estende attorno all’area commenti. L’editor può far apparire i cambiamenti di larghezza in modo diverso rispetto alla pagina live, quindi vale la pena visualizzare in anteprima il risultato finale nella vetrina.

  1. Abilitate prima i commenti. Confermate che il blog consenta i commenti prima di dedicare tempo allo stile di questa sezione.
  2. Controllate entrambi i layout dei dispositivi. I controlli per desktop e mobile possono produrre comportamenti diversi di allineamento, visibilità e media, quindi verificate l’area commenti su entrambe le dimensioni dello schermo.
  3. Rendete facili da toccare le azioni su mobile. Usate il pulsante mobile a larghezza intera quando il modulo sembra troppo stretto o facile da non notare su schermi più piccoli.
  4. Proteggete la leggibilità. Mantenete sfondi, overlay e scelte dei separatori abbastanza discreti da permettere di scansionare facilmente i thread di commenti lunghi.
  5. Usate la larghezza per il comfort. Una larghezza del contenuto moderata di solito migliora la leggibilità delle risposte e del testo dei commenti più lungo.
  6. Visualizzate in anteprima l’intero flusso dell’articolo. Dopo aver modificato spaziatura, visibilità o sfondi, controllate quanto naturalmente l’area commenti si colleghi all’articolo sopra di essa.