Contenuto del blog

Link in evidenza

1. Documentazione Shopify sulla personalizzazione delle sezioni
2. Documentazione Shopify sulle sezioni e i blocchi
3. Documentazione Company XYZ sul blocco del gruppo di filtri
4. Documentazione Company XYZ sulle impostazioni degli header
5. Documentazione Company XYZ sulle impostazioni delle schede
6. Documentazione Company XYZ sulle impostazioni del padding della sezione
7. Documentazione Company XYZ sulle impostazioni degli sfondi delle sezioni
8. Documentazione Company XYZ sulle impostazioni dei separatori
9. Documentazione Company XYZ sulle impostazioni delle larghezze del layout
10. Documentazione Shopify sull’editor del tema

Video utili

Video Shopify Academy: personalizzare il tuo negozio

Video Shopify Academy: personalizzare il tuo negozio

Mostrate i post del vostro blog in un layout di archivio configurabile con opzioni per l’ordinamento, il filtraggio e la presentazione delle card. Funziona al meglio nelle pagine di destinazione del blog, dove i lettori devono scansionare rapidamente un insieme più ampio di post e affinare ciò che vogliono leggere.

Impostazioni dell’interfaccia a griglia

Queste impostazioni controllano l’esperienza di navigazione complessiva per la griglia dei post. Potete definire il numero predefinito di colonne su desktop e su mobile, scegliere quanti post vengono visualizzati per pagina e decidere se i lettori possono regolare da soli la dimensione della griglia.

Usate una griglia più aperta quando le immagini dei post sono importanti per la scoperta dei contenuti. Usate una griglia più densa quando il vostro blog è incentrato sul testo o quando i lettori traggono vantaggio dal vedere più titoli contemporaneamente.

L’interfaccia sticky mantiene visibili i controlli dell’archivio mentre i lettori scorrono la pagina. Questo è utile per gli indici del blog lunghi, ma può risultare superfluo negli archivi più piccoli, dove i controlli devono essere usati solo una volta.

L’ordinamento aiuta a definire il modo in cui i lettori incontrano i vostri contenuti. L’ordinamento in base alla data di solito si adatta ai blog attivi, mentre l’ordinamento per titolo può funzionare meglio per contenuti di tipo reference, evergreen o alfabetici. Per una panoramica più ampia su come vengono gestite le sezioni di archivio, consultate documentazione Shopify sulla personalizzazione delle sezioni

Consiglio

Se abilitate l’interfaccia per la dimensione della griglia, impostate prima un valore predefinito sensato. I controlli per i lettori funzionano meglio quando il layout iniziale risulta già naturale.

Impostazioni dei filtri

Queste impostazioni aggiungono il filtraggio basato sui tag all’archivio del blog. Sono particolarmente utili quando i vostri post seguono già una struttura di tag chiara e volete che i lettori restringano i risultati senza lasciare la pagina.

L’interruttore principale dei filtri attiva il filtraggio per la sezione, mentre l’impostazione di apertura predefinita controlla se l’area dei filtri inizia espansa. Lasciare i filtri aperti può favorire la scoperta dei contenuti, ma uno stato iniziale compresso spesso mantiene la pagina più ordinata.

I filtri funzionano al meglio con tag coerenti e intenzionali. Se la tagging è incompleta o incoerente, l’esperienza di filtro può risultare confusa invece che utile.

Impostazioni colore delle card

Queste impostazioni sostituiscono il normale trattamento del colore delle card per questa sezione. Usatele quando l’archivio del blog necessita di uno stile visivo distinto o quando il layout delle card scelto richiede un contrasto più forte.

Le impostazioni dell’overlay del banner si applicano solo quando usate lo stile di card Banner. Se non state usando le card banner, concentratevi invece sullo sfondo generale della card, sul bordo, sull’heading e sui colori del testo.

L’opacità dell’overlay è particolarmente importante nelle card incentrate sulle immagini. Un overlay troppo leggero può rendere i titoli difficili da leggere, mentre uno troppo forte può far sembrare le card pesanti o smorzate.

Impostazioni del colore

Queste impostazioni controllano i colori dell’icona a livello di sezione, dell’heading e del testo di supporto. Sono utili quando questo archivio del blog si trova su uno sfondo personalizzato o deve distinguersi dalle sezioni circostanti.

Regolate questi colori insieme anziché uno alla volta, così l’header manterrà un aspetto coerente. Se utilizzate anche un’immagine di sfondo, un gradiente o un video, ricontrollate il contrasto sia su desktop sia su mobile.

Tipi di blocco supportati

1. Filter group

Gruppo di filtri

Usate i blocchi Filter group per creare moduli di filtro personalizzati basati sui tag all’interno dell’archivio. Ogni blocco diventa un proprio gruppo espandibile, che aiuta a organizzare i filtri in categorie più chiare invece di mostrare un unico elenco lungo. Per il comportamento generale dell’editor, consultate documentazione Shopify sulle sezioni e i blocchi

