2026 októbere óta minden hPage-es weboldal automatikusan mobilbarát: minden sablonhoz tartozik mobilnézet, és semmit sem kell beállítania. A korábbi Mobilnézet beállítás megszűnt.
Hogyan működik a mobilnézet?
- Telefonokon és táblagépeken a weboldala egy oszlopban jelenik meg: a fejléc, a menü és a tartalom egymás alatt. A menü a sablon menüfejléce mögé csukódik össze, és egy koppintással nyílik meg.
- A tartalom, a színek és a betűtípusok ugyanazok, mint asztali gépen. Az oldalakat csak egyszer kell szerkesztenie; nincs külön mobiltartalom, amelyet karban kellene tartania.
- A képek, videók és táblázatok a képernyő szélességére kicsinyítve jelennek meg. A rögzített szélességű széles táblázatok oldalirányban görgethetők.
- A mobilnézet azokon az érintőképernyőkön érvényes, amelyek keskenyebbek a sablonnál, valamint minden 1024 képpontnál keskenyebb képernyőn. Egy egérrel használt laptop keskenyebb böngészőablak esetén is megtartja az asztali nézetet.
A weboldal ellenőrzése telefonon
- Kattintson az oldalsávon a Weboldal megtekintése gombra, hogy lássa a weboldala címét, majd nyissa meg ezt a címet a telefonja böngészőjében.
- Telefon nélkül: nyissa meg a weboldalát asztali gépen, és tegye a böngészőablakot 1024 képpontnál keskenyebbre. Az elrendezés ekkor mobilnézetre vált.
- Ha a telefonja még mindig egy régi változatot mutat, töltse újra az oldalt. A mobilböngészők egy ideig a gyorsítótárukban tartják az oldalakat.
Tippek a képekhez
- A képeket nem kell átméreteznie a mobileszközökhöz: automatikusan kicsinyítve jelennek meg, és megtartják az arányaikat.
- Tartsa kicsin a fájlméretet, hogy az oldalak mobilkapcsolaton is gyorsan betöltődjenek. Ebben segít a fájlok feltöltésekor használható képtömörítés.
- Lehetőleg ne helyezzen fontos szöveget képekbe, mert kis képernyőn nehezen olvasható. Írja inkább szövegként.
- A szövegtől balra vagy jobbra igazított, körbefuttatott képek mobilon keskenyebben jelennek meg, hogy a szöveg még elférjen mellettük.
Tippek a szövegekhez és a táblázatokhoz
- Írjon rövid bekezdéseket, és használjon címsorokat; a hosszú szövegtömbök telefonon nehezen olvashatók.
- Kerülje a rögzített szélességeket a saját HTML-kódjában (például
width="800"); használjon százalékos értéket, vagy ne adjon meg szélességet. - Lehetőleg 100% szélességű vagy szélesség nélküli táblázatokat használjon. A rögzített szélességű táblázat mobilon oldalirányban görgethető.
- A nagyon hosszú szavakat és webcímeket a böngésző a képernyő szélén töri meg; egy szóköz vagy egy kötőjel jobb helyet ad a sortöréshez.