Lekce 29 - 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.
roční PŘEDPLATNÉ
1 082 Kč
měsíčně, placeno ročně (12 984 Kč)14 000+ lekcí, cvičení a testů
6 000+ ti zůstane napořád
Neomezený přístup ke všem aktuálním
i připravovaným kurzům.
Koupit pouze tento kurz
Získej okamžitý přístup ke kurzu bez
časového omezení.
1 825 Kč
Obsah článku spadá pod licenci Premium, koupí článku souhlasíš s Provozními podmínkami.
- Přístup k jednotlivým lekcím dle způsobu pořízení.
- 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.
