Come utilizzare la modalità responsive

Scritto da

in

Come utilizzare la modalità reattiva

A partire dalla versione 4.0, ora puoi passare tra le visualizzazioni desktop, tablet e telefono cellulare durante la modifica! Chiamiamo questa modalità reattiva. In modalità reattiva, il tuo sito si ridimensionerà a una dimensione più piccola per simulare l’aspetto del tuo sito sugli schermi più piccoli.

Funzionalità di modifica limitate

Durante la visualizzazione del tuo sito nelle visualizzazioni tablet o telefono cellulare, avrai funzionalità di modifica limitate. Con questo, puoi fare SOLO quanto segue:

  • Modificare il testo
  • Formattare gli stili del testo utilizzando la barra degli strumenti di formattazione del testo
  • Regolare alcuni margini di elementi e righe *
  • Nascondere righe su tablet o telefoni cellulari

* PBS applica alcuni stili reattivi ai tuoi elementi e alle tue righe, quindi alcuni margini non saranno regolabili.

Ecco alcune cose che non puoi fare:

  • Aggiungere, rimuovere, trascinare elementi
  • Visualizzare le proprietà degli elementi
  • Ridimensionare immagini, icone, righe e altri elementi ridimensionabili

Regolazione dei margini per dimensioni specifiche dello schermo

Se stai visualizzando il tuo sito nelle visualizzazioni tablet o telefono cellulare, qualsiasi regolazione dei margini apportata verrà applicata solo alla visualizzazione corrente e alla visualizzazione più piccola. Ciò ti consente di perfezionare i tuoi progetti per renderli migliori sugli schermi più piccoli, separatamente dalla versione desktop completa.

Ecco un esempio per rendere le cose più chiare.

  1. Se visualizzi il tuo sito in modalità tablet e regoli i margini di un’intestazione, tale regolazione verrà applicata solo agli schermi dei tablet. Questa verrà applicata anche agli schermi dei telefoni cellulari. Se torni alla modalità desktop, verrà ripristinato il margine originale.
  2. Ora, se passi alla modalità telefono cellulare e regoli ulteriormente lo stesso margine, tale regolazione verrà applicata solo agli schermi dei telefoni cellulari. Successivamente, avrai un margine diverso per desktop, tablet o telefoni cellulari.

Questo si applica solo alle regolazioni dei margini; le modifiche al testo o allo stile del testo vengono applicate a tutte le dimensioni dello schermo.

Nascondere contenuti nelle dimensioni tablet o telefono cellulare

Durante la visualizzazione nelle visualizzazioni tablet o telefono cellulare, le tue righe avranno un nuovo pulsante della barra degli strumenti con un “occhio” che apparirà quando ci passi sopra con il cursore. Facendo clic su questo potrai mostrare/nascondere la riga per la dimensione attuale dello schermo.

Le righe nascoste diventeranno leggermente trasparenti durante la modifica per indicare che saranno nascoste una volta terminata la modifica.

Tieni presente che questa funzionalità è disponibile solo per le righe.