Articoli correlati

Link in evidenza

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

Video utili

Video di Shopify Academy: personalizzare il tuo negozio

Video di Shopify Academy: personalizzare il tuo negozio

Mostra altri articoli dello stesso blog alla fine di un post per continuare a coinvolgere i lettori. Questa sezione preleva automaticamente i post recenti dal blog dell’articolo corrente, quindi è ideale quando si desidera contenuto correlato senza curare manualmente ogni elemento. Per una panoramica più ampia di come funzionano queste impostazioni della sezione nell’editor del tema, vedi documentazione Shopify sulle sezioni e i blocchi

Nota

Se devi scegliere articoli specifici invece di mostrare automaticamente quelli recenti, usa invece una sezione Blog posts.

Impostazioni principali

Il controllo principale del contenuto è il numero di elementi da mostrare. Usa un numero inferiore quando desideri una chiusura ordinata dell’articolo, oppure aumentalo quando il tuo blog ha contenuti di supporto validi e vuoi incoraggiare una navigazione più approfondita.

Impostando il conteggio su 0 vengono mostrati tutti gli elementi disponibili fino al limite della sezione. Questa soluzione può funzionare bene per blog più piccoli, ma nei blog più grandi può far sembrare la sezione lunga e ridurre l’impatto di ogni scheda.

Impostazioni di layout

Usa queste impostazioni per controllare quanti post correlati appaiono per riga e se ogni dispositivo usa una griglia o una presentazione. Questo è il punto principale per definire quanto facilmente la sezione si possa scorrere su desktop, tablet e mobile.

Un numero maggiore di colonne può contenere più post sullo schermo, ma in genere funziona meglio quando le schede sono visivamente semplici. Se i titoli o gli estratti degli articoli sono lunghi, meno colonne di solito creano un layout più pulito e leggibile.

Il tablet può ereditare il numero di colonne del desktop se lasciato su 0. È utile quando desideri meno regolazioni specifiche per dispositivo, ma vale comunque la pena controllare le dimensioni intermedie dello schermo se le schede contengono molto testo.

Consiglio

Per le schede di articoli con molto testo, un numero inferiore di colonne di solito migliora la leggibilità e rende i titoli più facili da scorrere.

Impostazioni della presentazione

Quando un dispositivo è impostato su presentazione, questi controlli gestiscono animazione, autoplay, loop, navigazione, paginazione e anteprime delle diapositive. Vedi documentazione Company XYZ sui controlli della presentazione.

L’animazione predefinita è la scelta più flessibile quando desideri una tipica esperienza da carosello. Fade crea una presentazione più focalizzata, ma semplifica il layout e rimuove alcune opzioni dell’interfaccia.

L’autoplay può aggiungere movimento, ma funziona meglio quando i post correlati sono una funzionalità secondaria e non la principale call to action. Se i lettori probabilmente confronteranno i titoli prima di fare clic, un autoplay più lento o la navigazione manuale sono di solito più facili da usare.

Navigazione e paginazione sono più utili quando mostri diversi elementi in modalità presentazione e vuoi che i lettori capiscano che è disponibile altro contenuto. Le anteprime delle diapositive possono anche incoraggiare l’interazione, soprattutto su mobile, ma non si applicano con l’animazione fade.

L’animazione fade forza un layout a singola diapositiva e non mostra la paginazione né le anteprime delle diapositive successive.

Impostazioni dei colori

Queste impostazioni consentono di sovrascrivere i colori dell’icona, del testo e del sottotitolo della sezione senza modificare gli stili più ampi del tema. Sono più utili quando questa sezione si trova su uno sfondo personalizzato o richiede un contrasto più forte rispetto alla pagina dell’articolo circostante.

Mantieni l’area dell’intestazione visivamente distinta dalle schede degli articoli sottostanti. Se stai anche modificando i colori delle schede o aggiungendo uno sfondo di sezione, verifica che ogni elemento di testo rimanga facile da leggere.

Impostazioni standard della sezione

Impostazioni dell’header

Usa le Impostazioni dell’header condivise per aggiungere un titolo, una didascalia, un sottotitolo, un’icona e un pulsante opzionale per questa sezione. Vedi documentazione Company XYZ sulle impostazioni dell’header.

Questo header è utile quando i post correlati appaiono ben al di sotto del corpo dell’articolo e hanno bisogno di un’introduzione più chiara. Di solito bastano un titolo breve e un testo di supporto conciso, mentre il pulsante opzionale è ideale per collegare il blog completo.

Impostazioni scheda

Usa le Impostazioni scheda condivise per controllare l’aspetto di ogni scheda di post correlato, inclusi stile, rapporto dell’immagine, visualizzazione del testo, contenuto della didascalia e stile della CTA della scheda. Vedi documentazione Company XYZ sulle impostazioni scheda.

