Cum se utilizează modul adaptiv

Scris de

în

Cum se utilizează modul responsiv

Începând cu versiunea 4.0, acum puteți comuta între vizualizările pentru desktop, tabletă și telefon mobil în timpul editării! Numim acest lucru mod responsiv. În modul responsiv, site-ul dvs. se va redimensiona la o dimensiune mai mică pentru a simula modul în care ar arăta pe ecrane mai mici.

Capacități limitate de editare

Când vizualizați site-ul în vizualizările pentru tabletă sau telefon mobil, veți avea capacități limitate de editare. În acest mod, puteți face DOAR următoarele:

  • Edita textul
  • Formata stilurile de text folosind bara de instrumente pentru formatarea textului
  • Ajusta unele margini ale elementelor și rândurilor *
  • Ascunde rânduri pe tablete sau telefoane mobile

* PBS aplică unele stilizări responsive elementelor și rândurilor dvs., astfel încât unele margini nu vor putea fi ajustate.

Iată câteva lucruri pe care nu le puteți face:

  • Adăuga, elimina sau glisa elemente
  • Vizualiza proprietățile elementelor
  • Redimensiona imagini, pictograme, rânduri și alte elemente redimensionabile

Ajustarea marginilor pentru dimensiuni specifice de ecran

Dacă vizualizați site-ul în vizualizările pentru tabletă sau telefon mobil, orice ajustări de margine pe care le faceți se aplică doar vizualizării curente și vizualizării mai mici. Acest lucru vă permite să vă ajustați designul pentru a arăta mai bine pe ecrane mai mici, separat de versiunea completă pentru desktop.

Iată un exemplu pentru a clarifica lucrurile.

  1. Dacă vizualizați site-ul în modul tabletă și ajustați marginile unui titlu, acea ajustare se va aplica doar ecranelor de tabletă. Aceasta se va aplica, de asemenea, și ecranelor de telefon mobil. Dacă reveniți la modul desktop, marginea inițială va fi restabilită.
  2. Acum, dacă treceți la modul telefon mobil și ajustați din nou aceeași margine, acea ajustare se va aplica doar ecranelor de telefon mobil. Ulterior, veți avea o margine diferită pentru desktopuri, tablete sau telefoane mobile.

Acest lucru se aplică doar ajustărilor de margini; modificările de text sau modificările de stil de text se aplică pe toate dimensiunile de ecran.

Ascunderea conținutului pe dimensiuni de tabletă sau telefon mobil

Când vizualizați în vizualizările pentru tabletă sau telefon mobil, rândurile dvs. vor avea un nou buton în bara de instrumente în formă de „ochi” care va apărea când treceți cu cursorul peste ele. Făcând clic pe acesta, veți putea afișa/ascunde rândul pentru dimensiunea curentă a ecranului.

Rândurile ascunse vor deveni puțin transparente în timpul editării pentru a indica faptul că vor fi ascunse după ce terminați editarea.

Rețineți că această funcționalitate este disponibilă doar pentru rânduri.