Tvorba webov vo WordPresse s DIVI témou

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

Jaroslav Beňo

Java