Queste sovrascritture sono utili quando le schede degli articoli hanno bisogno di un aspetto più editoriale rispetto alle schede usate altrove. Le schede in stile banner supportano scelte di overlay e posizione del testo, mentre gli stili di scheda più semplici sono spesso più facili da scansionare in griglie più dense.

Impostazioni di padding

Usa le Impostazioni di padding condivise per regolare lo spazio sopra e sotto la sezione. Vedi documentazione Company XYZ sulle impostazioni di padding.

Un padding maggiore aiuta l’area dei post correlati a sembrare un passo successivo distinto dopo l’articolo. Uno spaziamento più contenuto la mantiene visivamente collegata al contenuto soprastante.

Impostazioni dello sfondo sezione

Usa le Impostazioni dello sfondo sezione condivise per aggiungere un colore, un gradiente, un’immagine o un video dietro la sezione. Vedi documentazione Company XYZ sulle impostazioni dello sfondo sezione.

Uno sfondo può aiutare a separare i post correlati dal corpo dell’articolo, soprattutto nelle pagine a contenuto lungo. Se utilizzi uno sfondo multimediale, assicurati che sia l’header sia le schede dei post restino chiaramente visibili.

Attenzione

Sfondo forti possono competere con le miniature e i titoli degli articoli. Se la leggibilità diminuisce, semplifica lo sfondo o aumenta il contrasto.

Impostazioni dei separatori

Usa le Impostazioni dei separatori condivise per aggiungere una linea sopra o sotto la sezione. Vedi documentazione Company XYZ sulle impostazioni dei separatori.

I separatori sono utili quando questa sezione si trova vicino ai commenti, alle iscrizioni alla newsletter o ad altre aree di contenuto e desideri un confine visivo più chiaro. Nella maggior parte dei layout editoriali, una semplice linea è sufficiente.

Impostazioni di visibilità

Usa le Impostazioni di visibilità condivise per controllare se la sezione appare su desktop, su mobile o su entrambi. Vedi documentazione Company XYZ sulle impostazioni di visibilità.

È utile quando desideri un’esperienza di contenuti correlati più ricca sugli schermi grandi ma una chiusura dell’articolo più semplice su quelli piccoli. Può anche supportare layout mobili alternativi altrove nel template.

Impostazioni di larghezza

Usa le Impostazioni di larghezza condivise per controllare la larghezza del contenuto e la larghezza esterna della sezione. Vedi documentazione Company XYZ sulle impostazioni di larghezza.

I layout più larghi possono mostrare comodamente più schede in modalità griglia, mentre i layout più stretti spesso risultano più curati e più facili da scansionare dopo un articolo lungo. Se modifichi le larghezze, visualizza l’anteprima sia della pagina live sia dell’editor per valutare con precisione gli spazi.

Note sull’uso

1. Mantieni il conteggio focalizzato. Mostra solo quanti post i lettori possono scorrere comodamente alla fine di un articolo.
   1. Conteggi molto alti possono rendere la sezione ripetitiva o eccessivamente lunga.
   2. Conteggi più piccoli di solito funzionano meglio quando i post correlati sono solo un suggerimento finale.
2. Abbina il layout al contenuto. Usa la griglia per un confronto rapido e la presentazione quando lo spazio è limitato o vuoi un modello di navigazione più guidato.
   1. Rivedi sia la vista desktop sia quella mobile, poiché i layout in stile slider possono modificare il comportamento di navigazione, paginazione, anteprima e breakpoint.
   2. Controlla allineamento e visibilità su ogni viewport se stai combinando impostazioni diverse per dispositivo.
3. Scegli fade in modo intenzionale. Usa fade solo quando vuoi una scheda in evidenza alla volta e non hai bisogno di anteprime o paginazione.
4. Dai priorità a schede leggibili. Se i titoli sono lunghi, riduci il numero di colonne o semplifica il testo della scheda in modo che ogni post sia facile da comprendere rapidamente.
5. Usa la separazione con attenzione. Sfondo, padding e separatori dovrebbero aiutare la sezione a sembrare distinta senza sovrastare l’articolo stesso.
   1. Lascia colori e sfondi discreti quando vuoi che la sezione erediti l’aspetto predefinito della pagina.
   2. Usa sovrascritture più marcate solo quando hai bisogno che l’area dei post correlati si distingua dal corpo dell’articolo.
6. Controlla la fonte dell’articolo. Gli articoli che vedi dipendono dal blog corrente e dai risultati correlati disponibili, quindi i blog con pochi contenuti possono produrre un insieme di post più breve o meno vario.
   1. Se usi supporti multimediali separati per dispositivi diversi, verifica ritaglio, leggibilità e comportamento di fallback su entrambe le dimensioni.
   2. Conferma che eventuali scelte di navigazione o di fonte dei contenuti portino ancora i lettori agli articoli che ti aspetti.