Osnovni Online WordPress Kurs (2024)

Table of Contents

Uvod u WordPress

Šta je WordPress?

WordPress je najpopularnija platforma za kreiranje i upravljanje sajtovima na internetu. Originalno je razvijen kao alat za blogovanje, ali se vremenom pretvorio u robustan sistem za upravljanje sadržajem (CMS) koji trenutno pokreće više od 40% svih web sajtova. Kreiran 2003. godine od strane Meta Mullenweg-a i Mike Little-a, WordPress omogućava korisnicima da kreiraju i upravljaju sadržajem bez potrebe za naprednim tehničkim znanjem.

Razlike između WordPress.org i WordPress.com

Jedna od ključnih stvari koje treba razumeti kada govorimo o WordPress-u jeste razlika između WordPress.org i WordPress.com.

WordPress.org: Ovo je verzija WordPress-a koju možete preuzeti i instalirati na sopstveni server. Ova opcija vam daje potpunu kontrolu nad vašim sajtom i omogućava vam da koristite sve dodatke i teme bez ograničenja. Ovo je idealno rešenje za one koji žele potpunu slobodu i fleksibilnost u kreiranju i upravljanju sajtom.

WordPress.com: Ovo je komercijalna verzija WordPress-a koju hostuje sam WordPress. Ova platforma nudi besplatne i plaćene planove, ali dolazi sa određenim ograničenjima u pogledu dodataka i prilagođavanja. Ovo je dobar izbor za početnike koji žele jednostavan i brz način za kreiranje sajta bez potrebe za tehničkim znanjem.

Prednosti korišćenja WordPress-a

WordPress nudi brojne prednosti koje ga čine idealnim izborom za različite vrste sajtova, od ličnih blogova do velikih korporativnih sajtova. Evo nekoliko ključnih prednosti:

  • Jednostavnost upotrebe: WordPress je dizajniran tako da bude jednostavan za korišćenje, čak i za početnike. Intuitivni interfejs i korisnički panel omogućavaju lako upravljanje sadržajem.
  • Fleksibilnost: WordPress podržava hiljade tema i dodataka koji vam omogućavaju da prilagodite izgled i funkcionalnost vašeg sajta prema vašim potrebama.
  • SEO prijateljski: WordPress je optimizovan za pretraživače, što znači da vaš sajt ima veće šanse da se visoko rangira na Google-u i drugim pretraživačima. Postoji mnoštvo dodataka kao što su Yoast SEO koji dodatno poboljšavaju SEO performanse vašeg sajta.
  • Zajednica i podrška: WordPress ima ogromnu zajednicu korisnika i developera koji nude podršku, tutorijale i resurse. Takođe, postoji mnoštvo online foruma, blogova i video tutorijala koji vam mogu pomoći da rešite bilo koji problem.
  • Besplatno i open-source: WordPress je potpuno besplatan za preuzimanje i korišćenje. Kao open-source platforma, omogućava vam da prilagodite kod prema vašim potrebama i doprinosite njegovom razvoju.

Ova lekcija pruža osnovni pregled WordPress-a i njegovih ključnih karakteristika, što je prvi korak ka uspešnom kreiranju i upravljanju web sajtom. U sledećim lekcijama ćemo se detaljnije baviti instalacijom, konfiguracijom i korišćenjem WordPress-a.

Lekcija 2: Podešavanje WordPress-a

Pre nego što započnete sa kreiranjem vašeg sajta, važno je da instalirate WordPress na lokalnom serveru. Ovo vam omogućava da eksperimentišete i razvijate sajt bez potrebe za live serverom. Evo kako da to uradite koristeći tri popularna lokalna servera: XAMPP, WAMP i MAMP.

Instalacija WordPress-a na lokalnom serveru

1. Instalacija XAMPP-a

  • Preuzmite i instalirajte XAMPP sa zvanične web stranice.
  • Pokrenite XAMPP Control Panel i startujte Apache i MySQL module.
  • Preuzmite WordPress sa zvanične web stranice (wordpress.org).
  • Ekstraktujte preuzeti fajl i kopirajte ga u htdocs folder unutar XAMPP instalacije.
  • Otvorite vaš web browser i unesite localhost/ime-foldera da biste započeli WordPress instalaciju.
  • Pratite uputstva na ekranu da biste dovršili instalaciju.

2. Instalacija WAMP-a

  • Preuzmite i instalirajte WAMP sa zvanične web stranice.
  • Pokrenite WAMP i osigurajte da su svi servisi aktivni.
  • Preuzmite WordPress i ekstraktujte fajlove u www folder unutar WAMP instalacije.
  • Otvorite vaš web browser i unesite localhost/ime-foldera da biste započeli WordPress instalaciju.
  • Pratite uputstva na ekranu da biste dovršili instalaciju.

3. Instalacija MAMP-a (za Mac korisnike)

  • Preuzmite i instalirajte MAMP sa zvanične web stranice.
  • Pokrenite MAMP i startujte servere.
  • Preuzmite WordPress i ekstraktujte fajlove u htdocs folder unutar MAMP instalacije.
  • Otvorite vaš web browser i unesite localhost:8888/ime-foldera da biste započeli WordPress instalaciju.
  • Pratite uputstva na ekranu da biste dovršili instalaciju.

Instalacija WordPress-a na live serveru (cPanel, Softaculous)

Ako želite da instalirate WordPress direktno na live server, evo kako to možete uraditi koristeći cPanel i Softaculous:

1. Instalacija preko cPanel-a

  • Prijavite se na vaš cPanel nalog.
  • U sekciji „Databases” kreirajte novu MySQL bazu podataka i korisnika.
  • Preuzmite WordPress i otpremite fajlove na vaš server koristeći File Manager ili FTP klijent.
  • Otvorite vaš web browser i unesite URL vašeg sajta da biste započeli WordPress instalaciju.
  • Pratite uputstva na ekranu i unesite podatke za bazu podataka da biste dovršili instalaciju.

2. Instalacija preko Softaculous-a

  • Prijavite se na vaš cPanel nalog.
  • U sekciji „Software” kliknite na Softaculous Apps Installer.
  • Pronađite i kliknite na WordPress.
  • Kliknite na „Install” i popunite potrebne informacije (ime sajta, admin nalog, itd.).
  • Kliknite na „Install” i Softaculous će automatski instalirati WordPress za vas.

Osnovne postavke nakon instalacije

Nakon uspešne instalacije WordPress-a, važno je da izvršite osnovne postavke koje će omogućiti optimalno funkcionisanje vašeg sajta:

  • Promena naslova sajta i slogana: Idite u „Settings” > „General” i unesite naslov vašeg sajta i slogan.
  • Postavljanje permalinks-a: Idite u „Settings” > „Permalinks” i izaberite strukturu URL-ova koja vam odgovara (preporučujemo „Post name”).
  • Instalacija osnovnih dodataka: Preporučujemo instalaciju osnovnih dodataka kao što su Yoast SEO, Akismet (za zaštitu od spama), i WP Super Cache (za poboljšanje performansi).
  • Kreiranje osnovnih stranica: Kreirajte osnovne stranice kao što su „About”, „Contact”, i „Privacy Policy”.
  • Prilagođavanje teme: Instalirajte i aktivirajte temu po vašem izboru, a zatim je prilagodite koristeći „Customizer” opciju u WordPress dashboard-u.

Ova lekcija pokriva ključne korake za instalaciju i podešavanje WordPress-a, što je neophodno za započinjanje vašeg sajta. U narednim lekcijama ćemo se detaljnije baviti korišćenjem WordPress-a za kreiranje sadržaja i prilagođavanje sajta.

Lekcija 3: Upoznavanje sa WordPress dashboard-om

Kada se prvi put prijavite u vaš WordPress sajt, bićete preusmereni na dashboard, poznat i kao kontrolna tabla. Dashboard je centralno mesto za upravljanje vašim sajtom i sadržajem. Na vrhu stranice nalazi se toolbar, a na levoj strani glavna navigacija.

Glavne sekcije WordPress dashboard-a

  • Home (Početna stranica): Početna stranica dashboard-a pruža brzi pregled vašeg sajta. Ovdje možete videti statistike saobraćaja, nedavne komentare, novosti iz WordPress zajednice i druge informacije.
  • Posts (Postovi): U ovoj sekciji možete kreirati, uređivati i upravljati postovima. Takođe možete organizovati postove koristeći kategorije i oznake (tags).
  • Media (Mediji): Sekcija za medije omogućava vam da otpremate, pregledate i upravljate svim medijskim datotekama, uključujući slike, video zapise i audio datoteke.
  • Pages (Stranice): Stranice se koriste za statički sadržaj kao što su „About” ili „Contact” stranice. U ovoj sekciji možete kreirati, uređivati i upravljati stranicama.
  • Comments (Komentari): Ovdje možete pregledati, odobriti, odgovoriti i upravljati komentarima koje korisnici ostavljaju na vašim postovima i stranicama.
  • Appearance (Izgled): Sekcija za izgled omogućava vam da prilagodite izgled vašeg sajta. Ovde možete instalirati i aktivirati teme, prilagoditi menije, widgete i koristiti Customizer za dodatna podešavanja.
  • Plugins (Dodaci): Dodaci proširuju funkcionalnost vašeg sajta. U ovoj sekciji možete instalirati, aktivirati i upravljati dodacima.
  • Users (Korisnici): Ovdje možete upravljati korisnicima vašeg sajta. Možete dodati nove korisnike, urediti postojeće i dodeliti im različite uloge (administrator, urednik, autor, saradnik, pretplatnik).
  • Tools (Alati): Sekcija alata pruža pristup različitim alatima za upravljanje sajtom, kao što su import/export alatke i druge dodatne funkcionalnosti.
  • Settings (Postavke): U sekciji postavki možete podesiti osnovne i napredne opcije vašeg sajta. Ovdje možete podesiti opšte postavke, pisanje, čitanje, diskusiju, medije, permalinks i druge opcije.

Razumevanje glavnih opcija i postavki

