2025.

Uvod u kurs i priprema za rad

U ovoj lekciji dajem ti nekoliko važnih smernica za praćenje kursa, kao i detaljna uputstva za preuzimanje i instalaciju Elementor Pro plugin-a - da od starta radiš na pravi način.

Struktura – temelj svakog sajta

U ovoj lekciji pokazujem ti zašto je dobra struktura ključna za svaki sajt - bez obzira na njegov dizajn ili svrhu. Prolazimo kroz najčešće tipove struktura koje koristiš u praksi, a sve ilustrujem kroz primere iz mog portfolija.

Uvod u templejte – osnovni gradivni elementi

Objašnjavam šta su templejti u Elementoru, kako funkcionišu i koje sve vrste imamo na raspolaganju. Kroz primere ti pokazujem kada i kako koristiš koji – da bi izgradnja sajta bila logična, stabilna i skalabilna.

Header sa klasičnom navigacijom

U ovoj lekciji izrađujemo header sa klasičnim menijem i top bar-om. Pokazujem ti sve korake – od tehničke postavke do detalja koji utiču na izgled, upotrebljivost i profesionalni utisak sajta.

Header sa slide-in navigacijom

Pravimo header sa slide-in menijem – idealno rešenje za sajtove sa većim brojem stavki u glavnom meniju. Pokazujem ti kako da ga postaviš tako da ostane pregledan, funkcionalan i vizuelno skladan.

Footer sa tri kolone i dva reda

U ovoj lekciji izrađujemo kompleksniji footer sa tri kolone i dva reda – uključujući poziv na prijavu za newsletter, linkove ka ključnim rubrikama sajta i kontakt stranama. Na kraju ti pokazujem kako da u HTML-u dodaš potpis osobe zadužene za izradu sajta.

Footer sa jednom kolonom i pozadinskom slikom

U ovoj lekciji izrađujemo jednostavan, ali efektan footer sa pozadinskom slikom, formom za prijavu na newsletter i ikonama za društvene mreže. Pokazujem ti kako da ga postaviš tako da izgleda profesionalno i bude lako prilagodljiv različitim sadržajima.

Single Page template – statičke strane

U ovoj lekciji pravimo templejt za statičke strane sajta – kao što su O meni, Usluge ili Kontakt. Pokazujem ti kako da postaviš dosledan izgled i strukturu, tako da svaki sadržaj deluje profesionalno i pregledno.

Single post – blog template

U ovoj lekciji izrađujemo templejt za pojedinačne blog postove. Pokazujem ti kako da kreiraš izgled koji je pregledan, čitljiv i u skladu sa ostatkom sajta – uz sve što jedan savremeni blog post treba da ima.

Archive – Blog strana

U ovoj lekciji pravimo templejt za blog arhivu – stranu na kojoj su izlistani svi blog postovi. Pokazujem ti kako da je organizuješ tako da bude pregledna, vizuelno ujednačena i laka za dalju kategorizaciju i pretragu.

Loop – pojedinačna stavka na blog arhivi

U ovoj lekciji, uz pomoć dodatnog plugin-a, izrađujemo loop templejt za prikaz pojedinačnih blog postova na blog arhivi. Pokazujem ti kako da svaki post izgleda uredno, čitko i u skladu sa dizajnom sajta – bez obzira na broj postova ili kategorija.

Single post template za custom post tipove

U ovoj lekciji pravimo templejt za prikaz pojedinačnog priloga iz custom post tipa. Pokazujem ti kako da kreiraš jasno strukturisanu i profesionalnu stranu za različite vrste sadržaja – bilo da se radi o edukacijama, recenzijama, projektima ili nečem trećem.

Loop item template za custom post arhivu

Ovde izrađujemo loop templejt za prikaz pojedinačnih stavki unutar arhive custom post tipa. Pokazujem ti kako da dizajniraš svaki prikaz tako da bude konzistentan, jasan i prilagođen sadržaju koji predstavlja.

Archive template za custom post-ove

U ovoj lekciji izrađujemo arhivu za custom post tip – stranu na kojoj su izlistani svi prilozi iz određene kategorije. Pokazujem ti kako da je organizuješ tako da bude pregledna, funkcionalna i vizuelno uklopljena u ostatak sajta.

Search results

U ovoj lekciji pravimo polje za pretragu bloga (search box) i dizajniramo stranu sa rezultatima pretrage. Pokazujem ti kako da omogućiš korisnicima da brzo pronađu sadržaj koji ih zanima, uz jasan i funkcionalan prikaz rezultata.

Error 404 strana

U ovoj lekciji izrađujemo 404 stranu – onu koja se prikazuje kada posetilac pokuša da pristupi stranici koja ne postoji. Pokazujem ti kako da ovu stranu osmisliš tako da bude korisna, jasno komunicira grešku i pomogne korisniku da se vrati na pravu putanju na sajtu.

Container template

