Articolo del blog

Link in evidenza

1. Documentazione di Company XYZ sulle impostazioni delle schede
2. Documentazione di Company XYZ sulle impostazioni di visibilità
3. Documentazione Shopify sulle sezioni e i blocchi
4. Documentazione Shopify sulla personalizzazione delle sezioni

Video utili

Video di Shopify Academy: personalizzare il tuo negozio

Video di Shopify Academy: personalizzare il tuo negozio

Usa questo blocco per mettere in evidenza un singolo articolo come scheda con immagine, titolo, estratto e link per leggere altro. È una scelta pratica quando si desidera dare risalto a un post in una griglia, in una barra laterale, in una landing page o in un layout editoriale.

Impostazioni principali

Selezionare l’articolo che si desidera visualizzare nel blocco. Il blocco usa il contenuto esistente dell’articolo, quindi i risultati migliori in genere si ottengono con post che hanno un’immagine in evidenza forte e un estratto pulito.

Consiglio

Se si desidera sostituire la solita presentazione dell’immagine o del testo dell’articolo con un layout promozionale più personalizzato, usare invece un blocco banner. Per una panoramica su come funzionano i blocchi nei temi, vedere documentazione Shopify sulle sezioni e i blocchi

Impostazioni standard del blocco

Impostazioni scheda

Queste impostazioni controllano l’aspetto della scheda articolo e consentono di ignorare i valori predefiniti condivisi delle schede per questo blocco. È possibile modificare lo stile della scheda, il rapporto d’aspetto dell’immagine, lo stile del pulsante, il testo visibile, l’allineamento del testo e i dettagli della didascalia per adattarli allo spazio in cui appare l’articolo.

Usare stili di scheda più semplici quando il blocco si trova in un layout denso, e usare Banner quando l’articolo deve risultare più evidente. Le schede con solo titolo funzionano bene negli spazi ridotti, mentre titolo ed estratto offrono ai lettori più contesto prima del clic. Il comportamento condiviso della scheda è trattato anche in Impostazioni scheda.

Vale la pena controllare separatamente il rapporto dell’immagine su mobile se il ritaglio desktop ha un bell’aspetto ma diventa scomodo su schermi più piccoli. Questo è particolarmente importante per le immagini in evidenza con volti, testo o dettagli importanti ai bordi.

L’allineamento verticale centrale del testo si applica solo quando lo stile della scheda è impostato su Banner.

Le impostazioni della didascalia aiutano a decidere quante informazioni metadato dell’articolo mostrare. Autore e data possono aggiungere contesto ai contenuti editoriali, ma è preferibile nasconderli quando la scheda deve restare visivamente compatta.

Impostazioni di colore

Queste impostazioni sostituiscono i colori condivisi della scheda solo per questo blocco. Usarle quando un articolo in evidenza necessita di un contrasto più forte, di un livello di enfasi diverso o di una presentazione più personalizzata rispetto alle schede standard.

I colori dell’overlay del banner si applicano solo quando lo stile della scheda è impostato su Banner. Un overlay pieno o sfumato può migliorare la leggibilità del testo su immagini complesse, e l’impostazione dell’opacità aiuta a bilanciare leggibilità e visibilità dell’immagine. Il comportamento condiviso dei colori è trattato anche in Impostazioni scheda.

Nota

Un valore di opacità dell’overlay collegato al valore predefinito condiviso usa il comportamento colore dell’intero tema, mentre 0% rende l’overlay completamente trasparente.

Impostazioni di visibilità

Usare i controlli di visibilità per mostrare questo blocco su tutti i dispositivi oppure nasconderlo su desktop o su mobile. Questo è utile quando si desiderano diversi posizionamenti dell’articolo, ritagli o contenuti di supporto per schermi più piccoli. Scopri di più in Impostazioni di visibilità. Per indicazioni correlate sull’editor del tema, vedere documentazione Shopify sulla personalizzazione delle sezioni

Impostazioni dell’editor

Le impostazioni dell’editor aiutano a mantenere organizzati layout complessi. Assegnare al blocco un titolo chiaro nell’editor in modo da poter identificare rapidamente quale scheda articolo si sta aggiornando.

Note sull’uso

1. Scegliere un articolo forte. Scegliere un post con un’immagine in evidenza chiara e un estratto utile, in modo che la scheda risulti completa con minimi interventi.
2. Abbinare lo stile al posizionamento. Usare una presentazione in stile banner per momenti editoriali in evidenza e stili di scheda più semplici per contenuti di supporto.
3. Controllare i ritagli su mobile. Verificare il rapporto dell’immagine su mobile dopo la configurazione per evitare ritagli scomodi su schermi più piccoli.
4. Proteggere la leggibilità. Se il testo si sovrappone a un’immagine, regolare i colori dell’overlay e del testo finché il titolo e l’estratto non sono facili da leggere.
5. Usare la visibilità con intenzione. Nascondere il blocco su un solo dispositivo solo quando un layout alternativo rende più chiara l’esperienza di lettura.
6. Visualizzare entrambe le situazioni. L’editor del tema può mostrare il blocco prima che il contenuto live sia disponibile, quindi rivedere la scheda articolo nell’anteprima e nella vetrina online per confermare l’aspetto finale.
7. Controllare entrambe le viewport. I controlli desktop e mobile possono produrre comportamenti diversi di allineamento, visibilità e media, quindi confermare il blocco su entrambe le dimensioni dello schermo prima della pubblicazione.
8. Mantenere i valori predefiniti quando si desidera uno stile di fallback. Lasciare non impostate le sovrascritture di colore e media quando si desidera che il blocco erediti il trattamento della scheda circostante; usare sovrascritture esplicite solo quando l’articolo necessita di un aspetto più indipendente.