General Settings (Opšte postavke)

  • Naslov sajta: Unesite naziv vašeg sajta.
  • Slogan: Unesite kratki opis ili slogan vašeg sajta.
  • URL adrese: Proverite da li su ispravne URL adrese sajta i WordPress instalacije.
  • E-mail adresa: Unesite e-mail adresu administracije sajta.
  • Članstvo: Omogućite ili onemogućite registraciju novih korisnika.
  • Uloga novog korisnika: Postavite podrazumevanu ulogu za nove korisnike.

Writing Settings (Postavke pisanja)

  • Kategorija postova: Izaberite podrazumevanu kategoriju za nove postove.
  • Format postova: Izaberite podrazumevani format za nove postove.
  • Postavke za e-mail objave: Unesite e-mail adresu za slanje postova putem e-maila.
  • Ažuriranja za dodatke i teme: Podesite automatska ažuriranja za dodatke i teme.

Reading Settings (Postavke čitanja)

  • Početna stranica: Izaberite da li će početna stranica biti statična stranica ili prikaz najnovijih postova.
  • Broj postova na stranici: Podesite koliko postova će biti prikazano na glavnoj stranici.
  • Prikazivanje punog teksta ili sažetka: Izaberite da li će se u feedovima prikazivati puni tekst ili sažetak postova.

Discussion Settings (Postavke diskusije)

  • Postavke za komentare: Omogućite ili onemogućite komentare na postovima i stranicama.
  • E-mail obaveštenja: Podesite kada ćete primati e-mail obaveštenja o novim komentarima.
  • Moderacija komentara: Podesite pravila za moderaciju komentara.
  • Avatari: Podesite prikazivanje avatara za korisnike koji ostavljaju komentare.

Media Settings (Postavke medija)

  • Podesite podrazumevane dimenzije za slike koje otpremate na sajt (thumbnail, medium, large).

Permalink Settings (Postavke permalinka)

  • Izaberite strukturu permalinka za URL-ove vaših postova i stranica. Preporučujemo korišćenje opcije „Post name” zbog SEO prednosti.

Kako koristiti toolbar

Toolbar je traka koja se nalazi na vrhu stranice kada ste prijavljeni na vaš WordPress sajt. Pruža brzi pristup različitim opcijama i alatima.

  • WordPress logo: Pruža linkove ka zvaničnom WordPress sajtu, dokumentaciji i podršci.
  • Naziv sajta: Klikom na naziv sajta, preusmeravate se na početnu stranicu sajta.
  • Dodaj novi: Brzi pristup za kreiranje novih postova, stranica, medija i korisnika.
  • Uredi stranicu: Brzi link za uređivanje trenutne stranice ili posta.
  • Komentari: Prikazuje broj novih komentara i pruža brzi pristup za njihovo pregledanje i odobravanje.
  • Profil: Klikom na vaše ime ili ikonu, možete pristupiti vašem korisničkom profilu i postavkama.

Ova lekcija pruža detaljan pregled WordPress dashboard-a i njegovih ključnih opcija, što je neophodno za efikasno upravljanje vašim sajtom. U sledećim lekcijama ćemo se detaljnije baviti kreiranjem i upravljanjem sadržajem u WordPress-u.

Lekcija 4: Rad sa temama

WordPress tema je zbirka datoteka koja određuje izgled i funkcionalnost vašeg sajta. Teme uključuju HTML, CSS, PHP i druge fajlove koji zajedno kreiraju vizuelni dizajn i raspored vašeg sajta. Teme vam omogućavaju da prilagodite izgled vašeg sajta bez potrebe za promenom osnovnog koda WordPress-a.

Instalacija i aktivacija tema

1. Instalacija besplatnih tema iz WordPress repozitorijuma

  • Prijavite se na vaš WordPress dashboard.
  • Idite na „Appearance” > „Themes”.
  • Kliknite na „Add New” dugme na vrhu stranice.
  • Pregledajte dostupne teme u WordPress repozitorijumu, koristeći opcije filtriranja i pretrage.
  • Kada pronađete temu koju želite, kliknite na „Install” i zatim „Activate” da biste je aktivirali.

2. Instalacija premium tema

  • Preuzmite zip fajl premium teme sa sajta prodavca.
  • Prijavite se na vaš WordPress dashboard.
  • Idite na „Appearance” > „Themes”.
  • Kliknite na „Add New” dugme na vrhu stranice.
  • Kliknite na „Upload Theme” dugme.
  • Izaberite zip fajl koji ste preuzeli i kliknite na „Install Now”.
  • Nakon instalacije, kliknite na „Activate” da biste aktivirali temu.

Pregled besplatnih i premium tema

  • Besplatne teme: Besplatne teme su dostupne u WordPress repozitorijumu i mogu se instalirati direktno iz vašeg WordPress dashboard-a. One su odličan izbor za početnike i manje projekte, jer nude osnovne funkcionalnosti bez troškova. Popularne besplatne teme uključuju Astra, OceanWP, i GeneratePress.
  • Premium teme: Premium teme su dostupne za kupovinu na sajtovima kao što su ThemeForest, Elegant Themes, i StudioPress. One često nude napredne funkcionalnosti, bolju podršku i redovna ažuriranja. Popularne premium teme uključuju Divi, Avada, i X Theme.

Kako prilagoditi temu (customizer, widgeti, meniji)

1. Korišćenje Customizer-a

  • Prijavite se na vaš WordPress dashboard.
  • Idite na „Appearance” > „Customize”.
  • Customizer vam omogućava da prilagodite različite aspekte vaše teme, uključujući boje, fontove, zaglavlje, podnožje i druge elemente.
  • Svaka promena će biti prikazana u realnom vremenu u pregledu uživo. Kada završite sa prilagođavanjem, kliknite na „Publish” da biste sačuvali promene.

2. Rad sa widgetima

  • Widgeti su mali blokovi sadržaja koje možete dodati u različite oblasti vašeg sajta, kao što su sidebar, podnožje i druge widget oblasti.
  • Prijavite se na vaš WordPress dashboard.
  • Idite na „Appearance” > „Widgets”.
  • Povucite i otpustite dostupne widgete u željene widget oblasti.
  • Možete prilagoditi sadržaj svakog widgeta prema vašim potrebama.

3. Kreiranje i upravljanje navigacionim menijima

  • Prijavite se na vaš WordPress dashboard.
  • Idite na „Appearance” > „Menus”.
  • Kliknite na „Create a new menu” da biste kreirali novi meni.
  • Dodajte stranice, postove, kategorije i prilagođene linkove u meni koristeći opcije na levoj strani.
  • Podesite redosled stavki u meniju povlačenjem i otpuštanjem.
  • Izaberite lokaciju menija (npr. primarni meni, podnožje meni) i kliknite na „Save Menu” da biste sačuvali promene.

Napredne opcije prilagođavanja

1. Uvod u Child teme

Child tema je tema koja nasleđuje funkcionalnosti i stilove druge teme, poznate kao parent tema. Korišćenje child tema omogućava vam da prilagodite vašu temu bez rizika od gubitka promena prilikom ažuriranja parent teme. Kreiranje child teme uključuje kreiranje novog foldera u wp-content/themes i dodavanje style.css i functions.php fajlova sa osnovnim informacijama o child temi.

2. Prilagođavanje CSS-a

Custom CSS omogućava vam da dodate vlastite stilove koji će nadjačati podrazumevane stilove vaše teme.

  • Prijavite se na vaš WordPress dashboard.
  • Idite na „Appearance” > „Customize” > „Additional CSS”.
  • Dodajte vaš CSS kod i kliknite na „Publish” da biste sačuvali promene.

3. Osnovno kodiranje u PHP-u za WordPress

PHP je jezik na kojem je izgrađen WordPress. Poznavanje osnovnog PHP-a može vam pomoći da prilagodite funkcionalnosti vaše teme.

  • Izmena PHP fajlova vaše teme može se obaviti kroz WordPress editor (Appearance > Theme Editor) ili koristeći FTP klijent.

Ova lekcija pruža detaljan pregled rada sa WordPress temama, uključujući instalaciju, aktivaciju i prilagođavanje, što je neophodno za kreiranje jedinstvenog izgleda vašeg sajta. U sledećim lekcijama ćemo se detaljnije baviti kreiranjem i upravljanjem sadržajem u WordPress-u.

Lekcija 5: Kreiranje i upravljanje sadržajem

Pre nego što započnemo sa kreiranjem sadržaja, važno je razumeti razliku između stranica i postova u WordPress-u.

  • Stranice: Stranice su statički sadržaj koji se retko menja, kao što su „About”, „Contact”, i „Privacy Policy” stranice. Stranice se obično koriste za informacije koje su uvek relevantne i dostupne na sajtu.
  • Postovi: Postovi su dinamičan sadržaj koji se redovno ažurira. Postovi su organizovani hronološki i mogu biti grupisani u kategorije i označeni oznakama (tags). Postovi su idealni za blogove, novosti i druge redovno ažurirane sadržaje.

Kako kreirati, urediti i objaviti postove i stranice

1. Kreiranje novog posta

  • Prijavite se na vaš WordPress dashboard.
  • Idite na „Posts” > „Add New”.
  • Unesite naslov posta u polje „Add Title”.
  • Koristite Gutenberg editor za kreiranje sadržaja posta. Gutenberg je editor zasnovan na blokovima koji omogućava jednostavno dodavanje i uređivanje različitih elemenata sadržaja.
  • Dodajte tekstualne blokove, slike, video zapise, citate i druge elemente u post.
  • Kada završite sa uređivanjem, kliknite na „Publish” da biste objavili post.

2. Kreiranje nove stranice

  • Prijavite se na vaš WordPress dashboard.
  • Idite na „Pages” > „Add New”.
  • Unesite naslov stranice u polje „Add Title”.
  • Koristite Gutenberg editor za kreiranje sadržaja stranice.
  • Dodajte tekstualne blokove, slike, video zapise, citate i druge elemente u stranicu.
  • Kada završite sa uređivanjem, kliknite na „Publish” da biste objavili stranicu.

Rad sa blokovima u Gutenberg editoru

Gutenberg editor koristi blokove za kreiranje i uređivanje sadržaja. Svaki element sadržaja je blok koji možete dodati, urediti i premestiti unutar vašeg posta ili stranice.

