Le modifiche apportate a un dispositivo vengono visualizzate su tutti i dispositivi. Ad esempio, quando una riga viene eliminata nella visualizzazione tablet del tuo sito, la riga non verrà visualizzata nemmeno nelle visualizzazioni desktop e mobile del tuo sito. Questo perché i contenuti possono essere condivisi su tutti i dispositivi. Tuttavia, potresti voler differenziare i contenuti visualizzati su quali dispositivi. Puoi utilizzare le nostre funzionalità di modifica in base al dispositivo per raggiungere questo obiettivo e offrire ai tuoi visitatori contenuti appropriati per il dispositivo da cui accedono al tuo sito.
Quando si apportano modifiche a un dispositivo specifico, spesso è necessario cambiare vista. Per ulteriori informazioni, consultare Cambia vista .
Visualizza le barre informative
Alcuni widget e funzionalità potrebbero essere disponibili solo su determinati dispositivi. Per modificare lo stile di un widget su un dispositivo specifico, fai clic sulla vista dispositivo nella barra di navigazione in alto per passare alla vista del dispositivo in questione, quindi apporta la modifica.
Nascondi sul dispositivo
Quasi tutto nell'editor, ad eccezione dell'intestazione e del piè di pagina, può essere modificato in base al dispositivo, rendendo il contenuto specifico per quel dispositivo.
Per modificare il contenuto per dispositivo:
- Copia il contenuto che desideri sia specifico per il dispositivo. Fai clic con il pulsante destro del mouse sul widget , fai clic su Copia , quindi su Incolla .
- Fai clic con il pulsante destro del mouse su uno dei widget , seleziona Nascondi sul dispositivo , quindi seleziona il dispositivo su cui desideri nascondere il widget. Ad esempio, impostando un pulsante su Nascondi sul desktop , il pulsante viene rimosso dal desktop, ma viene visualizzato nei siti per tablet e dispositivi mobili.
- Fai clic sul contenuto originale e seleziona Nascondi sul dispositivo , quindi nascondi il contenuto sui dispositivi su cui non desideri modificarlo. Ad esempio, se imposti il pulsante di copia su Nascondi sul desktop , imposterai il pulsante originale su Nascondi su tablet e Nascondi su dispositivo mobile . In questo modo, avrai due pulsanti diversi: uno visualizzato sul desktop e uno diverso visualizzato su tablet e dispositivo mobile.
- Se vuoi che il contenuto sia diverso su tutti e tre i dispositivi, puoi copiarlo di nuovo (in modo da avere un totale di tre copie dello stesso contenuto) e visualizzare un pulsante diverso su ciascun dispositivo.
- Ora hai due (o tre) contenuti identici, ma diversi, ognuno visualizzato su un dispositivo diverso. Qualsiasi ulteriore modifica apportata a questi contenuti interesserà solo il dispositivo su cui è impostata la visualizzazione.
Nota:
I contenuti nascosti potrebbero comunque essere visualizzati nel codice del sito attivo (dopo la pubblicazione/ripubblicazione). Questo è previsto e dovuto alla tecnologia utilizzata. Per informazioni dettagliate, consulta la sezione Perché i contenuti nascosti vengono visualizzati negli audit?
Modifiche che non interessano altri dispositivi
Nota:
Molte impostazioni indicano i dispositivi interessati. Ad esempio, un'impostazione potrebbe indicare che la modifica interessa desktop e tablet, insieme a un'icona che rappresenta i dispositivi.
Ci sono diverse modifiche nell'editor che possono essere apportate senza influire sul dispositivo mobile. Eccole:
- Spaziatura (margini e riempimento)
- Posizionamento
- Larghezza
- Altezza
- Sfondo del sito/pagina
- Dimensione del carattere (non influirà sul testo che è stato modificato in precedenza sul dispositivo mobile)
- Le modifiche all'intestazione e al piè di pagina nella visualizzazione tablet non influiscono sulla visualizzazione desktop e mobile
Ogni altra modifica apportata nella vista di ciascun dispositivo avrà effetto sugli altri dispositivi.
Oltre all'elenco sopra, ci sono altre modifiche che puoi apportare alle impostazioni senza influire su altri dispositivi. Queste modifiche vengono visualizzate con l'icona " Le modifiche interessano solo questo dispositivo" nell'editor.
Modifiche specifiche del widget
Sebbene alcuni widget funzionino bene su tutti i dispositivi, esistono alcune differenze sostanziali tra i dispositivi, che rendono necessario un set diverso di funzionalità o preferenze di progettazione per ogni dispositivo.
Di seguito è riportato un elenco di widget con suggerimenti di progettazione e note per personalizzare determinati widget su determinati dispositivi.
Immagini di sfondo
A causa delle notevoli differenze nei rapporti d'aspetto tra i dispositivi, è importante prestare particolare attenzione al modo in cui si progettano le immagini sul proprio sito web.
Ad esempio, uno sfondo a pagina intera su una riga potrebbe apparire perfetto su un dispositivo desktop, ma orribile su un dispositivo mobile. Questo potrebbe essere dovuto al fatto che i dispositivi desktop sono più adatti a immagini di larghezza maggiore, mentre i dispositivi mobili sono l'esatto opposto.
Puoi impostare uno sfondo pagina diverso per ogni dispositivo nelle impostazioni del tema del sito. Si consiglia di utilizzare un'immagine di sfondo ampia per desktop e stretta per dispositivi mobili o tablet.
Widget cursore
Come per l'immagine di sfondo, le immagini selezionate per la versione desktop del widget slider potrebbero non essere ottimali per tablet o mobile. Si consiglia di:
- Regola la dimensione della cornice per adattare il cursore al cellulare, oppure
- Nascondi il cursore sul desktop e crea invece una versione specifica per dispositivi mobili
Widget immagini e icone
Le dimensioni del widget immagine non vengono regolate automaticamente nella versione mobile. È importante verificare come il widget immagine viene visualizzato sui dispositivi mobili per apportare le modifiche necessarie.
Effetti hover su tablet/dispositivi mobili
Rispetto ai dispositivi desktop, tablet e dispositivi mobili non hanno alcun effetto hover. Qualsiasi layout o opzione hover è disabilitata su tablet/dispositivi mobili.
Widget mappe
Il widget Mappa ha opzioni specifiche per ogni dispositivo che determinano quando verrà visualizzato come pulsante o come mappa.
Widget dei moduli di contatto
Nei moduli di contatto sui dispositivi mobili verrà sempre visualizzato un input per riga.
Considerazioni
Quando modifichi widget specifici per un dispositivo, ricorda di controllare tutte le visualizzazioni prima di pubblicare il tuo sito web. I widget possono essere facilmente smarriti quando si utilizza l'opzione "Nascondi sul dispositivo".
Per maggiori informazioni sul cambio di visualizzazione, leggi questo articolo .