Editor Wix: personalizzare il breadcrumb sul tuo sito mobile

Tempo di lettura: 4 min.
Il breadcrumb è un metodo di navigazione del sito che mostra un percorso. A seconda di ciò che scegli di mostrare, i visitatori possono vedere sia la pagina corrente che la homepage del tuo sito. Se i visitatori cliccano su una pagina secondaria, nel percorso viene visualizzata anche la pagina principale.
Dopo aver aggiunto il breadcrumb al tuo sito dall'Editor desktop, puoi personalizzarlo per la versione mobile. Ciò ti consente di creare un'esperienza unica per i visitatori su dispositivi mobile e non influisce sul tuo sito desktop.
Importante:
Il breadcrumb non può essere aggiunto come elemento solo per dispositivi mobile. Puoi aggiungerlo solo dall'Editor desktop.
In questo articolo, scopri di più su come:

Configurare il breadcrumb per dispositivi mobile

Utilizza il pannello delle impostazioni per scegliere cosa mostrare nel percorso breadcrumb sulla versione mobile del tuo sito.
Se mostri la homepage, puoi anche scegliere se mostrarla come testo o icona.

Per modificare le impostazioni del breadcrumb:

  1. Clicca sull'elemento breadcrumb nell'Editor mobile
  2. Clicca sull'icona Impostazioni
  3. Usa le opzioni per scegliere la modalità di visualizzazione del percorso:
    • Che elementi mostra la barra di navigazione?: scegli quali elementi vengono visualizzati nel percorso:
      • Percorso completo: mostra l'intero percorso che porta alla pagina corrente
      • Nascondi homepage: nascondi la homepage dal percorso
      • Nascondi pagina corrente: nascondi la pagina in cui si trova il visitatore
      • Pagina precedente: mostra un'icona a forma di V ( < ) nel percorso e nella homepage del sito
    • Mostra "Homepage" come: scegli come vuoi che la tua homepage appaia nel percorso:
      • Testo: il nome della tua homepage viene visualizzato nel breadcrumb
      • Icona: viene visualizzata un'icona che rappresenta la tua homepage nel breadcrumb
Il pannello delle impostazioni per il breadcrumb. Il cursore passa sopra l'opzione per visualizzare la homepage come icona nel percorso.

Modificare il layout del breadcrumb su mobile

A seconda di ciò che scegli di mostrare sul percorso, puoi regolare la spaziatura orizzontale e verticale per adattarla agli schermi più piccoli per i tuoi visitatori mobile.

Per modificare le impostazioni di spaziatura del breadcrumb:

  1. Clicca sull'elemento breadcrumb nell'Editor mobile
  2. Clicca sull'icona Layout
  3. Trascina il cursore pertinente per modificare la spaziatura verticale o orizzontale tra gli elementi
Il pannello Layout per il breadcrumb nell'Editor mobile. Il cursore passa sopra la spaziatura orizzontale.
Nota:
Le opzioni mostrate dipendono da ciò che scegli di mostrare sul percorso.

Personalizzare il design del breadcrumb su mobile

Regola e modifica il design del tuo percorso. Puoi personalizzare lo sfondo, le icone separatore e gli articoli, in modo che appaiano esattamente come vuoi e incoraggiare i visitatori da mobile a continuare a esplorare il tuo sito.

Per personalizzare il breadcrumb:

  1. Clicca sull'elemento breadcrumb nell'Editor mobile
  2. Clicca sull'icona Design
  3. Seleziona la parte del percorso che vuoi progettare dal menu a tendina:
Pannello di personalizzazione del breadcrumb. La scheda di testo per gli articoli del breadcrumb è aperta.

Hai trovato utile questo articolo?

|