1. Tekstualni blokovi

  • Kliknite na ikonu „+” u editoru da biste dodali novi blok.
  • Izaberite „Paragraph” blok za dodavanje tekstualnog sadržaja.
  • Unesite tekst u blok i koristite opcije za formatiranje (bold, italic, linkovi, itd.).

2. Blokovi za slike i medije

  • Kliknite na ikonu „+” i izaberite „Image” blok za dodavanje slike.
  • Otpremite sliku sa vašeg računara ili izaberite iz biblioteke medija.
  • Možete dodati i video zapise koristeći „Video” blok ili „Embed” blok za umetanje video zapisa sa YouTube-a, Vimeo-a i drugih platformi.

3. Napredni blokovi

Gutenberg editor nudi različite napredne blokove kao što su „Gallery” za galerije slika, „Quote” za citate, „Table” za tabele i mnogi drugi.

  • Svaki blok ima svoje opcije prilagođavanja koje možete koristiti za fino podešavanje izgleda i funkcionalnosti.

Umetanje medija (slike, video, audio)

Mediji su ključni za obogaćivanje sadržaja vašeg sajta. WordPress olakšava umetanje i upravljanje medijskim datotekama.

1. Otpremanje medijskih datoteka

  • Prijavite se na vaš WordPress dashboard.
  • Idite na „Media” > „Add New”.
  • Povucite i otpustite datoteke ili kliknite na „Select Files” da biste otpremili slike, video zapise i audio datoteke sa vašeg računara.

2. Umetanje medija u postove i stranice

  • Dok uređujete post ili stranicu, kliknite na ikonu „+” i izaberite odgovarajući blok (Image, Video, Audio).
  • Otpremite novu datoteku ili izaberite već postojeću iz biblioteke medija.
  • Možete prilagoditi veličinu, poravnanje i druge opcije za umetnuti medij.

3. Upravljanje medijskim datotekama

  • Idite na „Media” > „Library” da biste pregledali sve otpremljene medijske datoteke.
  • Možete urediti informacije o datotekama (naziv, opis, alternativni tekst) i obrisati datoteke koje više nisu potrebne.

Ova lekcija pruža detaljan vodič kroz kreiranje i upravljanje sadržajem u WordPress-u, uključujući rad sa blokovima u Gutenberg editoru i umetanje medija. U sledećim lekcijama ćemo se detaljnije baviti korišćenjem dodataka i optimizacijom vašeg sajta za pretraživače.

Lekcija 6: Korišćenje dodataka (plugins)

Dodaci (plugins) su ekstenzije koje proširuju funkcionalnosti vašeg WordPress sajta. Bilo da želite dodati kontakt formu, poboljšati SEO, integrisati društvene mreže ili postaviti e-trgovinu, postoji dodatak koji može pomoći. Dodaci su dizajnirani da budu jednostavni za instalaciju i korišćenje, omogućavajući vam da lako dodate nove funkcionalnosti bez potrebe za kodiranjem.

Instalacija i aktivacija dodataka

1. Instalacija besplatnih dodataka iz WordPress repozitorijuma

  • Prijavite se na vaš WordPress dashboard.
  • Idite na „Plugins” > „Add New”.
  • Koristite polje za pretragu da pronađete dodatak koji želite instalirati.
  • Kada pronađete dodatak, kliknite na „Install Now” i zatim „Activate” da biste aktivirali dodatak.

2. Instalacija premium dodataka

  • Preuzmite zip fajl premium dodatka sa sajta prodavca.
  • Prijavite se na vaš WordPress dashboard.
  • Idite na „Plugins” > „Add New”.
  • Kliknite na „Upload Plugin” dugme.
  • Izaberite zip fajl koji ste preuzeli i kliknite na „Install Now”.
  • Nakon instalacije, kliknite na „Activate” da biste aktivirali dodatak.

Pregled najpopularnijih dodataka za SEO, sigurnost, performanse, itd.

1. SEO dodaci

  • Yoast SEO: Najpopularniji SEO dodatak koji pomaže u optimizaciji vašeg sajta za pretraživače.
  • All in One SEO Pack: Još jedan popularan SEO dodatak sa sličnim funkcionalnostima kao Yoast SEO.

2. Dodaci za sigurnost

  • Wordfence: Dodatak za zaštitu vašeg sajta od malvera, hakera i drugih pretnji.
  • Sucuri Security: Dodatak za praćenje sigurnosti vašeg sajta i zaštitu od različitih vrsta napada.

3. Dodaci za performanse

  • WP Super Cache: Dodatak za keširanje koji pomaže u ubrzavanju vašeg sajta.
  • W3 Total Cache: Još jedan popularan dodatak za keširanje sa naprednim opcijama za poboljšanje performansi sajta.

4. Dodaci za e-trgovinu

  • WooCommerce: Najpopularniji dodatak za kreiranje online prodavnice u WordPress-u.
  • Easy Digital Downloads: Dodatak za prodaju digitalnih proizvoda na vašem sajtu.

5. Dodaci za kontakt forme

  • Contact Form 7: Jedan od najpopularnijih dodataka za kreiranje kontakt formi.
  • WPForms: Korisnički prijateljski dodatak za kreiranje različitih vrsta formi.

6. Dodaci za društvene mreže

  • Social Media Share Buttons & Social Sharing Icons: Dodatak za dodavanje ikona društvenih mreža i deljenje sadržaja.
  • Revive Old Posts: Dodatak za automatsko deljenje starih postova na društvenim mrežama.

Kako upravljati dodacima

1. Ažuriranje dodataka

Redovno ažuriranje dodataka je ključno za sigurnost i performanse vašeg sajta.

  • Prijavite se na vaš WordPress dashboard.
  • Idite na „Plugins” > „Installed Plugins”.
  • Kliknite na „Update Now” ispod dodatka koji treba ažurirati.

2. Deaktivacija i brisanje dodataka

Ako više ne koristite određeni dodatak, preporučuje se da ga deaktivirate i obrišete.

  • Prijavite se na vaš WordPress dashboard.
  • Idite na „Plugins” > „Installed Plugins”.
  • Kliknite na „Deactivate” ispod dodatka koji želite deaktivirati.
  • Nakon deaktivacije, kliknite na „Delete” da biste obrisali dodatak.

3. Konfiguracija dodataka

Većina dodataka ima stranicu sa postavkama gde možete konfigurirati različite opcije.

  • Nakon aktivacije dodatka, idite na odgovarajuću stranicu sa postavkama (obično se nalazi u sekciji „Settings” ili ima svoju posebnu sekciju u dashboard-u).
  • Podesite opcije prema vašim potrebama i sačuvajte promene.

Ova lekcija pruža detaljan vodič kroz korišćenje dodataka u WordPress-u, uključujući instalaciju, aktivaciju i pregled najpopularnijih dodataka, što je neophodno za proširenje funkcionalnosti vašeg sajta. U sledećim lekcijama ćemo se detaljnije baviti osnovnim SEO praksama i optimizacijom vašeg sajta za pretraživače.

Lekcija 7: Osnovne SEO prakse

SEO (Search Engine Optimization) je proces optimizacije vašeg sajta kako bi se bolje rangirao na pretraživačima kao što su Google, Bing i Yahoo. Dobar SEO može značajno povećati vidljivost vašeg sajta, privući više posetilaca i poboljšati korisničko iskustvo. WordPress je poznat po tome što je SEO prijateljski, ali postoje određene prakse i alati koje treba primeniti kako biste postigli najbolje rezultate.

Instalacija i podešavanje Yoast SEO dodatka

Jedan od najpopularnijih dodataka za SEO u WordPress-u je Yoast SEO. Ovaj dodatak vam pomaže da optimizujete vaš sadržaj za pretraživače koristeći različite alate i preporuke.

1. Instalacija Yoast SEO dodatka

  • Prijavite se na vaš WordPress dashboard.
  • Idite na „Plugins” > „Add New”.
  • U polju za pretragu upišite „Yoast SEO”.
  • Kliknite na „Install Now” i zatim „Activate” da biste aktivirali dodatak.

2. Osnovna podešavanja Yoast SEO dodatka

  • Nakon aktivacije, idite na „SEO” > „General”.
  • Prođite kroz prvu konfiguraciju dodatka koristeći „Configuration Wizard” koji će vas voditi kroz osnovna podešavanja.
  • Unesite osnovne informacije o vašem sajtu, kao što su naziv sajta, vrsta sajta (blog, online prodavnica, itd.), i željeni format prikaza naslova i opisa.

Optimizacija postova i stranica za SEO

Yoast SEO vam omogućava da optimizujete svaki post i stranicu pojedinačno. Evo kako da to uradite:

1. Ključne reči (focus keywords)

  • Kada uređujete post ili stranicu, primetićete Yoast SEO metabox ispod glavnog editora.
  • Unesite glavnu ključnu reč za koju želite da optimizujete sadržaj u polje „Focus Keyphrase”.
  • Yoast SEO će analizirati vaš sadržaj i dati vam preporuke za poboljšanje optimizacije ključne reči.

2. Meta title i meta description

  • Yoast SEO vam omogućava da prilagodite meta title i meta description za svaki post i stranicu.
  • Unesite prilagođeni meta title i meta description u odgovarajuća polja u Yoast SEO metaboxu.
  • Pazite da meta title bude između 50-60 karaktera, a meta description između 150-160 karaktera.

3. SEO analiza

  • Yoast SEO pruža detaljnu analizu vašeg sadržaja i daje vam ocenu (u obliku crvenog, narandžastog ili zelenog svetla) na osnovu različitih SEO faktora.
  • Pratite preporuke Yoast SEO-a za poboljšanje optimizacije vašeg sadržaja, kao što su dodavanje ključne reči u naslov, meta description, alt tekst za slike, itd.

4. Readability analiza

  • Yoast SEO takođe analizira čitljivost vašeg sadržaja i daje vam preporuke za poboljšanje.
  • Pratite preporuke za poboljšanje strukture rečenica, korišćenje pasivnog glasa, dužinu paragrafa, itd.

Kako optimizovati slike za SEO

Optimizacija slika je važan deo SEO strategije. Evo nekoliko koraka koje možete preduzeti da biste optimizovali slike na vašem sajtu:

1. Kompresija slika

  • Kompresujte slike pre nego što ih otpremite na vaš sajt kako biste smanjili veličinu fajla bez gubitka kvaliteta. Možete koristiti alate kao što su TinyPNG ili dodatke kao što su Smush.

