Articoli del blog

Link in evidenza

1. Documentazione Shopify sulle sezioni e i blocchi
2. Documentazione di Company XYZ sul blocco dell’articolo del blog
3. Documentazione di Company XYZ sulle impostazioni dei colori
4. Documentazione di Company XYZ sulle impostazioni delle schede
5. Documentazione di Company XYZ sulle impostazioni dell’header
6. Documentazione di Company XYZ sulle impostazioni delle larghezze del layout
7. Documentazione di Company XYZ sulle impostazioni del padding della sezione
8. Documentazione di Company XYZ sulle impostazioni degli sfondi della sezione
9. Documentazione di Company XYZ sulle impostazioni dei separatori
10. Documentazione di Company XYZ sulle impostazioni dei controlli della presentazione
11. Documentazione di Company XYZ sulle impostazioni di visibilità

Video utili

Video Shopify Academy: personalizzare il tuo negozio

Video Shopify Academy: personalizzare il tuo negozio

Usa Blog posts per mettere in evidenza automaticamente gli articoli da un blog selezionato o creare un elenco curato con blocchi articolo manuali. È particolarmente adatto per i post recenti, raccolte per argomento e contenuti editoriali che richiedono maggiore controllo visivo. Per i dettagli di configurazione nell’editor del tema, consulta la documentazione Shopify su sezioni e blocchi

Contenuto dinamico

Questa sezione può prelevare automaticamente gli articoli da un blog oppure mostrare i post selezionati manualmente. Il contenuto automatico è ideale quando vuoi che la sezione rimanga sempre aggiornata, mentre i blocchi sono migliori quando vuoi una scaletta editoriale fissa.

1. Seleziona un blog per popolare automaticamente la sezione.
2. Aggiungi un tag per restringere il feed a un argomento o a una campagna specifica.
3. Imposta il numero di elementi in base a quanto contenuto vuoi mostrare alla volta.
4. Ordina per titolo o data di pubblicazione, quindi scegli un ordine crescente o decrescente per adattarlo alla storia che vuoi che la sezione racconti.

Il filtro per tag funziona solo quando è selezionato un blog. Se vuoi un insieme di articoli scelti a mano, usa i blocchi Blog post invece di affidarti all’origine dinamica.

Impostazioni di layout

Le impostazioni di layout controllano quanti schede compaiono per riga e se la sezione viene mostrata come griglia o come presentazione a diapositive su ogni dimensione di dispositivo. Questo ti offre molta flessibilità quando vuoi una consultazione ampia su desktop e un’esperienza più mirata su mobile.

1. Usa un numero di colonne più alto quando le schede degli articoli sono compatte e basate sulle immagini.
2. Usa un numero di colonne più basso quando titoli ed estratti hanno bisogno di più spazio di lettura.
3. Scegli layout a griglia per una consultazione più rapida.
4. Scegli layout a presentazione a diapositive quando vuoi meno schede, più grandi e con maggiore enfasi.

Consiglio

Se le colonne del tablet sono impostate su 0, il tablet eredita il numero di colonne del desktop. Questo è utile quando vuoi gestire meno decisioni di layout.

Impostazioni della presentazione

Queste impostazioni si applicano ogni volta che il layout della presentazione a diapositive è attivato su desktop, tablet o mobile. Controllano come si muovono le schede, se le diapositive avanzano automaticamente e come i clienti navigano tra i post. Per i dettagli di configurazione, consulta i controlli della presentazione.

1. Scegli lo stile di animazione in base al fatto che tu voglia un effetto carrousel standard o una transizione più mirata.
2. Abbina la velocità dell’animazione e il ritardo dell’autoplay in modo che il movimento risulti fluido e non distraente.
3. Attiva il ciclo continuo per una navigazione senza interruzioni.
4. Attiva navigazione, paginazione e anteprime della diapositiva successiva solo quando rendono la sezione più facile da usare.

L’animazione di dissolvenza impone un layout a singola diapositiva. Disattiva anche la paginazione e le anteprime della diapositiva successiva, quindi funziona meglio quando vuoi mettere in evidenza un articolo alla volta.

Impostazioni colore scheda

Queste impostazioni sostituiscono i colori predefiniti delle schede per questa sezione. Sono utili quando le schede degli articoli hanno bisogno di un contrasto più forte, di un aspetto più coerente con il brand o di un trattamento diverso dal resto del sito.

1. Usa i colori dell’overlay del banner solo quando lo stile della scheda è impostato su banner.
2. Regola con attenzione l’opacità dell’overlay in modo che le immagini in evidenza rimangano visibili dietro il testo.
3. Modifica insieme i colori di sfondo, bordo, intestazione e testo del corpo per mantenere le schede leggibili ed equilibrate dal punto di vista visivo.

Attenzione

Un’opacità dell’overlay molto bassa nelle schede banner può rendere difficile leggere le intestazioni sopra immagini di articoli molto ricche di dettagli.

Impostazioni dei colori

Queste impostazioni controllano i colori usati nell’area introduttiva della sezione, inclusi l’icona, il testo dell’intestazione e il testo di supporto. Usale quando la sezione si trova su uno sfondo personalizzato o ha bisogno di un contrasto più forte rispetto ai contenuti vicini. Per i dettagli di configurazione, consulta le impostazioni colore.

