Footer articolo

Link in evidenza

1. Documentazione Shopify su sezioni e blocchi
2. Documentazione di Company XYZ sulle impostazioni di padding della sezione
3. Documentazione di Company XYZ sulle impostazioni dello sfondo della sezione
4. Documentazione di Company XYZ sulle impostazioni dei separatori
5. Documentazione di Company XYZ sulle impostazioni di visibilità
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

Usa questa sezione per aggiungere un’area di chiusura semplice sotto un post del blog con i dettagli che i lettori spesso cercano dopo aver terminato l’articolo. Per una panoramica più ampia sul funzionamento delle sezioni del tema, consulta documentazione Shopify sulle sezioni e i blocchi. È ideale per rafforzare il contesto e le azioni di utilità leggere senza distogliere l’attenzione dal contenuto stesso.

Impostazioni principali

Le impostazioni principali controllano quali dettagli e azioni del post vengono visualizzati nel footer. In genere funziona meglio una configurazione più leggera, quindi includi solo le informazioni che aiutano i lettori a capire l’articolo o a continuare a interagire con esso.

Mostrare l’autore può aggiungere credibilità e un aspetto più editoriale, soprattutto per blog con più autori. Mostrare la data è più utile per contenuti tempestivi, mentre i tag funzionano meglio quando il tuo blog usa una struttura di tag chiara e coerente.

Condivisione e stampa sono azioni di utilità opzionali. Attivale quando corrispondono al modo in cui il tuo pubblico usa i contenuti e disattivale quando vuoi un footer più pulito e meno orientato alle azioni.

Consiglio

Se la maggior parte dei tuoi contenuti è evergreen, valuta se mostrare la data di pubblicazione aiuta i lettori o fa sembrare inutilmente datati i post più vecchi.

Impostazioni colore

Queste impostazioni ti consentono di sostituire i colori predefiniti di testo e icone solo per questo footer. Sono più utili quando il footer si trova su uno sfondo personalizzato o quando vuoi che i metadati risultino più discreti del testo principale dell’articolo.

Punta a un contrasto chiaro tra il testo, le icone e qualsiasi trattamento di sfondo. In genere qui i cambi di colore sottili risultano più curati dei colori di accento forti.

Se personalizzi sia lo sfondo del footer sia i colori del testo o delle icone, controlla la leggibilità su desktop e su dispositivi mobili prima di pubblicare.

Impostazioni standard della sezione

Impostazioni di padding

Impostazioni di padding controllano lo spazio sopra e sotto il contenuto del footer. Usale per mantenere il footer collegato visivamente all’articolo oppure aumenta la spaziatura se vuoi che abbia l’aspetto di un’area di chiusura più distinta.

Una spaziatura più stretta si adatta a layout di articoli minimalisti. Una spaziatura più generosa funziona meglio quando aggiungi separatori o un trattamento di sfondo.

Impostazioni dello sfondo sezione

Impostazioni dello sfondo sezione ti consentono di aggiungere un colore, un gradiente, un’immagine o un video dietro il footer. Questo può aiutare a separare i metadati del post dal corpo dell’articolo o a creare una rottura visiva più forte alla fine dell’articolo.

Se usi media di sfondo, le impostazioni dell’overlay aiutano a mantenere la leggibilità del testo. Le impostazioni del gradiente sostituiscono le scelte di colore piatto, quindi usa un solo livello intenzionale invece di sovrapporre più effetti in competizione.

Attenzione

Immagini o video molto evidenti possono sovrastare una piccola area di metadati. Nella maggior parte dei casi, gli sfondi discreti sono più facili da leggere e più facili da integrare con il contenuto dell’articolo.

Impostazioni dei separatori

Impostazioni dei separatori aggiungono una linea nella parte superiore o inferiore del footer. È un modo semplice per definire la sezione senza aggiungere uno stile pesante.

Spesso un separatore superiore è sufficiente per segnare il passaggio dal contenuto dell’articolo al footer. Se il colore del separatore viene lasciato trasparente, la sezione usa invece il colore del bordo del tema.

Impostazioni di visibilità

Impostazioni di visibilità controllano se il footer appare su desktop, su dispositivi mobili o su entrambi. Questo è utile quando vuoi un layout dell’articolo più compatto sui dispositivi mobili o un flusso di lettura diverso tra i dispositivi.

Prima di nascondere la sezione su qualsiasi dispositivo, assicurati che i lettori non perdano un contesto utile come i tag o le azioni di condivisione proprio dove è più probabile che li usino.

Impostazioni di larghezza

Impostazioni di larghezza controllano la larghezza massima del contenuto del footer e la larghezza del contenitore della sezione. Usale per mantenere il footer allineato con la colonna dell’articolo oppure per lasciare che lo sfondo si estenda più in larghezza rispetto al contenuto stesso.

La larghezza del contenuto è il principale controllo di leggibilità, mentre la larghezza della sezione conta soprattutto quando usi uno sfondo. Le modifiche alla larghezza possono apparire diverse nell’editor rispetto alla pagina live, quindi visualizza l’anteprima del layout finale prima di confermare.

Note sull’uso

1. Mantieni il footer focalizzato. Mostra solo i metadati e le azioni che aggiungono un valore reale dopo la fine dell’articolo.
2. Usa i tag in modo deliberato. Attiva i tag quando aiutano i lettori a scoprire contenuti correlati, non solo perché sono presenti nel post.
3. Prediligi uno stile discreto. Separatori leggeri, colori sobri e spaziatura moderata in genere si adattano meglio ai footer degli articoli rispetto a trattamenti visivi marcati.
4. Proteggi la leggibilità. Controlla con attenzione il contrasto e le impostazioni dell’overlay quando usi sfondi personalizzati, soprattutto sugli schermi più piccoli.
5. Rivedi entrambe le visualizzazioni. I controlli per desktop e dispositivi mobili possono produrre differenze in allineamento, visibilità e comportamento dei media, quindi visualizza l’anteprima del footer in entrambe le dimensioni.
6. Controlla le fonti dei contenuti. Se il footer dipende dai dati dell’articolo o dai risultati dei contenuti correlati, assicurati che il contenuto selezionato sia disponibile e venga visualizzato correttamente quando i risultati sono limitati.