NOVINKA: Kurz kybernetickej bezpečnosti teraz už od 0 €. Staň sa žiadaným profesionálom. Zisti viac:
NOVINKA: Staň sa dátovým analytikom od 0 € a získaj istotu práce, lepší plat a nové kariérne možnosti. Viac informácií:

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ále základov WordPressu sa zameriame na responzívny webdesign – teda na spôsob, ako zaistiť, 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, 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 design absolútnou nutnosťou. Už dávno neplatí, že weby sú primárne navrhované pre veľké monitory a neskôr sa 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. Pokiaľ im web neponúkne pohodlné ovládanie a prehľadný obsah, s veľkou pravdepodobnosťou odídu. To má priamy vplyv nielen na užívateľskú skúsenosť, ale opäť aj na SEO – Google totiž vo výsledkoch vyhľadávania uprednostňuje mobilne prívetivé weby.

Responzívny web - WordPress - Základy - 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ále 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