Od října 2026 je každý web hPage automaticky optimalizovaný pro mobilní zařízení: všechny šablony mají mobilní rozvržení a není třeba nic nastavovat. Dřívější nastavení Mobilní design už neexistuje.
Jak mobilní rozvržení funguje
- Na telefonech a tabletech se váš web zobrazuje v jednom sloupci: záhlaví, menu a obsah pod sebou. Menu se sbalí do záhlaví menu vaší šablony a otevře se klepnutím.
- Obsah, barvy a písma jsou stejné jako na počítači. Stránky upravujete jen jednou; žádný samostatný mobilní obsah udržovat nemusíte.
- Obrázky, videa a tabulky se zmenší na šířku obrazovky. Široké tabulky s pevnou šířkou se posouvají do stran.
- Mobilní rozvržení platí pro dotykové obrazovky užší než vaše šablona a pro každou obrazovku užší než 1024 pixelů. Notebook s myší a užším oknem prohlížeče si ponechá desktopový design.
Kontrola webu na telefonu
- Kliknutím na Navštívit web v postranním panelu zobrazíte adresu svého webu. Tuto adresu otevřete v prohlížeči telefonu.
- Bez telefonu: otevřete web na počítači a zužte okno prohlížeče pod 1024 pixelů. Rozvržení se přepne na mobilní.
- Pokud telefon stále zobrazuje starou verzi, načtěte stránku znovu. Mobilní prohlížeče uchovávají stránky nějakou dobu v mezipaměti.
Tipy pro obrázky
- Obrázky pro mobilní zařízení nemusíte zmenšovat: zmenší se automaticky a zachovají si proporce.
- Udržujte velikost souborů malou, aby se stránky na mobilním připojení načítaly rychle. Pomůže vám komprimace obrázků při nahrávání souborů.
- Nevkládejte důležitý text do obrázků: na malé obrazovce se špatně čte. Napište ho raději jako text.
- Obrázky obtékané textem zleva nebo zprava se na mobilu zobrazují užší, aby se vedle nich text ještě vešel.
Tipy pro texty a tabulky
- Pište krátké odstavce a používejte nadpisy; dlouhé bloky textu se na telefonu čtou špatně.
- Ve vlastním HTML se vyhněte pevným šířkám (například
width="800"); použijte procenta nebo šířku vůbec neuvádějte. - Dávejte přednost tabulkám se šířkou 100 % nebo bez uvedené šířky. Tabulka s pevnou šířkou se na mobilu posouvá do stran.
- Velmi dlouhá slova a webové adresy se na okraji obrazovky zalomí; mezera nebo spojovník dává prohlížeči vhodnější místo pro zalomení.