2. Alt tekst

  • Alt tekst (alternativni tekst) je opis slike koji pomaže pretraživačima da razumeju sadržaj slike. Unesite relevantan alt tekst za svaku sliku kada je otpremate.

3. Naziv fajla

  • Koristite deskriptivne i ključne reči u nazivima fajlova slika pre nego što ih otpremite. Na primer, umesto „IMG1234.jpg”, koristite „wordpress-seo-optimizacija.jpg”.

Kako kreirati SEO prijateljske URL-ove (permalinks)

Permalinks (stalne veze) su URL-ovi vaših postova i stranica. SEO prijateljski URL-ovi su važni za bolje rangiranje na pretraživačima.

1. Podešavanje permalinks-a

  • Prijavite se na vaš WordPress dashboard.
  • Idite na „Settings” > „Permalinks”.
  • Izaberite opciju „Post name” za strukturu permalinks-a. Ovo će kreirati čiste i deskriptivne URL-ove zasnovane na naslovu posta ili stranice.

2. Prilagođavanje URL-ova

  • Kada kreirate ili uređujete post ili stranicu, možete prilagoditi URL u polju „Permalink” ispod naslova.
  • Koristite kratke, deskriptivne i ključne reči u URL-ovima.

Optimizacija za mobilne uređaje

Optimizacija za mobilne uređaje je ključna za SEO, jer sve više korisnika pretražuje internet putem mobilnih uređaja. Google koristi mobile-first indeksiranje, što znači da prioritet daje mobilnoj verziji vašeg sajta.

1. Korišćenje responzivnih tema

  • Osigurajte da koristite responzivnu WordPress temu koja se automatski prilagođava različitim veličinama ekrana.
  • Testirajte vaš sajt na različitim uređajima kako biste se uverili da izgleda dobro i funkcioniše ispravno.

2. Optimizacija brzine sajta

  • Brzina učitavanja sajta je važan faktor za SEO. Koristite dodatke za keširanje kao što su WP Super Cache ili W3 Total Cache.
  • Koristite CDN (Content Delivery Network) kao što je Cloudflare za ubrzavanje učitavanja sajta.

Kako pratiti i analizirati SEO performanse

Praćenje i analiza SEO performansi su ključni za optimizaciju vašeg sajta i poboljšanje rangiranja na pretraživačima.

1. Google Search Console

  • Prijavite se na Google Search Console i dodajte vaš sajt.
  • Google Search Console vam pruža uvid u ključne metrike kao što su klikovi, prikazi, CTR (click-through rate), i pozicije za ključne reči.
  • Možete koristiti Search Console za otkrivanje i ispravljanje grešaka u indeksiranju, praćenje povratnih linkova i druge SEO aktivnosti.

2. Google Analytics

  • Prijavite se na Google Analytics i dodajte vaš sajt.
  • Google Analytics vam pruža detaljan uvid u posetioce vašeg sajta, uključujući informacije o saobraćaju, ponašanju korisnika, konverzijama i mnogim drugim metrikama.
  • Koristite Google Analytics za praćenje performansi vaših SEO strategija i identifikaciju oblasti za poboljšanje.

Ova lekcija pruža detaljan vodič kroz osnovne SEO prakse za WordPress, uključujući instalaciju i podešavanje Yoast SEO dodatka, optimizaciju sadržaja, slika i URL-ova, kao i praćenje i analizu SEO performansi. U sledećim lekcijama ćemo se detaljnije baviti sigurnošću i održavanjem vašeg sajta.

Lekcija 8: Bezbednost i održavanje sajta

Bezbednost vašeg WordPress sajta je od ključne važnosti kako biste zaštitili vaš sadržaj i podatke korisnika. Postoji nekoliko osnovnih mera koje možete preduzeti kako biste osigurali vaš sajt.

Ažuriranja

  • Redovno ažurirajte WordPress, teme i dodatke kako biste osigurali da koristite najnovije verzije sa ispravljenim sigurnosnim ranjivostima.
  • Prijavite se na vaš WordPress dashboard.
  • Idite na „Dashboard” > „Updates” i kliknite na „Update Now” za WordPress, teme i dodatke koje je potrebno ažurirati.

Snažne lozinke

  • Koristite snažne lozinke za sve korisničke naloge na vašem sajtu, posebno za administratorski nalog.
  • Koristite alate za generisanje lozinki kao što su LastPass ili 1Password kako biste kreirali i čuvali snažne lozinke.

Dvofaktorska autentifikacija (2FA)

  • Omogućite dvofaktorsku autentifikaciju za dodatni sloj sigurnosti.
  • Instalirajte dodatak kao što je Two Factor Authentication i pratite uputstva za postavljanje 2FA.

Ograničenje pokušaja prijavljivanja

  • Ograničite broj pokušaja prijavljivanja kako biste sprečili brute-force napade.
  • Instalirajte dodatak kao što je Limit Login Attempts Reloaded i podesite postavke prema vašim potrebama.

Backup i obnavljanje sajta

Redovni backup-i su ključni za zaštitu vašeg sajta od gubitka podataka usled hakovanja, grešaka ili drugih problema.

1. Instalacija dodataka za backup

  • Prijavite se na vaš WordPress dashboard.
  • Idite na „Plugins” > „Add New”.
  • Pretražite dodatke kao što su UpdraftPlus ili BackupBuddy i instalirajte i aktivirajte jedan od njih.

2. Postavljanje automatskih backup-a

  • Nakon aktivacije dodatka za backup, idite na stranicu sa postavkama dodatka.
  • Podesite redovne automatske backup-e (dnevne, nedeljne ili mesečne) i izaberite gde će backup-ovi biti čuvani (cloud servisi kao što su Google Drive, Dropbox ili Amazon S3).

3. Obnavljanje sajta iz backup-a

  • U slučaju da trebate obnoviti sajt iz backup-a, koristite opcije dodatka za backup kako biste vratili prethodno sačuvane podatke.
  • Pratite uputstva dodatka za sigurno i uspešno obnavljanje sajta.

Ažuriranje WordPress-a, tema i dodataka

Redovno ažuriranje WordPress-a, tema i dodataka je ključna mera za održavanje sigurnosti i performansi vašeg sajta.

1. Automatska ažuriranja

  • WordPress podržava automatska ažuriranja za manje verzije i sigurnosna ažuriranja. Možete omogućiti automatska ažuriranja za teme i dodatke koristeći dodatke kao što su Easy Updates Manager.

2. Ručna ažuriranja

  • Prijavite se na vaš WordPress dashboard.
  • Idite na „Dashboard” > „Updates”.
  • Kliknite na „Update Now” za WordPress, teme i dodatke koje je potrebno ažurirati.

Dodatni sigurnosni dodaci

Postoji nekoliko dodatnih sigurnosnih dodataka koje možete instalirati kako biste dodatno zaštitili vaš sajt.

1. Wordfence Security

  • Wordfence je sveobuhvatni sigurnosni dodatak koji uključuje zaštitu od malvera, firewall, sigurnosno skeniranje i druge funkcionalnosti.
  • Instalirajte i aktivirajte Wordfence, a zatim pratite uputstva za postavljanje i konfiguraciju dodatka.

2. Sucuri Security

  • Sucuri Security je dodatak za praćenje sigurnosti i zaštitu vašeg sajta od različitih pretnji.
  • Instalirajte i aktivirajte Sucuri Security, a zatim pratite uputstva za postavljanje i konfiguraciju dodatka.

Redovno praćenje i održavanje sajta

Redovno praćenje i održavanje vašeg sajta je važno kako biste osigurali optimalne performanse i sigurnost.

1. Praćenje performansi sajta

  • Koristite alate kao što su Google PageSpeed Insights i GTmetrix za praćenje brzine i performansi vašeg sajta.
  • Pratite preporuke ovih alata za poboljšanje brzine učitavanja i optimizaciju performansi.

2. Redovno ažuriranje sadržaja

  • Redovno ažurirajte sadržaj vašeg sajta kako biste zadržali relevantnost i angažovanost korisnika.
  • Proverite i ažurirajte zastarele informacije, linkove i resurse.

3. Praćenje sigurnosnih izveštaja

  • Redovno proveravajte sigurnosne izveštaje iz dodataka kao što su Wordfence i Sucuri kako biste brzo reagovali na potencijalne pretnje.

Ova lekcija pruža detaljan vodič kroz osnovne mere za zaštitu i održavanje vašeg WordPress sajta, uključujući instalaciju sigurnosnih dodataka, backup i obnavljanje sajta, i redovno praćenje performansi. U sledećim lekcijama ćemo se detaljnije baviti radom sa formama i osnovama e-trgovine sa WooCommerce.

Lekcija 9: Rad sa formama

Kontakt forme su jedan od najvažnijih elemenata svakog sajta, omogućavajući posetiocima da vas kontaktiraju direktno sa vašeg sajta. Postoji nekoliko popularnih dodataka za kreiranje formi u WordPress-u, uključujući Contact Form 7 i WPForms.

Kreiranje kontakt forme sa Contact Form 7

1. Instalacija Contact Form 7 dodatka

  • Prijavite se na vaš WordPress dashboard.
  • Idite na „Plugins” > „Add New”.
  • U polju za pretragu upišite „Contact Form 7”.
  • Kliknite na „Install Now” i zatim „Activate” da biste aktivirali dodatak.

2. Kreiranje nove forme

  • Nakon aktivacije, idite na „Contact” > „Add New”.
  • Unesite naziv nove forme i prilagodite polja forme prema vašim potrebama.
  • Možete dodati polja za ime, e-mail, poruku i druge vrste polja.
  • Kliknite na „Save” da biste sačuvali formu.

3. Umetanje forme na stranicu ili post

  • Nakon kreiranja forme, videćete shortcode za tu formu.
  • Kopirajte shortcode i zalepite ga u post ili stranicu gde želite da prikažete formu.
  • Kliknite na „Publish” ili „Update” da biste sačuvali promene.

Kreiranje kontakt forme sa WPForms

