Hľadáme nové posily do ITnetwork tímu. Pozri sa na voľné pozície a pridaj sa k najagilnejšej firme na trhu - Viac informácií.
IT rekvalifikácia. Seniorní programátori zarábajú až 6 000 €/mesiac a rekvalifikácia je prvým krokom. Zisti, ako na to!

29. diel - Responzivita webu vo WordPresse Nové

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.

Responzívny web - WordPress - Základy

Dobre navrhnutý responzívny web:


 

...koniec náhľadu článku...
Pokračuj ďalej

Vedomosti v hodnote stoviek tisíc získaš za pár eur

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émiové sekcie.

Obsah článku spadá pod licenciu Premium, kúpou článku súhlasíš so zmluvnými podmienkami.

Čo od nás v ďalších lekciách dostaneš?
  • 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.

Kredity získaš, keď podporíš našu sieť. To môžeš urobiť buď zaslaním symbolickej sumy na podporu prevádzky alebo pridaním obsahu na sieť.

Článok pre vás napísala 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