1. Aggiungete un titolo breve e semplice, in modo che i lettori comprendano subito ciò che contiene il gruppo.
2. Mantenete l’elenco dei tag mirato e intenzionale, soprattutto se prevedete di impilare più gruppi.
3. Usate in modo selettivo l’opzione open-by-default del blocco, così l’area dei filtri non risulterà sovraffollata.

Per i dettagli specifici del blocco, consultate il Gruppo di filtri.

Impostazioni standard della sezione

Impostazioni dell’header

Impostazioni dell’header consentono di introdurre l’archivio con un’icona facoltativa, una caption, un heading, testo di supporto e un button. Questo è utile per fornire contesto alla pagina del blog, migliorare la struttura della pagina e indirizzare i lettori verso una destinazione in evidenza.

Mantenete l’heading chiaro e descrittivo. Usate il button solo quando supporta l’archivio, ad esempio collegando un post in evidenza, una pagina correlata o una destinazione per la newsletter.

Impostazioni scheda

Impostazioni scheda controllano l’aspetto di ogni post nella griglia, inclusi il trattamento dell’immagine, la visibilità del testo, l’allineamento, le caption e lo stile del button della card. Queste impostazioni sostituiscono solo per questa sezione i valori predefiniti più ampi delle card.

Scegliete uno stile di card in base a quanto il vostro blog è incentrato sulle immagini o sul testo. Mostrare titolo ed estratto in genere supporta al meglio la scoperta dei contenuti, mentre layout più compatti con solo il titolo funzionano bene quando i titoli dei post fanno già gran parte del lavoro.

Impostazioni di padding

Impostazioni di padding controllano lo spazio sopra e sotto la sezione. Usatele per separare l’archivio dalle sezioni vicine o per ridurre lo spazio della pagina quando la griglia del blog ha già un margine sufficiente.

Se aggiungete un header più grande o un trattamento di sfondo marcato, un po’ più di padding può aiutare la sezione a sembrare intenzionale. Su mobile, una spaziatura leggermente ridotta spesso rende la pagina più facile da scansionare.

Impostazioni dello sfondo sezione

Impostazioni dello sfondo sezione consentono di posizionare un colore, un gradiente, un’immagine o un video dietro l’archivio. Questo può aiutare la sezione a risaltare, ma influisce anche sulla leggibilità e sulla percezione dello spazio.

Usate gli overlay per mantenere il contrasto di heading e card. Se impostate media separati per mobile, verificate che il ritaglio e l’area focale supportino ancora bene il contenuto.

Attenzione

I media di sfondo intensi possono rendere più difficile la scansione di un archivio del blog già molto carico. Se la leggibilità diminuisce, semplificate lo sfondo o aumentate il contrasto dell’overlay prima di modificare i contenuti delle card.

Impostazioni dei separatori

Impostazioni dei separatori aggiungono una linea nella parte superiore o inferiore della sezione. Sono utili quando desiderate un confine visivo più chiaro senza aggiungere molta altra spaziatura.

Usate i separatori quando le sezioni adiacenti hanno sfondi simili o una densità di card simile. Se l’archivio si distingue già chiaramente, potrebbe non essere necessario usarli.

Impostazioni di larghezza

Impostazioni di larghezza controllano la larghezza massima dei contenuti dell’archivio e la larghezza del wrapper della sezione. Queste impostazioni sono particolarmente utili per bilanciare leggibilità, densità delle card e presentazione dello sfondo.

Una larghezza dei contenuti più stretta può rendere gli estratti più facili da leggere, mentre un’impostazione più ampia può ospitare comodamente più card su schermi grandi. Quando regolate la larghezza della sezione per i trattamenti di sfondo, visualizzate l’anteprima della pagina live oltre che nell’editor. Per i controlli dell’editor, consultate documentazione Shopify sull’editor del tema

Note sull’uso

1. Abbinate la griglia ai contenuti. Usate meno colonne quando immagini ed estratti contano, e layout più densi quando i lettori sfogliano soprattutto per titolo.
2. Usate i filtri in modo intenzionale. Attivate il filtraggio solo quando i vostri tag sono coerenti, riconoscibili e utili per la consultazione.
3. Mantenete le card facili da scansionare. Mostrate solo il testo, le caption e il trattamento del button che aiutano i lettori a scegliere rapidamente un post.
4. Controllate separatamente il mobile. Verificate la dimensione della griglia, il comportamento dei filtri, il posizionamento dei button e i media di sfondo su schermi più piccoli prima di pubblicare.
5. Visualizzate l’anteprima della larghezza reale della pagina. Ricontrollate spaziatura, controlli sticky e larghezza dei contenuti sulla pagina live, così l’archivio risulterà equilibrato nelle condizioni di navigazione reali.
6. Testate il contenuto dei blocchi con la sezione. I blocchi aggiunti possono modificare il layout e l’enfasi dell’archivio, quindi confermate il risultato finale dopo averli aggiunti o riordinati.
7. Lasciate intatto lo stile di fallback quando serve. Colori vuoti o con stile predefinito in genere preservano l’aspetto esistente della sezione, mentre sostituzioni più forti e media separati rendono l’area più indipendente.