29. diel - Responzivita webu vo WordPresse
V predchádzajúcej lekcii, Meranie výkonu WordPress webu v lokálnom prostredí, sme si ukázali, ako merať výkon webu v lokálnom prostredí pomocou nástroja Lighthouse, a vyskúšali sme si aj základnú optimalizáciu pomocou pluginu WP-Optimize.
V tomto tutoriáli základov WordPressu sa zameriame na responzívny webdizajn – teda na spôsob, ako zabezpečiť, aby sa web správne zobrazoval na rôznych zariadeniach. Vysvetlíme si rozdiel medzi prístupmi mobile first a desktop first, ukážeme si, čo znamenajú tzv. breakpointy a ako sa používajú v praxi. Pozrieme sa na to, ako nastavovať responzivitu v editore Gutenberg, v plugine Spectra aj vo vizuálnom editore Elementor.
Responzivita webu
V dnešnej dobe, keď väčšina používateľov pristupuje na internet z mobilných zariadení, je responzívny dizajn absolútnou nutnosťou. Už dávno neplatí, že weby sa primárne navrhujú pre veľké monitory a neskôr upravujú pre mobilné obrazovky. Štatistiky jasne ukazujú, že viac ako polovica všetkých návštevníkov webových stránok používa mobilné telefóny alebo tablety. Ak im web neponúkne pohodlné ovládanie a prehľadný obsah, s veľkou pravdepodobnosťou odídu. To má priamy vplyv nielen na používateľskú skúsenosť, ale aj na SEO – Google totiž vo výsledkoch vyhľadávania uprednostňuje weby prispôsobené mobilným zariadeniam.
Dobre navrhnutý responzívny web:
...koniec náhľadu článku...
Pokračuj ďalej
Došiel si až sem a to je super! Veríme, že ti prvé lekcie ukázali niečo nového a užitočného.
Chceš v kurze pokračovať? Prejdi do prémiovej sekcie.
ročné PREDPLATNÉ
44 €
mesačne, platené ročne (528 €)14 000+ lekcií, cvičení a testov
6 000+ ti zostane navždy
Neobmedzený prístup ku všetkým aktuálnym
aj pripravovaným kurzom.
Kúpiť iba tento kurz
Získaj okamžitý prístup ku kurzu bez
časového obmedzenia.
73 €
Obsah článku spadá pod licenciu Premium, kúpou článku súhlasíš s Prevádzkovými podmienkami.
- Prístup k jednotlivým lekciám podľa spôsobu obstarania.
- Kvalitné znalosti v oblasti IT.
- Zručnosti, ktoré ti pomôžu získať vysnívanú a dobre platenú prácu.
Popis článku
Požadovaný článok má nasledujúci obsah:
V tutoriáli sa pozrieme na responzivitu vo WordPresse, povieme si, čo je to mobile first a desktop first prístup, a vysvetlíme si, čo sú to breakpointy.