U ovoj lekciji pravimo template za samostalnu sekciju – tzv. container – koji možeš da koristiš na više mesta na sajtu. Pokazujem ti kako da ga kreiraš tako da bude univerzalan, lako prilagodljiv i održiv, uz praktične primere iz stvarnih projekata.

Uvod u popup prozore

Popup prozori su moćan alat kada znaš kako da ih koristiš. U ovoj lekciji uvodim te u sve ključne mogućnosti koje Elementor Pro nudi za kreiranje popup-ova – od najjednostavnijih do kompleksnijih. Pokazujem ti kada ih koristiti, kako da ne iritiraju korisnika i kako da ih uklopiš u dizajn sajta.

Banner popup

U ovoj lekciji pravimo efektan banner popup sa pozivom na akciju (CTA) – idealan za prijavu na newsletter, najavu ponude ili usmeravanje pažnje posetioca. Pokazujem ti kako da postaviš različite pozadinske slike za desktop i mobilne uređaje, kako bi sve izgledalo savršeno bez obzira na veličinu ekrana.

Cookies notification popup

U ovoj lekciji izrađujemo jednostavan, ali funkcionalan popup sa obaveštenjem o korišćenju kolačića (cookies). Pokazujem ti kako da dodaš jasan tekst i link ka politici privatnosti, tako da ispoštuješ zakonske regulative i izgradiš poverenje posetilaca.

Zaključavanje strane – popup

U ovoj lekciji izrađujemo popup kojim možeš privremeno da onemogućiš pristup određenoj strani sajta. Pokazujem ti kako da postaviš personalizovanu poruku i uslove pristupa, što je korisno kada radiš na sadržaju „iza kulisa” ili kada želiš da ograničiš pristup određenim korisnicima.

Landing stranice – template

Objašnjavam zašto je i dalje preporučljivo da landing strane gradiš kao statičke strane u Elementor Canvas templejtu, umesto da koristiš novu opciju Landing Pages. Pokazaću ti koje su prednosti ovakvog pristupa u pogledu kontrole dizajna, brzine učitavanja i dugoročne fleksibilnosti u radu na ozbiljnim projektima.

Page template – Coming soon & Maintenance mode

U ovoj lekciji pokazujem kako da kreiraš stranu za coming soon ili maintenance mode, koju možeš da koristiš kada je sajt još u izradi ili kada radiš na već postojećem sajtu. Naučićeš kako da ovakva strana izgleda profesionalno, komunicira pravu poruku i ostavlja dobar utisak čak i kada sajt još nije spreman za javnost.

Floating element – Bar

U ovoj lekciji učimo kako da kreiraš plutajuću traku (floating bar) koja se zadržava na ekranu dok korisnik skroluje. Ovaj element možeš da koristiš za isticanje važnih informacija, poziva na akciju ili obaveštenja – bez narušavanja korisničkog iskustva na sajtu.

Floating element – Button

U ovoj lekciji pokazujem kako da napraviš plutajuće dugme za kontakt koje ostaje vidljivo tokom skrolovanja. Idealno je za brzu i laku komunikaciju sa klijentima – putem emaila, telefona ili aplikacija poput WhatsApp-a.

Display Conditions – kada, gde i kako

U ovoj lekciji objašnjavam kako funkcioniše opcija Display Conditions i kako je koristiš da precizno definišeš gde će se određeni templejt prikazivati – na celoj stranici, određenim kategorijama, postovima ili samo jednom delu sajta. Ključna funkcionalnost za profesionalan i kontrolisan prikaz sadržaja.

Custom fontovi na sajtu

U ovoj lekciji pokazujem ti kako da dodaš i koristiš custom fontove u Elementor Pro okruženju. Naučićeš kako da sajt vizuelno izdvojiš i prilagodiš brendu klijenta, bez oslanjanja na ograničeni izbor Google fontova.

Custom ikonice na sajtu

U ovoj lekciji pokazujem kako da dodaš i koristiš custom ikonice, kako bi vizuelni stil sajta bio jedinstven i usklađen sa identitetom brenda. Naučićeš kada i kako koristiti ovu opciju, kao i koje formate i alate da koristiš za optimalan rezultat.

Custom kodovi na sajtu

U ovoj lekciji objašnjavam kako da bezbedno dodaš custom kod (HTML, CSS, JavaScript) na svoj WordPress sajt. Naučićeš gde, kada i kako da koristiš prilagođene kodove – kako bi rešio specifične zahteve klijenata, bez narušavanja stabilnosti sajta.

Elementor Settings – završna podešavanja

U poslednjoj lekciji prolazimo kroz ostala važna podešavanja u Elementor-u koja utiču na izgled, funkcionalnost i performanse sajta. Naučićeš kako da optimizuješ globalna podešavanja, kontrolu boja, fontova i druge opcije koje čine tvoju izradu sajtova profesionalnom i doslednom.

Ova lekcija je deo mentorskog programa "Elementor Pro od nule"

Pristup kompletnim video instrukcijama, kodovima i resursima imaju samo polaznici programa.

Već si polaznik?

Želiš da učiš sa nama?