Puoi mostrare un oggetto su alcune dimensioni dello schermo e nasconderlo su altre. Selezionalo, vai in Ispettore > Metriche e, in Responsive, togli la spunta dai dispositivi su cui non deve comparire. Funziona bene per qualche scambio, come un banner corto sui telefoni e uno largo sui computer. Se stai copiando gran parte di una pagina, di solito è meglio un layout responsive o una Pagina mobile separata (vedi la tabella qui sotto).
Nascondi un oggetto su alcuni dispositivi
- Seleziona l'oggetto.
- Vai in Ispettore > Metriche (la terza icona) e scorri fino a Responsive.
- Togli la spunta dai dispositivi su cui l'oggetto non deve comparire: Mostra su dispositivo mobile, Mostra su tablet, Mostra sul desktop, Mostra su desktop ampio o Mostra su desktop ultra ampio. Passa il puntatore su una casella per vedere le larghezze di schermo che copre.
- Restringi e allarga la finestra di EverWeb. L'oggetto scompare alle dimensioni da cui hai tolto la spunta.
- Pubblica, poi controlla sul telefono. Prima di pubblicare, puoi fare clic su Anteprima nella barra degli strumenti, scegliere Preview QR Code (codice QR di anteprima) e inquadrare il codice con il telefono.
Vuoi alternare due versioni? Spunta le dimensioni per computer su una e le dimensioni per telefono e tablet sull'altra. Assicurati che per ogni dimensione una delle due sia spuntata, altrimenti a quella dimensione resta un vuoto.
Dove iniziano telefono, tablet e desktop? Queste larghezze si chiamano punti di interruzione. EverWeb li mostra come linee tratteggiate nell'editor. Per cambiarli, fai clic su Punti di interruzione nella stessa sezione Responsive, oppure scegli Inserisci > Punti di interruzione.... Impostazione predefinita li riporta ai valori iniziali. Quasi nessun sito web ha bisogno di cambiarli.
Trova un oggetto nascosto
- Per vederli: scegli Finestra > Mostra oggetti nascosti. Gli oggetti nascosti compaiono come riquadri grigi barrati da una croce. Puoi vederli ma non farci clic. È normale.
- Per selezionarne uno: fai clic con il tasto destro su una parte vuota della pagina (o Control-clic su Mac), scegli Oggetti nascosti, poi seleziona l'oggetto. A quel punto puoi cambiare le sue caselle Mostra su o eliminarlo. Se la pagina non ha oggetti nascosti, questa voce di menu non compare.
Show on Device, un layout responsive o una Pagina mobile?
| Show on Device | Layout responsive (Contenitori) | Pagina mobile | |
|---|---|---|---|
| Ideale per | Alternare pochi oggetti | Lo stesso contenuto, riorganizzato per adattarsi a ogni schermo | Pagine con Layout centrato |
| Tipo di pagina | Responsive o Layout centrato | Responsive | Layout centrato |
| Cosa devi tenere aggiornato | Entrambe le copie di ciò che alterni | Una pagina | Due pagine |
Gli oggetti nascosti fanno comunque parte della pagina pubblicata, semplicemente non vengono mostrati. Quindi:
- Usa un layout responsive quando il contenuto è lo stesso e cambia solo la disposizione. Consulta Crea una pagina responsive con i Contenitori, in modo che sul telefono si impili in modo ordinato.
- Non creare due copie del titolo principale o di video pesanti. Riorganizzali invece.
- In una pagina con Layout centrato, aggiungi una Pagina mobile per i telefoni. Consulta Il mio sito web non si vede bene sul telefono: come funziona la versione mobile in EverWeb.
Problemi comuni
| Cosa vedi | Perché | Cosa fare |
|---|---|---|
| Un oggetto è sparito mentre lavoravi | È nascosto alla larghezza attuale della finestra | Usa Finestra > Mostra oggetti nascosti, oppure fai clic con il tasto destro sulla pagina e scegli Oggetti nascosti |
| Le caselle Mostra su sono disattivate (grigie) | L'oggetto è una Riga dinamica. Le Righe dinamiche sono deprecate e non possono essere nascoste | Nascondi gli oggetti al suo interno, oppure spostali in un Contenitore impostato su Riga e nascondi il Contenitore. Consulta Perché questo oggetto non va dove lo trascino? |
| Uno spazio vuoto dove non si vede nulla | Lì potrebbe trovarsi un oggetto nascosto | Fai clic con il tasto destro sulla pagina, scegli Oggetti nascosti, selezionalo ed eliminalo se non ti serve |
| Un oggetto non compare mai | Tutte le sue caselle Mostra su sono senza spunta | Spuntane almeno una |
| In EverWeb sembra corretto ma non sul telefono | Il telefono potrebbe mostrare una copia salvata | Apri la pagina in una finestra privata sul telefono |
Articoli correlati
- Perché questo oggetto non va dove lo trascino?
- Crea una pagina responsive con i Contenitori, in modo che sul telefono si impili in modo ordinato
- Il mio sito web non si vede bene sul telefono: come funziona la versione mobile in EverWeb
- Il mio sito web si vede bene sul computer, ma sul telefono è tagliato o disordinato