Lekce 27 - Responzivita webu ve WordPressu
V předchozí lekci, Měření výkonu WordPress webu v lokálním prostředí, jsme si ukázali, jak měřit výkon webu v lokálním prostředí pomocí nástroje Lighthouse, a vyzkoušeli jsme si také základní optimalizaci pomocí pluginu WP-Optimize.
V tomto tutoriálu základů WordPressu se zaměříme na responzivní webdesign – tedy na způsob, jak zajistit, aby se web správně zobrazoval na různých zařízeních. Vysvětlíme si rozdíl mezi přístupy mobile first a desktop first, ukážeme si, co znamenají tzv. breakpointy a jak se používají v praxi. Podíváme se, jak nastavovat responzivitu v editoru Gutenberg, v pluginu Spectra i ve vizuálním editoru Elementor.
Responzivita webu
V dnešní době, kdy většina uživatelů přistupuje na internet z mobilních zařízení, je responzivní design absolutní nutností. Už dávno neplatí, že weby jsou primárně navrhované pro velké monitory a později se upravují pro mobilní obrazovky. Statistiky jasně ukazují, že více než polovina všech návštěvníků webových stránek používá mobilní telefony nebo tablety. Pokud jim web nenabídne pohodlné ovládání a přehledný obsah, s velkou pravděpodobností odejdou. To má přímý dopad nejen na uživatelskou zkušenost, ale opět i na SEO – Google totiž ve výsledcích vyhledávání upřednostňuje mobilně přívětivé weby.

Dobře navržený responzivní web:
...konec náhledu článku...
Pokračuj dál
Došel jsi až sem a to je super! Věříme, že ti první lekce ukázaly něco nového a užitečného.
Chceš v kurzu pokračovat? Přejdi do prémiové sekce.
Koupit tento kurz
Obsah článku spadá pod licenci Premium, koupí článku souhlasíš se smluvními podmínkami.
- Neomezený a trvalý přístup k jednotlivým lekcím.
- Kvalitní znalosti v oblasti IT.
- Dovednosti, které ti pomohou získat vysněnou a dobře placenou práci.
Popis článku
Požadovaný článek má následující obsah:
V tutoriálu se podíváme na responzivitu ve WordPressu, řekneme si, co je to mobile first a desktop first přístup, a vysvětlíme si, co jsou to breakpointy.
Kredity získáš, když podpoříš naši síť. To můžeš udělat buď zasláním symbolické částky na podporu provozu nebo přidáním obsahu na síť.