1. Regola questi colori come un insieme, in modo che l’intestazione della sezione risulti coerente.
2. Ricontrolla il contrasto dopo aver aggiunto un’immagine di sfondo, un gradiente o un video.
3. Mantieni le sostituzioni al minimo quando le schede degli articoli devono rimanere il punto focale visivo.

Tipi di blocco supportati

1. Blog post

Articolo del blog

Usa questo blocco per mettere in evidenza manualmente una scheda di articolo specifica. È la scelta giusta quando vuoi una selezione curata invece di un feed che si aggiorna automaticamente. Per i dettagli di configurazione, consulta il Articolo del blog.

1. Usa blocchi manuali per storie in evidenza, scelte dello staff o contenuti di campagna.
2. Le impostazioni della scheda a livello di blocco possono sostituire il trattamento delle schede della sezione per singoli articoli.
3. Il titolo editor opzionale aiuta a mantenere organizzati gli elenchi curati mentre lavori.

Impostazioni standard della sezione

Impostazioni dell’header

Usa le Impostazioni dell’header per aggiungere una didascalia, un’intestazione, testo di supporto, un’icona e un pulsante opzionale sopra l’elenco degli articoli. È utile per introdurre il contenuto, etichettare un argomento o collegare al blog completo. Scegli un livello di intestazione che si adatti al resto della struttura della pagina e mantieni il pulsante focalizzato su un’unica azione chiara.

Impostazioni scheda

Usa le Impostazioni scheda per controllare l’aspetto delle schede degli articoli in tutta la sezione. Puoi regolare lo stile della scheda, le proporzioni dell’immagine, la densità del testo, il contenuto della didascalia, l’allineamento e il trattamento del pulsante senza modificare ogni post singolarmente. Queste impostazioni sono il modo principale per regolare l’equilibrio tra impatto visivo e leggibilità.

Impostazioni di padding

Usa le Impostazioni di padding per controllare lo spazio sopra e sotto la sezione. Aggiungi più spazio quando questo contenuto ha bisogno di respiro, oppure riducilo quando il layout circostante è già ampio. Controlla anche lo spazio su mobile, in modo che la sezione non risulti eccessivamente alta.

Impostazioni dello sfondo sezione

Usa le Impostazioni dello sfondo sezione per aggiungere un colore, un gradiente, un’immagine o un video dietro la sezione. Questo può aiutare la raccolta di articoli a risultare più editoriale o visivamente distinta dalle sezioni vicine. I trattamenti di sfondo possono influire sul contrasto e sulla percezione dello spazio, quindi dopo le modifiche rivedi sia l’area dell’intestazione sia le schede.

Impostazioni dei separatori

Usa le Impostazioni dei separatori per aggiungere una linea sopra o sotto la sezione. I separatori possono aiutare a definire quest’area nelle pagine lunghe con diversi blocchi di contenuto. Se il colore del separatore è trasparente, viene usato invece il colore del bordo del tema.

Impostazioni di visibilità

Usa le Impostazioni di visibilità per mostrare o nascondere la sezione in base al tipo di dispositivo. Questo è utile quando vuoi una presentazione degli articoli più semplice su mobile o una strategia di layout diversa tra le varie dimensioni dello schermo. Usalo con attenzione, così che i contenuti importanti non manchino su un dispositivo.

Impostazioni di larghezza

Usa le Impostazioni di larghezza per controllare la larghezza massima del contenuto e la larghezza esterna della sezione. Larghezze più ridotte possono migliorare il comfort di lettura per titoli ed estratti, mentre layout più ampi possono supportare più colonne o una riga di schede più immersiva. Le modifiche alla larghezza è meglio verificarle nell’anteprima della pagina live, perché le anteprime dell’editor possono essere fuorvianti.

Note sull’uso

1. Scegli un solo metodo di origine. Usa un blog selezionato per contenuti che si aggiornano automaticamente, oppure usa i blocchi Blog post quando la cura editoriale conta più della freschezza.
2. Aspettati che i blocchi modifichino la sezione. L’aggiunta di blocchi articolo può sostituire un feed semplice o affiancarlo, quindi controlla il risultato dopo essere passato dal contenuto automatico alla cura manuale.
3. Abbina il layout al comportamento di lettura. Le griglie sono in genere migliori per scansionare più post, mentre le presentazioni a diapositive sono migliori per mettere in risalto meno articoli.
4. Controlla entrambe le dimensioni del dispositivo. I controlli per desktop e mobile possono produrre spaziatura, allineamento e comportamento di navigazione diversi, quindi verifica che la sezione sia ancora leggibile in ogni viewport.
5. Usa le sostituzioni in modo intenzionale. Le sostituzioni di scheda e colore a livello di sezione funzionano meglio quando supportano uno stile editoriale chiaro invece di mescolare più trattamenti in competizione.
6. Rivedi con attenzione il trattamento dei media. Se usi media o sfondi diversi, assicurati che il ritaglio e la leggibilità continuino a supportare le schede degli articoli.