Din octombrie 2026, fiecare site hPage este adaptat automat pentru mobil: toate șabloanele au un aspect pentru mobil și nu trebuie să configurezi nimic. Fosta setare Versiune mobilă nu mai există.
Cum funcționează aspectul pentru mobil
- Pe telefoane și tablete, site-ul se afișează pe o singură coloană: antetul, meniul și conținutul unul sub altul. Meniul se strânge în spatele capului de meniu al șablonului și se deschide cu o atingere.
- Conținutul, culorile și fonturile sunt aceleași ca pe desktop. Editezi paginile o singură dată; nu există un conținut separat pentru mobil pe care să-l întreții.
- Imaginile, videoclipurile și tabelele se micșorează la lățimea ecranului. Tabelele late, cu lățime fixă, se derulează pe orizontală.
- Aspectul pentru mobil se aplică ecranelor tactile mai înguste decât șablonul tău și oricărui ecran mai îngust de 1024 de pixeli. Un laptop cu mouse și o fereastră de browser mai îngustă păstrează designul pentru desktop.
Verifică site-ul pe telefon
- Dă clic pe Vizitează site-ul în bara laterală ca să vezi adresa site-ului și deschide această adresă în browserul telefonului.
- Fără telefon: deschide site-ul pe desktop și micșorează fereastra browserului sub 1024 de pixeli lățime. Site-ul trece la aspectul pentru mobil.
- Dacă telefonul încă arată o versiune veche, reîncarcă pagina. Browserele de pe mobil păstrează paginile în cache o vreme.
Sfaturi pentru imagini
- Nu trebuie să redimensionezi imaginile pentru dispozitivele mobile: se micșorează automat și își păstrează proporțiile.
- Păstrează fișierele mici, ca paginile să se încarce repede pe o conexiune mobilă. Comprimarea imaginilor la încărcarea fișierelor te ajută în acest sens.
- Evită să pui text important în imagini: pe un ecran mic devine greu de citit. Scrie-l mai bine ca text.
- Imaginile aliniate la stânga sau la dreapta textului se afișează mai înguste pe mobil, ca textul să încapă în continuare lângă ele.
Sfaturi pentru texte și tabele
- Scrie paragrafe scurte și folosește titluri; blocurile lungi de text sunt greu de citit pe telefon.
- Evită lățimile fixe în propriul cod HTML (de exemplu
width="800"); folosește procente sau nicio lățime. - Preferă tabelele cu lățimea de 100% sau fără lățime. Un tabel cu lățime fixă se derulează pe orizontală pe mobil.
- Cuvintele foarte lungi și adresele web sunt despărțite la marginea ecranului; un spațiu sau o cratimă îi oferă browserului un loc mai bun pentru despărțire.