1. Instalacija WPForms dodatka

  • Prijavite se na vaš WordPress dashboard.
  • Idite na „Plugins” > „Add New”.
  • U polju za pretragu upišite „WPForms”.
  • Kliknite na „Install Now” i zatim „Activate” da biste aktivirali dodatak.

2. Kreiranje nove forme

  • Nakon aktivacije, idite na „WPForms” > „Add New”.
  • Izaberite šablon za kontakt formu (npr. „Simple Contact Form”).
  • Prilagodite polja forme prema vašim potrebama koristeći drag-and-drop editor.
  • Kliknite na „Save” da biste sačuvali formu.

3. Umetanje forme na stranicu ili post

  • Nakon kreiranja forme, kliknite na „Embed” dugme.
  • Kopirajte shortcode i zalepite ga u post ili stranicu gde želite da prikažete formu.
  • Kliknite na „Publish” ili „Update” da biste sačuvali promene.

Prilagođavanje i stilizovanje formi

1. Prilagođavanje polja forme

Većina dodataka za forme omogućava vam da prilagodite polja forme prema vašim potrebama.

  • Možete dodati, ukloniti i urediti polja kao što su tekstualna polja, padajuće liste, radio dugmići i checkbox-ovi.

2. Stilizovanje formi sa CSS-om

Ako želite da prilagodite izgled formi, možete koristiti prilagođeni CSS.

  • Prijavite se na vaš WordPress dashboard.
  • Idite na „Appearance” > „Customize” > „Additional CSS”.
  • Dodajte vaš CSS kod i kliknite na „Publish” da biste sačuvali promene.

Integracija formi sa e-mail servisima

Mnogi dodaci za forme omogućavaju integraciju sa e-mail servisima kao što su MailChimp, Constant Contact i drugi. Ovo vam omogućava da automatski dodate korisnike koji popunjavaju forme na vašu e-mail listu.

1. Integracija sa MailChimp-om

  • Idite na postavke vašeg dodatka za forme.
  • Pronađite opciju za integraciju sa MailChimp-om i pratite uputstva za povezivanje vašeg MailChimp naloga.
  • Konfigurišite postavke integracije kako biste automatski dodali korisnike na određene liste ili kampanje.

2. Integracija sa drugim e-mail servisima

  • Većina dodataka za forme podržava integraciju sa različitim e-mail servisima. Pratite uputstva za povezivanje i konfiguraciju integracije za servis koji koristite.

Napredne opcije za forme

1. CAPTCHA zaštita

  • Dodajte CAPTCHA polje kako biste sprečili spam prijave.
  • Većina dodataka za forme podržava integraciju sa reCAPTCHA-om. Konfigurišite postavke kako biste dodali reCAPTCHA na vaše forme.

2. Podrška za više jezika

  • Ako vaš sajt podržava više jezika, osigurajte da su vaše forme prevedene i prilagođene za sve jezike.
  • Koristite dodatke kao što su WPML ili Polylang za upravljanje višejezičnim sadržajem.

3. Kreiranje složenih formi

  • Neki dodaci za forme podržavaju kreiranje složenih formi sa više stranica, uslovnim logikom i drugim naprednim opcijama.
  • Istražite napredne opcije vašeg dodatka za forme kako biste kreirali prilagođene forme koje odgovaraju vašim specifičnim potrebama.

Ova lekcija pruža detaljan vodič kroz kreiranje i upravljanje formama u WordPress-u, uključujući korišćenje popularnih dodataka kao što su Contact Form 7 i WPForms, prilagođavanje i stilizovanje formi, integraciju sa e-mail servisima i napredne opcije. U sledećim lekcijama ćemo se detaljnije baviti osnovama e-trgovine sa WooCommerce.

Lekcija 10: Osnove e-trgovine sa WooCommerce

WooCommerce je najpopularniji dodatak za e-trgovinu u WordPress-u, koji omogućava kreiranje potpuno funkcionalne online prodavnice. WooCommerce je besplatan i open-source, što ga čini idealnim izborom za sve vrste online prodavnica, od malih butik prodavnica do velikih e-trgovinskih platformi.

Instalacija i podešavanje osnovnih postavki

1. Instalacija WooCommerce dodatka

  • Prijavite se na vaš WordPress dashboard.
  • Idite na „Plugins” > „Add New”.
  • U polju za pretragu upišite „WooCommerce”.
  • Kliknite na „Install Now” i zatim „Activate” da biste aktivirali dodatak.

2. Osnovna podešavanja WooCommerce-a

  • Nakon aktivacije, WooCommerce će vas voditi kroz prvi konfiguracioni čarobnjak.
  • Unesite osnovne informacije o vašoj prodavnici, kao što su lokacija, valuta, jedinice za mere i porezi.
  • Podesite opcije plaćanja (PayPal, Stripe, bankovni transfer, itd.) i opcije dostave (flat rate, free shipping, lokalno preuzimanje, itd.).

Dodavanje i upravljanje proizvodima

1. Dodavanje novog proizvoda

  • Prijavite se na vaš WordPress dashboard.
  • Idite na „Products” > „Add New”.
  • Unesite naziv proizvoda u polje „Product Name”.
  • Dodajte opis proizvoda u glavno polje za sadržaj.
  • Dodajte kratki opis proizvoda u polje „Product Short Description”.

2. Postavljanje cene i zaliha

  • U sekciji „Product Data”, izaberite vrstu proizvoda (jednostavni, grupisani, affiliate, promenljivi).
  • Unesite redovnu cenu i (ako je primenjivo) sniženu cenu.
  • Podesite zalihe proizvoda, uključujući SKU (Stock Keeping Unit), status zaliha i opcije za omogućavanje narudžbi koje nisu na stanju.

3. Dodavanje slika i galerije proizvoda

  • Dodajte glavnu sliku proizvoda u sekciji „Product Image”.
  • Dodajte dodatne slike u galeriju proizvoda u sekciji „Product Gallery”.

4. Kategorizacija i oznake

  • Dodajte proizvod u odgovarajuće kategorije i oznake kako biste olakšali navigaciju i pretragu na vašem sajtu.

Postavljanje opcija plaćanja i dostave

1. Opcije plaćanja

  • Idite na „WooCommerce” > „Settings” > „Payments”.
  • Aktivirajte i konfigurišite željene metode plaćanja (PayPal, Stripe, bankovni transfer, itd.).
  • Unesite potrebne podatke za svaku metodu plaćanja i sačuvajte promene.

2. Opcije dostave

  • Idite na „WooCommerce” > „Settings” > „Shipping”.
  • Kreirajte zone dostave i postavite odgovarajuće metode dostave za svaku zonu (flat rate, free shipping, lokalno preuzimanje, itd.).
  • Unesite potrebne podatke za svaku metodu dostave i sačuvajte promene.

Upravljanje narudžbama i kupcima

1. Pregled i upravljanje narudžbama

  • Prijavite se na vaš WordPress dashboard.
  • Idite na „WooCommerce” > „Orders”.
  • Pregledajte i upravljajte narudžbama, uključujući promenu statusa narudžbi, slanje e-mail obaveštenja kupcima i dodavanje beležaka za narudžbe.

2. Upravljanje kupcima

  • Idite na „Users” kako biste pregledali i upravljali korisničkim nalozima vaših kupaca.
  • Možete pregledati informacije o kupcima, kao što su istorija narudžbi, kontakt informacije i druge relevantne podatke.

Optimizacija prodavnice za SEO i performanse

1. SEO optimizacija proizvoda

  • Koristite dodatak kao što je Yoast SEO za optimizaciju proizvoda za pretraživače.
  • Unesite ključne reči, meta title i meta description za svaki proizvod kako biste poboljšali vidljivost na pretraživačima.

2. Optimizacija performansi prodavnice

  • Koristite dodatke za keširanje kao što su WP Super Cache ili W3 Total Cache kako biste poboljšali brzinu učitavanja vaše prodavnice.
  • Koristite CDN (Content Delivery Network) kao što je Cloudflare za ubrzavanje učitavanja sajta.

Analitika i praćenje prodaje

1. Google Analytics za e-trgovinu

  • Prijavite se na Google Analytics i dodajte vaš sajt.
  • Instalirajte dodatak kao što je Enhanced Ecommerce Google Analytics Plugin for WooCommerce kako biste omogućili praćenje e-trgovine.
  • Konfigurišite postavke dodatka i pratite ključne metrike kao što su konverzije, prihod, popularni proizvodi i drugi podaci.

2. WooCommerce izveštaji

  • Idite na „WooCommerce” > „Reports” kako biste pregledali detaljne izveštaje o prodaji, narudžbama, kupcima i drugim važnim metrikama.
  • Koristite ove izveštaje za analizu performansi vaše prodavnice i donošenje informisanih poslovnih odluka.

Ova lekcija pruža detaljan vodič kroz osnove e-trgovine sa WooCommerce, uključujući instalaciju i podešavanje osnovnih postavki, dodavanje i upravljanje proizvodima, postavljanje opcija plaćanja i dostave, upravljanje narudžbama i kupcima, optimizaciju prodavnice za SEO i performanse, i praćenje prodaje. U sledećim lekcijama ćemo se detaljnije baviti analitikom i praćenjem poseta vašem sajtu.

Lekcija 11: Analitika i praćenje poseta

Google Analytics je besplatan alat koji vam omogućava da pratite i analizirate posete vašem sajtu. Korišćenje Google Analytics-a može vam pomoći da bolje razumete ponašanje vaših posetilaca, identifikujete popularne sadržaje i optimizujete vaš sajt za bolje performanse.

Instalacija i podešavanje Google Analytics dodatka

1. Kreiranje Google Analytics naloga

  • Prijavite se na Google Analytics koristeći vaš Google nalog.
  • Kliknite na „Start for free” i pratite uputstva za kreiranje naloga.
  • Unesite osnovne informacije o vašem sajtu, kao što su naziv sajta, URL, industrija i vremenska zona.

2. Instalacija Google Analytics dodatka

  • Prijavite se na vaš WordPress dashboard.
  • Idite na „Plugins” > „Add New”.
  • U polju za pretragu upišite „Google Analytics”.
  • Preporučujemo instalaciju dodatka kao što je MonsterInsights ili Site Kit by Google.
  • Kliknite na „Install Now” i zatim „Activate” da biste aktivirali dodatak.

