Come ottimizzare un sito web per i dispositivi mobili
Regolazione della visibilità dei blocchi
Come progettare versioni diverse di un blocco su mobile e desktop
Per saperne di più
Regolazione dei padding per i dispositivi mobili
Come modificare le dimensioni dei paddings per le versioni mobili
Per saperne di più
La vostra versione reattiva del sito web
Come progettare la propria versione mobile utilizzando l'editor Zero Block
Per saperne di più
Disattivare la modalità adattiva del sito web
Come disattivare la versione adattiva del sito web per le varie risoluzioni dello schermo
Per saperne di più
Area visualizzabile/Visibilità dei blocchi è un'impostazione che determina quali blocchi possono o non possono essere visualizzati su determinati tipi di dispositivi. È possibile regolare questo parametro nel pannello Impostazioni di qualsiasi blocco.
Se un blocco appare bene su desktop ma non altrettanto su mobile, si consiglia di impostare la visibilità del blocco a 980px o più. In questo modo, il blocco diventerà orientato al desktop e non apparirà sui dispositivi mobili. (русская версия отличается - Se un blocco specifico (come una sezione hero) ha un bell'aspetto)
Successivamente, copiare il blocco e ottimizzarlo per la visualizzazione su mobile regolando le impostazioni (il che può comportare la modifica dell'immagine), font, ecc.). Impostare la visibilità del blocco su "0-980px". Si otterrà così una versione mobile del blocco. dimensione dei caratteri?
Alla fine, chi accede al vostro sito web da un PC vedrà la versione desktop e gli utenti mobili la versione mobile.
La visibilità del blocco è un parametro che si trova nel pannello Impostazioni di qualsiasi blocco e che può essere regolato per far sì che il blocco appaia o non appaia sui dispositivi con una particolare risoluzione dello schermo. Ad esempio, alcuni blocchi non vengono visualizzati bene sui tablet e altri sui telefoni cellulari. (русская версия отличается - есть уточнение, что это именно range, cioè valori diversi per i parametri - и дублируется)
Abbiamo una copertina che si presenta bene su desktop, con il testo allineato a sinistra e l'oggetto principale a destra. Ora, modifichiamola in modo che abbia un bell'aspetto anche sui dispositivi mobili. (русская версия отличается)
Verificate l'aspetto della versione mobile del sito web. Come si vede, la copertina/foto viene ritagliata sul cellulare e non ha un bell'aspetto. (русская версия отличается)
Adattare il blocco per la versione mobile: modificarel'allineamento della foto e del testo. (неясная русская фраза)
Fatto! Ora la sezione copertina/eroe viene visualizzata in modo diverso a seconda della larghezza dello schermo.
iPhone6: 375px
iPhone6+: 414px
iPad: 1024px
Samsung Galaxy: 360px
Nokia Lumia: 320px
(отличается порядок версий)
È possibile regolare il blocco in modo che sia reattivo per vari dispositivi, convertendolo in Zero Block con un'opzione nella scheda Impostazioni del blocco. Questa opzione è disponibile nella maggior parte dei blocchi ora/al momento (уточняется, что это сейчас пока что в доступе или что уже есть???)
