Articolo del blog

Link in evidenza

1. Documentazione di Company XYZ sulle impostazioni del product sniffer
2. Documentazione Shopify sulle sezioni e i blocchi
3. Documentazione di Company XYZ sulle impostazioni del padding della sezione
4. Documentazione di Company XYZ sulle impostazioni degli sfondi della sezione
5. Documentazione di Company XYZ sulle impostazioni dei separatori
6. Documentazione di Company XYZ sulle impostazioni delle larghezze del layout

Video utili

Video Shopify Academy: personalizzare il tuo negozio

Video Shopify Academy: personalizzare il tuo negozio

Questa sezione mostra l’articolo completo e consente di perfezionare il modo in cui viene letto nella pagina. Per il flusso di lavoro più ampio dell’editor del tema, consulti documentazione Shopify sulle sezioni e i blocchi. Include anche una funzione opzionale Impostazioni rilevamento prodotti che rileva i link ai prodotti nell’articolo, mostra i prodotti corrispondenti in una barra laterale e aggiunge a questi link un comportamento di hover delle card prodotto inline.

Impostazioni principali

Usi le impostazioni principali per decidere se i prodotti collegati devono comparire insieme all’articolo. La barra laterale appare solo quando il rilevamento dei prodotti è attivato e l’articolo contiene link ai prodotti corrispondenti.

L’intestazione della barra laterale è più adatta come etichetta contestuale piuttosto che come titolo generico. Se i suoi articoli seguono formati specifici come guide all’acquisto, tutorial o raccolte regalo, adatti l’intestazione in modo che la barra laterale sembri collegata al contenuto.

Consiglio

Se desidera che l’area prodotti risulti utile invece che promozionale, colleghi i prodotti in modo naturale all’interno dell’articolo, dove supportano il passo successivo del lettore.

Impostazioni colore

Questo controllo colore specifico della sezione le consente di sovrascrivere il colore del testo per l’area dell’articolo. È particolarmente utile quando aggiunge uno sfondo personalizzato o quando necessita di un contrasto diverso rispetto al resto della pagina.

Poiché questa sezione è pensata per una lettura lunga, scelga prima di tutto colori del testo confortevoli. I colori del marchio più delicati possono funzionare per gli accenti, ma il testo del corpo deve restare facile da leggere per tutto l’articolo.

Controlli il contrasto del testo dopo aver modificato i colori, soprattutto se usa anche immagini di sfondo, sfumature o overlay.

Impostazioni standard della sezione

Impostazioni di padding

Impostazioni di padding controllano lo spazio sopra e sotto il contenuto dell’articolo. Usi queste impostazioni per creare un’esperienza di lettura più tranquilla oppure per rendere il layout più compatto quando l’articolo si trova tra altre sezioni in evidenza.

Lo spazio su desktop e su dispositivi mobili può essere regolato separatamente. Questo è utile quando un ampio spazio su desktop sembra troppo elevato su schermi più piccoli.

Impostazioni dello sfondo sezione

Impostazioni dello sfondo sezione le consentono di aggiungere un colore, una sfumatura, un’immagine o un video dietro l’articolo. Queste opzioni possono dare più atmosfera alle pagine editoriali, ma devono comunque supportare una lettura confortevole.

I controlli dell’overlay aiutano a preservare la leggibilità quando usa sfondi immagine o video. I media di sfondo specifici per dispositivi mobili sono particolarmente utili quando le immagini desktop si ritagliano male o risultano troppo affollate su schermi più piccoli.

Attenzione

Media di sfondo molto intensi possono rendere gli articoli più difficili da leggere o visivamente troppo compressi. Prima di usare trattamenti ricchi di immagini o video nelle pagine focalizzate sul contenuto, visualizzi l’anteprima sia su desktop sia su mobile.

Impostazioni dei separatori

Impostazioni dei separatori aggiungono una linea nella parte superiore o inferiore della sezione. Le usi quando l’articolo ha bisogno di un confine più netto rispetto al contenuto circostante.

Se non desidera un colore personalizzato per il separatore, lasciandolo trasparente la sezione utilizzerà il colore del bordo del tema. In questo modo la separazione resta discreta e coerente.

Impostazioni di larghezza

Impostazioni di larghezza controllano sia la larghezza massima del contenuto dell’articolo sia la larghezza del wrapper della sezione. Per la maggior parte degli articoli, la larghezza del contenuto ha l’impatto maggiore sulla leggibilità.

Le larghezze del contenuto più strette sono in genere più facili da scorrere per testi lunghi, mentre i layout più ampi possono funzionare meglio per post ricchi di immagini o in stile editoriale. La larghezza della sezione conta soprattutto quando usa anche uno sfondo e desidera che si estenda oltre l’area del contenuto.

Note sull’uso

1. Scriva tenendo presenti i link ai prodotti. La barra laterale e il comportamento inline dei prodotti dipendono dai link ai prodotti nell’articolo, quindi li aggiunga dove supportano davvero l’argomento.
2. Si aspetti che il layout cambi con i blocchi. L’aggiunta di blocchi può modificare quanto della sezione è guidato dall’articolo stesso rispetto al contenuto dei blocchi, quindi ricontrolli l’equilibrio dopo aver costruito la pagina.
3. Dia priorità a larghezze leggibili. Per i post con molto testo, usi una larghezza del contenuto che mantenga confortevole la lunghezza delle righe invece di rendere l’articolo troppo largo.
4. Usi lo stile per supportare l’articolo. Colore del testo personalizzato, sfondi e separatori dovrebbero incorniciare il contenuto senza competere con esso.
5. Riveda la presentazione su mobile. Controlli spaziatura, ritaglio dello sfondo e contrasto del testo su schermi più piccoli, così che l’articolo resti facile da leggere.
6. Confronti la vista nell’editor e quella live. Il comportamento dell’anteprima può differire dalla pagina pubblicata, quindi confermi layout, allineamento e scelte dei media nella pagina finale prima di farvi affidamento.