3. Povezivanje Google Analytics-a sa vašim sajtom

  • Nakon aktivacije dodatka, pratite uputstva za povezivanje vašeg Google Analytics naloga sa dodatkom.
  • Unesite Tracking ID (koji ste dobili prilikom kreiranja naloga) u odgovarajuće polje u postavkama dodatka.

Ključne metrike i analize u Google Analytics-u

1. Posetioci (Users)

  • Pratite broj jedinstvenih posetilaca koji dolaze na vaš sajt u određenom vremenskom periodu.
  • Analizirajte nove vs. povratne posetioce kako biste razumeli angažovanost vaših korisnika.

2. Sesije (Sessions)

  • Sesije predstavljaju broj poseta vašem sajtu. Jedna sesija može uključivati više pregleda stranica.
  • Pratite broj sesija kako biste razumeli ukupni saobraćaj na vašem sajtu.

3. Prosečno trajanje sesije (Average Session Duration)

  • Prosečno trajanje sesije pokazuje koliko vremena posetioci provode na vašem sajtu.
  • Veće prosečno trajanje sesije obično ukazuje na veći nivo angažovanosti korisnika.

4. Stopa napuštanja početne stranice (Bounce Rate)

  • Stopa napuštanja početne stranice pokazuje procenat posetilaca koji napuštaju vaš sajt nakon pregleda samo jedne stranice.
  • Niža stopa napuštanja početne stranice obično ukazuje na veći nivo angažovanosti i relevantnosti sadržaja.

5. Stranice po sesiji (Pages per Session)

  • Ova metrika pokazuje prosečan broj stranica koje posetioci pregledaju tokom jedne sesije.
  • Veći broj stranica po sesiji obično ukazuje na veći nivo angažovanosti korisnika.

Izveštaji i analize u Google Analytics-u

1. Pregled publike (Audience Overview)

  • Pregledajte ključne metrike o vašim posetiocima, uključujući demografske podatke, geografske lokacije, uređaje koje koriste i druge informacije.
  • Koristite ove podatke za prilagođavanje sadržaja i marketinških strategija.

2. Izveštaji o saobraćaju (Acquisition Reports)

  • Analizirajte izvore saobraćaja na vašem sajtu, uključujući organske pretrage, direktne posete, referalni saobraćaj i saobraćaj sa društvenih mreža.
  • Koristite ove podatke za optimizaciju strategija za privlačenje saobraćaja.

3. Izveštaji o ponašanju (Behavior Reports)

  • Pratite ponašanje korisnika na vašem sajtu, uključujući pregled najpopularnijih stranica, tokove ponašanja i analizu sadržaja.
  • Koristite ove podatke za optimizaciju sadržaja i korisničkog iskustva.

4. Izveštaji o konverzijama (Conversion Reports)

  • Pratite ciljeve i konverzije na vašem sajtu, kao što su prijave na newsletter, kupovine ili druge akcije koje želite da korisnici preduzmu.
  • Koristite ove podatke za optimizaciju marketinških kampanja i strategija za povećanje konverzija.

Napredne opcije praćenja

1. Praćenje događaja (Event Tracking)

  • Koristite praćenje događaja za praćenje specifičnih interakcija korisnika na vašem sajtu, kao što su klikovi na dugmad, preuzimanja fajlova i pregledi video zapisa.
  • Konfigurišite praćenje događaja koristeći Google Analytics dodatke ili prilagođeni kod.

2. Praćenje e-trgovine (E-commerce Tracking)

  • Omogućite praćenje e-trgovine kako biste pratili prodaju, prihode i druge ključne metrike za vašu online prodavnicu.
  • Instalirajte dodatke kao što su Enhanced Ecommerce Google Analytics Plugin for WooCommerce kako biste omogućili praćenje e-trgovine.

3. Izrada prilagođenih izveštaja (Custom Reports)

  • Koristite prilagođene izveštaje za praćenje specifičnih metrika i KPI-eva (Key Performance Indicators) koji su važni za vaš sajt.
  • Kreirajte prilagođene izveštaje u Google Analytics-u i delite ih sa članovima vašeg tima.

4. Segmentacija publike (Audience Segmentation)

  • Koristite segmentaciju publike za analizu ponašanja različitih grupa korisnika na vašem sajtu.
  • Kreirajte segmente zasnovane na demografskim podacima, izvorima saobraćaja, ponašanju i drugim kriterijumima.

Ova lekcija pruža detaljan vodič kroz korišćenje Google Analytics-a za praćenje poseta na vašem WordPress sajtu, uključujući ključne metrike, izveštaje i analize, i napredne opcije praćenja. U sledećim lekcijama ćemo se detaljnije baviti naprednim opcijama prilagođavanja sajta i migracijom sajta.

Lekcija 12: Napredne opcije prilagođavanja sajta

Child tema je tema koja nasleđuje funkcionalnosti i stilove druge teme, poznate kao parent tema. Korišćenje child tema omogućava vam da prilagodite vašu temu bez rizika od gubitka promena prilikom ažuriranja parent teme.

Kreiranje child teme

  • Kreirajte novi folder za child temu u wp-content/themes.
  • Dodajte style.css fajl u folder child teme i unesite osnovne informacije o temi:
/*
Theme Name: Parent Tema Child
Theme URI: http://example.com/parent-tema-child/
Description: Parent Tema Child Tema
Author: Vaše Ime
Author URI: http://example.com
Template: parent-tema
Version: 1.0.0
*/

  • Dodajte functions.php fajl u folder child teme i registrujte child temu:
<?php
add_action( 'wp_enqueue_scripts', 'enqueue_parent_styles' );
function enqueue_parent_styles() {
wp_enqueue_style( 'parent-style', get_template_directory_uri().'/style.css' );
}
?>

Aktivacija child teme

  • Prijavite se na vaš WordPress dashboard.
  • Idite na „Appearance” > „Themes”.
  • Pronađite child temu koju ste kreirali i kliknite na „Activate”.

Prilagođavanje CSS-a

Custom CSS omogućava vam da dodate vlastite stilove koji će nadjačati podrazumevane stilove vaše teme.

1. Dodavanje prilagođenog CSS-a u Customizer-u

  • Prijavite se na vaš WordPress dashboard.
  • Idite na „Appearance” > „Customize” > „Additional CSS”.
  • Dodajte vaš CSS kod i kliknite na „Publish” da biste sačuvali promene.

2. Uključivanje prilagođenog CSS-a u child temi

  • Dodajte prilagođeni CSS kod u style.css fajl child teme.
  • Sačuvajte promene i osvežite vaš sajt kako biste videli rezultate.

Osnovno kodiranje u PHP-u za WordPress

PHP je jezik na kojem je izgrađen WordPress. Poznavanje osnovnog PHP-a može vam pomoći da prilagodite funkcionalnosti vaše teme.

1. Uvod u WordPress hooks

WordPress koristi hooks (akcije i filtere) za modifikaciju i proširenje funkcionalnosti. Akcije omogućavaju dodavanje koda u određene tačke tokom izvršenja WordPress-a, dok filteri omogućavaju izmene podataka pre nego što se prikažu ili sačuvaju.

2. Dodavanje prilagođenih funkcija u functions.php

Dodajte prilagođene funkcije u functions.php fajl vaše child teme. Na primer, možete dodati prilagođeni shortcode:

function custom_shortcode() {
return '<p>Ovo je prilagođeni shortcode!</p>';
}
add_shortcode( 'custom', 'custom_shortcode' );

Koristite shortcode [custom] u postovima ili stranicama da biste prikazali prilagođeni sadržaj.

3. Prilagođavanje WordPress šablona

WordPress koristi šablone (template files) za prikazivanje različitih vrsta sadržaja. Možete kreirati i prilagoditi šablone u child temi kako biste promenili izgled i funkcionalnost određenih stranica. Na primer, kreirajte single.php fajl u folderu child teme i dodajte prilagođeni HTML i PHP kod za prikazivanje pojedinačnih postova.

Korišćenje prilagođenih post tipova i taksonomija

Prilagođeni post tipovi i taksonomije omogućavaju vam da kreirate specifične vrste sadržaja i organizujete ih prema prilagođenim kriterijumima.

1. Kreiranje prilagođenog post tipa

Dodajte kod u functions.php fajl child teme za registraciju prilagođenog post tipa:

function custom_post_type() {
$labels = array(
'name' => 'Proizvodi',
'singular_name' => 'Proizvod',
'menu_name' => 'Proizvodi',
'name_admin_bar' => 'Proizvod',
'add_new' => 'Dodaj novi',
'add_new_item' => 'Dodaj novi proizvod',
'new_item' => 'Novi proizvod',
'edit_item' => 'Uredi proizvod',
'view_item' => 'Pregledaj proizvod',
'all_items' => 'Svi proizvodi',
'search_items' => 'Pretraži proizvode',
'not_found' => 'Nijedan proizvod nije pronađen',
'not_found_in_trash' => 'Nijedan proizvod nije pronađen u korpi',
);

$args = array(
‘labels’ => $labels,
‘public’ => true,
‘publicly_queryable’ => true,
‘show_ui’ => true,
‘show_in_menu’ => true,
‘query_var’ => true,
‘rewrite’ => array( ‘slug’ => ‘proizvod’ ),
‘capability_type’ => ‘post’,
‘has_archive’ => true,
‘hierarchical’ => false,
‘menu_position’ => null,
‘supports’ => array( ‘title’, ‘editor’, ‘excerpt’, ‘thumbnail’, ‘comments’ ),
);

 

register_post_type( 'proizvod', $args );
}
add_action( 'init', 'custom_post_type' );

2. Kreiranje prilagođene taksonomije

Dodajte kod u functions.php fajl child teme za registraciju prilagođene taksonomije:

