5h 4m 5s
58 kapitol
Začiatočník
Popis online kurzu
Divi sa považuje za najlepšiu tému pre WordPress. Pomocou Divi témy vieme dizajnovať a vytvárať krásne stránky bez potreby znalosti programovania, či HTML a CSS. Stránky budeš budovať pomocou visual builderu. Čo je nástroj, ktorý ti dovolí dizajnovať stránku vizuálne. Pozri videjko 👇
Divi moduly sú predpripravené komponenty ako text, obrázok, galéria, odpočet času, tabuľky cien, blurbs, blog články, tlačidlá a iné. Všetky tieto moduly sú graficky prispôsobiteľné v prehľadných nastaveniach.
Prečo používať DIVI tému?
Vizuálne budovanie stránok pomocou Divi visual builder
Vieme všetko nastavovať pomocou myšky a vizuálneho prispôsobovania. Čo vidíme to bude vo výslednom vzhľade. Počas editovania máme prístup ku zmenám, ktoré som práve spravil. Ak sa mi niečo nepodarí alebo niečo pokazím, môžem danú zmenu jednoducho vrátiť. Ak sa vyznáš v HTML, CSS alebo JavaScripte, vieš si pridávať vlastné štýly a funkcionalitu k modulom.
Vlastná knižnica a Globálne nastavenia
V Divi si vieš predpripraviť viacero dizajnov, uložiť si ich do Presetov alebo do knižnice modulov, následne daný dizajn, alebo modul ďalej používať hocikde na webe.
Predstav si, že dizajnuješ stránku. Na troch podstránkach si použil tlačidlá. Pri poslednom tlačidle si sa rozhodol pre zmenu dizajnu. Čo teraz? Môžeš sa vrátiť k ostatným tlačidlám a jednotlivo ich zmeniť, alebo dané tlačidlo označíš za globálne a zmeny aplikuješ na všetky tlačidla na stránke naraz.
Knižnica šablón
Tvorcovia Divi vytvorili obrovské množstvo pred pripravených šablón (layoutov), ktoré si vieš jednoducho vybrať pri budovaní stránky. Tieto šablóny si vieš ľubovoľne prispôsobiť.
Responzívny dizajn
Tvorcovia Divi nezabudli myslieť na rôzne veľkosti zariadení, kde tvoja stránka bude zobrazovaná a dizajn, ktorý vytvoríš pomocou Divi bude responzívny.
Šablóny
Pri budovaní stránok si vieš vytvoriť šablóny. Napríklad pre písanie blog článkov. Môžeš mať jednu šablónu pre všetky blog články, či pre špecifickú kategóriu alebo článok si vytvoríš vlastnú šablónu.
Stránkam vieš vytvárať aj vlastnú hlavičku (header) a pätičku (footer) ak nie si spokojný so základnou hlavičkou a pätičku.
Testovanie rôznych dizajnov – Split testing
Nevieš sa rozhodnúť, ktorý dizajn tlačidla, nadpisu alebo aký text či tlačidlo bude pre tvoj web najlepší? Chceš zistiť, či dané tlačidlo priviedlo používateľa ku kúpe produktu, alebo ho doviedlo k prečítaniu si článku?
Vieš si vytvoriť split testy. To znamená, že si vytvoríš viacero dizajnov pre jednu vec a rôznym používateľom sa zobrazí rôzny dizajn. Neskôr si vieš preštudovať štatistiky a rozhodneš sa, ktorý dizajn ponecháš.
Pomer cena a výkon
Na to, čo všetko táto téma ponúka je cena nie len primeraná ale priam vynikajúca. Na výber máš ročné predplatné, alebo doživotné predplatné. Aký je rozdiel? Ak si zakúpiš ročné predplatné, tak si môžeš stiahnuť divi, pluginy a všetky šablóny, ktoré sú v ponuke. Po roku stratíš prístup k novinkám ale všetko, čo si si stiahol už máš doživotne k dispozícii.
Ak si zakúpiš doživotné predplatné, tak vôbec neoľutuješ. Ja mám tiež doživotné predplatné. Čo získaš? Prístup ku všetkým novinkám, šablónam a pluginom doživotne. Ak si sa rozhodol pre kúpu tejto témy, mám pre teba pripravenú zľavu 20%: https://bit.ly/2Z68xar alebo zľavu 10%: https://bit.ly/2ZOH10t
Čo sa v online kurze naučíš?
Naučíš sa používať Divi tému. Jednotlivé moduly a ich špeciálne nastavenia. Budeme si dizajnovať niekoľko stránok napríklad hlavnú stránku learn2code.sk. Ukážeme si špeciálne techniky ako sú transformácie, scroll efekty alebo animácie.
Pomocou tohto kurzu sa naučíš vytvárať krásne stránky pripravené na samostatný život vo vodách internetu.
Čo všetko dostaneš
- 58 kapitol,
- diskusné fórum, v ktorom na tvoje otázky odpovedá lektor kurzu,
- certifikát o absolvovaní kurzu,
- garancia vrátenia peňazí do 14 dní v prípade, že s kurzom nebudeš spokojný.
Osnova onilne kurzu
01 Ako nainštalovať WordPress na webový server (hosting)
02 Inštalácia WordPress na tvojom PC
03 Stiahnutie Divi témy
04 Inštalácia Divi témy
05 Prvé základné nastavenia WordPress a DIVI
06 Čo vidím bezo zmien - základné zobrazenie
07 Základné zmeny v default nastaveniach
08 Nastavenia default hlavičky a petičky
09 Úvod do visual builderu
10 Možnosti fialového page menu
11 Sekcia, špecifické nastavenia, obrázok v pozadí, divider
12 Row - špecifické nastavenia, medzery medzi stĺpcami
13 Moduly úvod
14 Úvod od sekcie modulov
15 Text modul
16 Image modul
17 Button modul
18 Dizajnujeme learn2code stránku 1 - home page
19 Slider module
20 Dizajnujeme learn2code stránku 2 - časť najnovšie kurzy
21 Blurb modul
22 Dizajnujeme learn2code stránku 3 - časť chcem sa naučiť
23 Vytváram sadu buttonov do knižnice
24 Domáca úloha
24 Domáca úloha - tu odovzdaj
25 Budujeme vlastné hlavné menu
26 Premade layouts
27 Kontextové menu pravého kliknutia
28 Dizajnujeme blog post template 1 - titulka článku
29 Dizajnujeme blog post template 2 - content a navigácia
30 Post slider modul
31 Dizajnujeme blog post template 3 - comments module
32 Do článku pridávame Divi layout + Countdown Timer modul
33 Blog modul - zoznam článkov
34 Divi presets pred definované moduly prepojené
35 Layer view
36 Post Format
37 Global item
38 Klávesové skratky
39 Pridanie sidebaru so zmenou widget area vo visual buildery
40 Menu na mobiloch plus detailné nastavenie responzivity
41 Mega menu
42 Zákaznícky podpora elegant themes
43 Projekty a portfólio moduly
44 Animácie
45 Transformácie
46 Pozície
47 Scroll efects
48 Split testing
49 Zvyšné moduly
Diazajnujem stránku I.
Diazajnujem stránku II.
Inštruktor
