Jak udělat RESPONZIVNÍ WEB, aneb optimalizace pro mobilní zařízení - Automatické přizpůsobení

Většina návštěv webových stránek již v roce 2022 probíhá na mobiliních zařízeních. Je proto potřeba web na základě toho tvořit. Zde přichází ke slovu responsivita.
Aby byl web responsivní, je potřeba, aby se jednotlivé prvky přizpůsobovaly zařízení, na kterém se zobrazují. Další možností je vytvořit různé sekce pro různá zařízení. Ať už telefon, tablet, či počítač.
Ve videu ukážu, v jakých jednotkách nastavovat velikost prvků a sekcí a jak nastavit různé sekce webu tak, aby se zobrazily pouze na zařízení, na kterém chcete.
⬇ DOPORUČENÉ NÁSTROJE ⬇
Děkuji vám za použití odkazů, podporujete další tvorbu Školy Webu.
✅ WEDOS - Nejlevnější domény a webhosting
www.wedos.cz/?...
50% Slevový kód - WN242XZP4Y
✅ ELEMENTOR - Přední světový vizuální WordPress editor
be.elementor.c...
✅ CANVA - Jednoduchý grafický editor pro každého
partner.canva....
✅ ENVATO MARKET - Tržiště s profesionálními Wordpress webovými šablonami
1.envato.marke...
✅ ENVATO ELEMENTS - Kreativní prvky pro Váš web (šablony, audio, video, pluginy, písma, atd.)
1.envato.marke...
✅ CROCOBLOCK - Pokročilé Elementor pluginy pro tvorbu dynamického webu
crocoblock.com...
✅ WEBFLOW
webflow.grsm.i...
✅ SMARTEMAILING - Inteligentní nástroj pro efektivní email marketing
www.smartemail...
✅ LOOKA - Nástroj pro tvorbu loga pomocí umělé inteligence
looka.grsm.io/...
✅ FIVERR - Světové tržiště profesionálů a online služeb
go.fiverr.com/...
✅ Další užitečné služby a nástroje pro tvorbu webu
skolawebu.cz/n...
-
ŠKOLA WEBU
Instagram - / skolawebu
Facebook - / skolawebu
Web - www.skolawebu.cz
-
KAREL DITTRICH
Instagram - / kadittrich
Facebook - / karel.dittrich
Email - [e-mail]

[@radekknittel8528]

Super video, díky! 👍

[@ondrejvana1480]

Ahoj, díky za video. Pomohlo mi "obejít" nastavení responzivity přes přepínání zařízení u každého jednotlivého widgetu. Vytvořil jsem si duplikát např. úvodní stránky pouze pro mobil atd. ALE narazil jsem na jiný problém. Po dokončení práce, jsem si zkusil v menu všechny odkazy (úvod, služby, kontakt....) a "hodí mě to" jenom do Wordpressu. Jak si poradit s tímhle? Je to nějak řešitelné nebo je řešení z videa použitelné pouze omezeně, bez vazby na CSS ID - odkaz? Moc děkuju za odpověď.