function custom_taxonomy() {
$labels = array(
'name' => 'Kategorije proizvoda',
'singular_name' => 'Kategorija proizvoda',
'search_items' => 'Pretraži kategorije proizvoda',
'all_items' => 'Sve kategorije proizvoda',
'parent_item' => 'Parent kategorija proizvoda',
'parent_item_colon' => 'Parent kategorija proizvoda:',
'edit_item' => 'Uredi kategoriju proizvoda',
'update_item' => 'Ažuriraj kategoriju proizvoda',
'add_new_item' => 'Dodaj novu kategoriju proizvoda',
'new_item_name' => 'Novo ime kategorije proizvoda',
'menu_name' => 'Kategorije proizvoda',
);

$args = array(
‘hierarchical’ => true,
‘labels’ => $labels,
‘show_ui’ => true,
‘show_admin_column’ => true,
‘query_var’ => true,
‘rewrite’ => array( ‘slug’ => ‘kategorija-proizvoda’ ),
);

 

register_taxonomy( 'kategorija_proizvoda', array( 'proizvod' ), $args );
}
add_action( 'init', 'custom_taxonomy' );

Korišćenje prilagođenih polja (Custom Fields)

Prilagođena polja omogućavaju vam dodavanje dodatnih informacija za vaše postove, stranice ili prilagođene post tipove.

1. Korišćenje dodataka za prilagođena polja

Instalirajte dodatke kao što su Advanced Custom Fields ili Pods za kreiranje i upravljanje prilagođenim poljima.

2. Dodavanje prilagođenih polja u postove ili stranice

Nakon instalacije dodatka, kreirajte grupu polja i dodajte prilagođena polja prema vašim potrebama. Prikazujte vrednosti prilagođenih polja u vašim šablonima koristeći funkcije koje dodatak pruža.

Ova lekcija pruža detaljan vodič kroz napredne opcije prilagođavanja WordPress sajta, uključujući korišćenje child tema, prilagođeni CSS, osnovno kodiranje u PHP-u, i korišćenje prilagođenih post tipova, taksonomija i polja. U sledećim lekcijama ćemo se detaljnije baviti migracijom sajta.

Lekcija 13: Migracija sajta

Migracija WordPress sajta sa lokalnog servera na live server može biti izazovna, ali uz odgovarajuće alate i korake, proces može biti jednostavan i siguran.

Priprema za migraciju

1. Backup sajta

Pre nego što započnete migraciju, napravite kompletan backup vašeg sajta, uključujući bazu podataka i sve fajlove. Koristite dodatke za backup kao što su UpdraftPlus ili BackupBuddy za kreiranje backup-a.

2. Provera postavki lokalnog servera

Osigurajte da vaš lokalni server koristi iste ili slične verzije PHP-a, MySQL-a i drugih potrebnih tehnologija kao vaš live server.

Migracija sajta koristeći dodatke

1. Korišćenje dodatka All-in-One WP Migration

  • Prijavite se na vaš WordPress dashboard na lokalnom serveru.
  • Idite na „Plugins” > „Add New”.
  • U polju za pretragu upišite „All-in-One WP Migration”.
  • Kliknite na „Install Now” i zatim „Activate” da biste aktivirali dodatak.

2. Izvoz sajta

  • Idite na „All-in-One WP Migration” > „Export”.
  • Izaberite destinaciju za izvoz (npr. File).
  • Kliknite na „Export to” dugme i sačekajte da se proces završi.
  • Preuzmite generisani fajl na vaš računar.

3. Uvoz sajta na live server

  • Prijavite se na vaš WordPress dashboard na live serveru.
  • Instalirajte i aktivirajte dodatak All-in-One WP Migration kao što ste to uradili na lokalnom serveru.
  • Idite na „All-in-One WP Migration” > „Import”.
  • Kliknite na „Import from” i izaberite fajl koji ste preuzeli sa lokalnog servera.
  • Sačekajte da se proces završi i proverite da li je sajt uspešno migriran.

Migracija sajta koristeći FTP i phpMyAdmin

1. Prebacivanje fajlova

Koristite FTP klijent kao što je FileZilla za povezivanje sa vašim live serverom. Prebacite sve fajlove iz lokalnog servera (wp-content, wp-includes, wp-admin) na vaš live server.

2. Izvoz baze podataka

Na lokalnom serveru, otvorite phpMyAdmin. Izaberite bazu podataka vašeg sajta i kliknite na „Export”. Sačuvajte SQL fajl na vaš računar.

3. Uvoz baze podataka

Na live serveru, otvorite phpMyAdmin. Kreirajte novu bazu podataka i korisnika sa odgovarajućim privilegijama. Izaberite novu bazu podataka i kliknite na „Import”. Učitajte SQL fajl koji ste preuzeli sa lokalnog servera.

4. Ažuriranje wp-config.php fajla

Otvorite wp-config.php fajl na vašem live serveru koristeći FTP klijent. Ažurirajte informacije o bazi podataka (DB_NAME, DB_USER, DB_PASSWORD, DB_HOST) kako bi odgovarale postavkama na vašem live serveru.

5. Ažuriranje URL-ova

Prijavite se na vaš WordPress dashboard na live serveru. Idite na „Settings” > „General”. Ažurirajte URL-ove sajta (WordPress Address i Site Address) kako bi odgovarale novom live URL-u. Takođe, možete koristiti dodatak kao što je Better Search Replace za ažuriranje URL-ova u bazi podataka.

Kako prebaciti WordPress sajt sa jednog hosting provajdera na drugi

Migracija WordPress sajta sa jednog hosting provajdera na drugi je slična procesu migracije sa lokalnog servera na live server, ali uključuje dodatne korake za prebacivanje domena i e-mail servisa.

1. Priprema za migraciju

1. Backup sajta

Pre nego što započnete migraciju, napravite kompletan backup vašeg sajta, uključujući bazu podataka i sve fajlove. Koristite dodatke za backup kao što su UpdraftPlus ili BackupBuddy za kreiranje backup-a.

2. Provera postavki novog hosting provajdera

Osigurajte da vaš novi hosting provajder koristi iste ili slične verzije PHP-a, MySQL-a i drugih potrebnih tehnologija kao vaš trenutni provajder.

2. Migracija sajta koristeći dodatke

1. Korišćenje dodatka All-in-One WP Migration
  • Prijavite se na vaš WordPress dashboard na trenutnom hosting provajderu.
  • Idite na „Plugins” > „Add New”.
  • U polju za pretragu upišite „All-in-One WP Migration”.
  • Kliknite na „Install Now” i zatim „Activate” da biste aktivirali dodatak.
2. Izvoz sajta
  • Idite na „All-in-One WP Migration” > „Export”.
  • Izaberite destinaciju za izvoz (npr. File).
  • Kliknite na „Export to” dugme i sačekajte da se proces završi.
  • Preuzmite generisani fajl na vaš računar.
3. Uvoz sajta na novi hosting provajder
  • Prijavite se na vaš WordPress dashboard na novom hosting provajderu.
  • Instalirajte i aktivirajte dodatak All-in-One WP Migration kao što ste to uradili na trenutnom hosting provajderu.
  • Idite na „All-in-One WP Migration” > „Import”.
  • Kliknite na „Import from” i izaberite fajl koji ste preuzeli sa trenutnog hosting provajdera.
  • Sačekajte da se proces završi i proverite da li je sajt uspešno migriran.

3. Migracija sajta koristeći FTP i phpMyAdmin

1. Prebacivanje fajlova

Koristite FTP klijent kao što je FileZilla za povezivanje sa vašim trenutnim i novim hosting provajderom. Prebacite sve fajlove sa trenutnog hosting provajdera na vaš novi hosting provajder.

2. Izvoz baze podataka

Na trenutnom hosting provajderu, otvorite phpMyAdmin. Izaberite bazu podataka vašeg sajta i kliknite na „Export”. Sačuvajte SQL fajl na vaš računar.

3. Uvoz baze podataka

Na novom hosting provajderu, otvorite phpMyAdmin. Kreirajte novu bazu podataka i korisnika sa odgovarajućim privilegijama. Izaberite novu bazu podataka i kliknite na „Import”. Učitajte SQL fajl koji ste preuzeli sa trenutnog hosting provajdera.

4. Ažuriranje wp-config.php fajla

Otvorite wp-config.php fajl na vašem novom hosting provajderu koristeći FTP klijent. Ažurirajte informacije o bazi podataka (DB_NAME, DB_USER, DB_PASSWORD, DB_HOST) kako bi odgovarale postavkama na vašem novom hosting provajderu.

5. Ažuriranje URL-ova

Prijavite se na vaš WordPress dashboard na novom hosting provajderu. Idite na „Settings” > „General”. Ažurirajte URL-ove sajta (WordPress Address i Site Address) kako bi odgovarale novom URL-u. Takođe, možete koristiti dodatak kao što je Better Search Replace za ažuriranje URL-ova u bazi podataka.

4. Prebacivanje domena i e-mail servisa

1. Prebacivanje domena

Ako prebacujete domen na novi hosting provajder, osigurajte da ažurirate DNS postavke kod vašeg domen provajdera. Promenite A record za vaš domen kako bi pokazivao na IP adresu vašeg novog hosting provajdera.

2. Prebacivanje e-mail servisa

Ako koristite e-mail servise povezane sa vašim domenom, osigurajte da prebacite e-mail servise na novi hosting provajder. Ažurirajte MX record za vaš domen kako bi pokazivao na e-mail servere vašeg novog hosting provajdera.

Ova lekcija pruža detaljan vodič kroz migraciju WordPress sajta, uključujući prebacivanje sajta sa lokalnog servera na live server i sa jednog hosting provajdera na drugi koristeći dodatke za migraciju i FTP. U sledećim lekcijama ćemo se detaljnije baviti kreiranjem i upravljanjem navigacionim menijima.

Lekcija 14: Kreiranje i upravljanje navigacionim menijima

Navigacioni meniji su ključni za olakšavanje navigacije i poboljšanje korisničkog iskustva na vašem sajtu. WordPress omogućava jednostavno kreiranje i upravljanje navigacionim menijima.

Kreiranje novog menija

1. Prijavite se na vaš WordPress dashboard

  • Idite na „Appearance” > „Menus”.
  • Kliknite na „Create a new menu” da biste kreirali novi meni.

2. Unesite naziv menija

  • Unesite naziv novog menija (npr. „Glavni meni”).
  • Kliknite na „Create Menu” da biste kreirali meni.

3. Dodavanje stavki u meni

  • Koristite opcije na levoj strani da dodate stranice, postove, kategorije i prilagođene linkove u meni.
  • Označite stavke koje želite dodati i kliknite na „Add to Menu”.

