NOVINKA: Staň se datovým analytikem od 0 Kč a získej jistotu práce, lepší plat a nové kariérní možnosti. Více informací:

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.

Responzivní web - WordPress - Základy

Dobře navržený responzivní web:


 

...konec náhledu článku...
Pokračuj dál

Znalosti v hodnotě stovek tisíc získáš za pár korun

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

Koupit všechny aktuálně dostupné lekce s funkcí odevzdávání úloh za pouhých 675 Kč
Aktuální stav konta 0 Kč
Koupí tohoto balíčku získáš přístup ke všem 30 článkům (30 lekcí) tohoto kurzu.

Obsah článku spadá pod licenci Premium, koupí článku souhlasíš se smluvními podmínkami.

Co od nás v dalších lekcích dostaneš?
  • 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íť.

Článek pro vás napsala Jana Zimčíková
Avatar
Autorka se věnuje IT a technologiím. Ovládá Javu, Spring Boot, SQL i frontend a chce pomáhat lidem objevit svůj potenciál v IT světě.
Aktivity