Riuscito
Impostazioni scheda articolo
Controlla il design predefinito e il contenuto mostrato sulle schede articolo in tutto il tema.
Queste impostazioni definiscono l’aspetto predefinito delle schede articolo in tutto il tema. Usatele per creare un’esperienza di lettura e navigazione coerente nelle liste del blog, nelle aree degli articoli in evidenza e in altri punti in cui compaiono gli articoli, consentendo comunque alle singole sezioni di sostituire i valori predefiniti quando necessario. Per un contesto di configurazione più ampio, consultate documentazione Shopify sull’editor del tema e documentazione Shopify su sezioni e blocchi
Potete anche consultare il riferimento alle schede articolo per ulteriore contesto.
Struttura della scheda e forma dell’immagine
Sezione intitolata “Struttura della scheda e forma dell’immagine”Iniziate con lo stile della scheda, perché definisce la struttura generale e il tono delle anteprime degli articoli. Uno stile più visivo può rendere i contenuti editoriali più ricchi, mentre uno stile più semplice può aiutare le griglie di articoli dense a risultare più pulite e facili da scansionare.
Il rapporto d’aspetto dell’immagine controlla come le immagini dell’articolo vengono ritagliate all’interno di ogni scheda. Poiché i rapporti desktop e mobile sono impostati separatamente, potete mantenere le schede equilibrate sugli schermi più grandi ed evitare comunque ritagli scomodi sui dispositivi più piccoli.
Se le immagini dei vostri articoli variano molto per forma o composizione, scegliete rapporti delle immagini che risultino intenzionali anche dopo il ritaglio. Rapporti coerenti producono in genere una griglia di schede più ordinata.
Testo, metadati e inviti all’azione
Sezione intitolata “Testo, metadati e inviti all’azione”Queste impostazioni controllano quante informazioni sull’articolo compaiono sulla scheda. Potete dare maggiore risalto alla scoperta mostrando sia titolo sia estratto, mantenere tutto più essenziale con il solo titolo oppure ridurre ulteriormente il testo quando il layout è pensato per essere più visivo.
Le impostazioni della didascalia consentono di mostrare l’autore, la data, entrambi o nessuno dei due. Questo può aiutarvi a bilanciare il contesto editoriale con la semplicità visiva, a seconda che la freschezza e l’autorialità siano importanti nella vostra strategia di contenuto.
Lo stile del pulsante cambia quanto chiaramente la scheda segnala l’interazione. Stili di pulsante più evidenti possono essere utili nei layout ricchi di contenuti, mentre stili più leggeri funzionano bene quando la scheda stessa risulta già chiaramente cliccabile.
Allineamento e posizionamento del testo
Sezione intitolata “Allineamento e posizionamento del testo”L’allineamento orizzontale influisce su quanto le schede risultano formali o orientate al design. Il testo allineato a sinistra è di solito il più facile da scansionare nelle griglie di articoli, mentre il testo centrato può adattarsi meglio a layout più stilizzati.
L’allineamento verticale del testo è più importante con lo stile della scheda banner, dove la posizione del testo modifica l’equilibrio tra visibilità dell’immagine e contenuto in sovrimpressione. Usatelo per decidere se la scheda debba risultare più orientata all’immagine o più orientata al testo.
Badge dei tag
Sezione intitolata “Badge dei tag”I badge dei tag consentono di evidenziare articoli con tag specifici mostrando un badge nell’angolo della scheda. Questo è utile quando volete mettere in risalto contenuti come articoli in evidenza, annunci, guide o articoli stagionali senza modificare il layout completo della scheda.
Inserite i tag come elenco separato da virgole e mantenete coerente la denominazione dei tag. I badge funzionano meglio se usati in modo selettivo, così restano significativi e non sovraccaricano le liste degli articoli.
Note sull’uso
Sezione intitolata “Note sull’uso”- Scegliete prima la struttura. Impostate lo stile della scheda prima di affinare il testo e le impostazioni dell’immagine, poiché il layout influisce su come vengono percepite tutte le altre scelte.
- Rivedete separatamente su mobile. Controllate il rapporto dell’immagine su mobile e gli eventuali controlli specifici per desktop o mobile su schede articolo reali, così ritaglio, spaziatura e visibilità continueranno a funzionare bene in entrambe le dimensioni.
- Adattate il dettaglio all’intento di navigazione. Mostrate più testo per elenchi di articoli orientati alla scoperta e riducete il testo per layout più compatti o più visivi.
- Mantenete flessibili i valori predefiniti. I valori vuoti, trasparenti o in stile predefinito di solito preservano lo stile di fallback, mentre colori espliciti, gradienti o override dei media rendono la scheda più autonoma.
- Usate i badge con moderazione. Evidenziate solo un piccolo insieme di tag importanti, così il trattamento dei badge resta visibile.
- Aspettatevi limiti nella fonte dei contenuti. Le schede articolo possono mostrare solo ciò che è disponibile dal contenuto selezionato, quindi tag, dati dell’articolo, paginazione e risultati correlati possono influire su ciò che appare nella griglia.