4. Podesite redosled stavki u meniju

  • Povucite i otpustite stavke u meniju kako biste podesili njihov redosled.
  • Možete kreirati podmenije povlačenjem stavki ispod i udesno od glavnih stavki.

5. Izaberite lokaciju menija

  • Podesite lokaciju menija (npr. primarni meni, podnožje meni) i kliknite na „Save Menu” da biste sačuvali promene.

Prilagođavanje menija i dodavanje naprednih opcija

1. Dodavanje prilagođenih linkova

  • Kliknite na „Custom Links” u sekciji za dodavanje stavki u meni.
  • Unesite URL i tekst linka, a zatim kliknite na „Add to Menu”.

2. Dodavanje kategorija i oznaka

  • Kliknite na „Categories” ili „Tags” u sekciji za dodavanje stavki u meni.
  • Označite kategorije ili oznake koje želite dodati i kliknite na „Add to Menu”.

3. Prilagođavanje naziva stavki

  • Kliknite na strelicu pored naziva stavke u meniju kako biste otvorili opcije za prilagođavanje.
  • Unesite prilagođeni naziv za stavku i kliknite na „Save Menu” da biste sačuvali promene.

4. Dodavanje opisa stavki

  • Ako vaša tema podržava opise stavki u meniju, možete dodati opise klikom na strelicu pored naziva stavke i unosom opisa u polje „Description”.

Korišćenje widgeta za prilagođene menije

1. Dodavanje menija u widget područje

  • Prijavite se na vaš WordPress dashboard.
  • Idite na „Appearance” > „Widgets”.
  • Pronađite widget „Navigation Menu” i povucite ga u željeno widget područje (npr. sidebar, podnožje).

2. Izaberite meni za prikaz

  • U opcijama widgeta, izaberite meni koji želite prikazati.
  • Kliknite na „Save” da biste sačuvali promene.

Napredne opcije za navigacione menije

1. Korišćenje dodataka za napredne menije

  • Instalirajte dodatke kao što su Max Mega Menu ili UberMenu za kreiranje naprednih i mega menija sa dodatnim funkcionalnostima.

2. Prilagođavanje CSS-a za menije

  • Ako želite da prilagodite izgled menija, možete koristiti prilagođeni CSS.
  • Prijavite se na vaš WordPress dashboard.
  • Idite na „Appearance” > „Customize” > „Additional CSS”.
  • Dodajte vaš CSS kod za prilagođavanje menija i kliknite na „Publish” da biste sačuvali promene.

3. Dodavanje ikona u menije

  • Instalirajte dodatak kao što je Menu Icons za dodavanje ikona u stavke menija.
  • Nakon instalacije i aktivacije dodatka, kliknite na strelicu pored naziva stavke u meniju i izaberite ikonu koju želite dodati.

Upravljanje menijima za različite jezike

Ako vaš sajt podržava više jezika, važno je da kreirate i upravljate menijima za svaki jezik.

1. Korišćenje dodataka za više jezika

  • Instalirajte dodatke kao što su WPML ili Polylang za upravljanje višejezičnim sadržajem.

2. Kreiranje menija za svaki jezik

  • Prijavite se na vaš WordPress dashboard.
  • Idite na „Appearance” > „Menus” i kreirajte meni za svaki jezik.
  • Dodajte odgovarajuće stavke u svaki meni i izaberite odgovarajuću lokaciju menija za svaki jezik.

3. Prevođenje stavki menija

  • Koristite opcije dodatka za više jezika kako biste preveli stavke menija na odgovarajuće jezike.

Ova lekcija pruža detaljan vodič kroz kreiranje i upravljanje navigacionim menijima u WordPress-u, uključujući dodavanje stavki, prilagođavanje i korišćenje naprednih opcija. U sledećim lekcijama ćemo se detaljnije baviti osnovnim tehnikama dizajna sajta.

Lekcija 15: Osnovne tehnike dizajna sajta

Dobro dizajniran sajt ne samo da izgleda privlačno, već i poboljšava korisničko iskustvo i angažovanost posetilaca. Evo nekoliko osnovnih principa dizajna sajta:

Tipografija

  • Izbor pravih fontova može značajno uticati na čitljivost i estetiku vašeg sajta.
  • Koristite ne više od 2-3 različita fonta na sajtu kako biste održali doslednost.
  • Osigurajte da su veličine fontova čitljive na svim uređajima (preporučuje se najmanje 16px za osnovni tekst).

Boje

  • Boje igraju ključnu ulogu u dizajnu sajta i mogu uticati na emocionalne reakcije posetilaca.
  • Koristite boje koje odgovaraju brendu vašeg sajta i održavajte konzistentnost u korišćenju boja.
  • Osigurajte dovoljno kontrasta između teksta i pozadine kako bi sadržaj bio čitljiv.

Raspored

  • Raspored elemenata na sajtu treba da bude logičan i intuitivan.
  • Koristite mrežni sistem (grid system) za organizaciju sadržaja i elemenata na stranici.
  • Osigurajte da su najvažniji elementi (kao što su pozivi na akciju) jasno vidljivi i lako dostupni.

Korišćenje vizuelnih graditelja stranica

Vizuelni graditelji stranica omogućavaju jednostavno kreiranje i prilagođavanje stranica koristeći drag-and-drop interfejs. Dva najpopularnija vizuelna graditelja stranica za WordPress su Elementor i Beaver Builder.

1. Elementor

1. Instalacija i aktivacija Elementora
  • Prijavite se na vaš WordPress dashboard.
  • Idite na „Plugins” > „Add New”.
  • U polju za pretragu upišite „Elementor”.
  • Kliknite na „Install Now” i zatim „Activate” da biste aktivirali dodatak.
2. Kreiranje nove stranice sa Elementorom
  • Idite na „Pages” > „Add New”.
  • Unesite naslov stranice i kliknite na „Edit with Elementor”.
  • Koristite drag-and-drop interfejs za dodavanje i uređivanje elemenata na stranici (tekst, slike, dugmad, forme, itd.).
3. Prilagođavanje elemenata
  • Kliknite na bilo koji element na stranici da biste otvorili opcije za prilagođavanje.
  • Prilagodite stilove, raspored i druge opcije prema vašim potrebama.

2. Beaver Builder

1. Instalacija i aktivacija Beaver Buildera
  • Prijavite se na vaš WordPress dashboard.
  • Idite na „Plugins” > „Add New”.
  • U polju za pretragu upišite „Beaver Builder”.
  • Kliknite na „Install Now” i zatim „Activate” da biste aktivirali dodatak.
2. Kreiranje nove stranice sa Beaver Builderom
  • Idite na „Pages” > „Add New”.
  • Unesite naslov stranice i kliknite na „Launch Beaver Builder”.
  • Koristite drag-and-drop interfejs za dodavanje i uređivanje elemenata na stranici (tekst, slike, dugmad, forme, itd.).
3. Prilagođavanje elemenata
  • Kliknite na bilo koji element na stranici da biste otvorili opcije za prilagođavanje.
  • Prilagodite stilove, raspored i druge opcije prema vašim potrebama.

Optimizacija dizajna za mobilne uređaje

Optimizacija za mobilne uređaje je ključna za uspešan dizajn sajta, jer sve više korisnika pretražuje internet putem mobilnih uređaja.

1. Korišćenje responzivnih tema

  • Izaberite WordPress temu koja je responzivna i prilagođava se različitim veličinama ekrana.
  • Testirajte vaš sajt na različitim uređajima kako biste osigurali da izgleda dobro i funkcioniše ispravno.

2. Optimizacija slika

  • Koristite slike koje su optimizovane za brzo učitavanje na mobilnim uređajima.
  • Koristite dodatke kao što su Smush ili EWWW Image Optimizer za kompresiju slika.

3. Poboljšanje brzine učitavanja

  • Koristite dodatke za keširanje kao što su WP Super Cache ili W3 Total Cache kako biste poboljšali brzinu učitavanja vašeg sajta.
  • Koristite CDN (Content Delivery Network) kao što je Cloudflare za ubrzavanje učitavanja sajta.

Korišćenje vizuelnih elemenata

Vizuelni elementi kao što su slike, video zapisi i grafike mogu značajno poboljšati izgled i angažovanost vašeg sajta.

1. Dodavanje slika i galerija

  • Koristite slike visoke kvalitete koje su relevantne za vaš sadržaj.
  • Koristite galerije za prikazivanje više slika na privlačan način. Dodaci kao što su Envira Gallery ili NextGEN Gallery mogu vam pomoći da kreirate prelepe galerije.

2. Ugradnja video zapisa

  • Video zapisi mogu poboljšati angažovanost korisnika i preneti informacije na efektivan način.
  • Ugradite video zapise sa platformi kao što su YouTube ili Vimeo koristeći ugrađene blokove u Gutenberg editoru ili dodatke kao što je Embed Plus for YouTube.

3. Korišćenje grafika i infografika

  • Grafike i infografike mogu vizuelno prikazati informacije i učiniti vaš sadržaj zanimljivijim.
  • Koristite alate kao što su Canva ili Piktochart za kreiranje prilagođenih grafika i infografika.

Ova lekcija pruža detaljan vodič kroz osnovne tehnike dizajna sajta, uključujući tipografiju, boje, raspored i korišćenje vizuelnih graditelja stranica kao što su Elementor i Beaver Builder. U sledećim lekcijama ćemo se detaljnije baviti radom sa formama i osnovama e-trgovine sa WooCommerce.

KOMPLETAN KURS WORDPRESS-A

Ako ste početnik i želite detaljan i praktičan pristup učenju WordPressa, preporučujemo vam da se prijavite na kurs Live Škola WordPress-a. Ovaj WordPress kurs nudi sveobuhvatan program koji pokriva sve aspekte izrade i održavanja sajta. Kurs je dizajniran da vam omogući praktično iskustvo i da vas vodi korak po korak kroz proces izrade sajta. Na kraju kursa, imaćete ne samo teoretsko znanje, već i praktične veštine koje možete odmah primeniti, na kursu imate podršku dva mentora Aleksandar Đekić i Petar Kordić. Ovaj kurs nudi detaljan i praktičan pristup učenju WordPressa i Elementora, sa naglaskom na kreiranje profesionalnih sajtova.