V dnešní době (rok 2020) se na internet přistupuje minimálně v polovině případů přes mobilní zařízení (mobil, tablet, notebook). Tato zařízení ovšem mají menší rozměry displejů než velké monitory klasických desktopových počítačů. Proto je snaha tvůrců webů, aby byly stránky přizpůsobené i těmto menším zařízením, tj. aby byly tzv. „responzivní“ (automaticky se přizpůsobují velikosti zobrazovaného zařízení – jak text, tak obrázky nebo menu).
Jednou z možností, jak toto řešit, je udělat dva weby (s různými velikostmi, ale stejným obsahem), jeden pro počítače, druhý pro mobilní zařízení s menším displejem. Druhou možností je vytvořit již výše zmiňovaný responzivní web, který se automaticky přizpůsobuje velikosti zobrazovacího zařízení. Tato varianta je jednodušší, protože nemusíme duplicitně dělat změny na dvou webech. Ve WordPressu je to jednoduché, stačí si zvolit šablonu (vzhled) webu, která je responzivní, a o zbytek se starat už nemusíme. 🙂
Když už nějaký web máme (nebo známe) a chceme otestovat, jak se zobrazuje určitá webová stránka na různých zařízeních (monitor počítače, obrazovka tabletu nebo displej chytrého telefonu), můžeme si vybrat mezi několika variantami.
Nejjednodušší možností je použít vestavěnou funkci internetového prohlížeče Mozilla Firefox. Pomocí klávesové zkratky Ctrl-Shift-M zapneme speciální režim, kde si nahoře zvolíme konkrétní zařízení (či nadefinujeme vlastní rozměry displeje a další nastavení) a pod tím se zobrazí náhled, jak na daném zařízení budou příslušné webové stránky fungovat.
Další možností je přejít na speciální stránku, kde zadáme internetovou adresu testované webové stránky a zobrazí se vzhledy na příslušných zařízeních. Na některých z těchto stránek si můžeme rozměry mobilních zařízení přizpůsobit dle vlastních potřeb. Těchto stránek je celá řada, např.:
- PageSpeed Insights
- Test použitelnosti v mobilech
- Responsive Web Design Tester
- MobileTest.me
- Am I Responsive?
- mobiReady
- Page-oscope
Naposledy aktualizováno: 17. 2. 2020