UNIVERZITET U BEOGRADU

FAKULTET ORGANIZACIOIH NAUKA

LABORATORIJA ZA ELEKTRONSKO POSLOVANJE







WordPress











Sadraj
1. Uvod ...................................................................................................................................................... 5
2. Instalacija WordPress-a na lokalnom serveru ....................................................................................... 5
3. Instalacija WordPress-a na ELABHosting ............................................................................................ 11
3.1. Kreiranje sajta i podeavanje domena ........................................................................................ 11
3.2. Kreiranje mySQL baze podataka i korisnika ................................................................................ 14
3.3. Postavljanje sadraja sajta (prebacivanje instalacionog paketa WordPress-a i raspakivanje
arhive) 18
4. Administracija WordPressa ................................................................................................................. 26
5. Administracija sadraja ....................................................................................................................... 27
5.1. Administracija lanaka ................................................................................................................ 28
5.2. Unos lanaka ............................................................................................................................... 29
5.3. Izmena i brisanje lanaka ............................................................................................................ 29
5.4. Dodavanje novih i izmena postojedih kategorija ........................................................................ 30
5.5. Dodavanje i izmena tagova ......................................................................................................... 31
6. Administracija strana .......................................................................................................................... 32
7. Administracija komentara ................................................................................................................... 34
8. Rad sa menijima .................................................................................................................................. 34
8.1. Kreiranje novog menija ............................................................................................................... 35
8.2. Dodavanje stavki ......................................................................................................................... 35
8.3. Ureivanje stavki menija............................................................................................................. 36
8.4. Prikaz menija ............................................................................................................................... 37
9. Administracija korisnika ...................................................................................................................... 37
10. WordPress SEO (Search Engine Optimization)................................................................................ 39
10.1. Osnovni SEO u WordPress-u ................................................................................................... 39
10.1.1. URL-ovi ................................................................................................................................ 39
10.1.2. Optimizujte vae naslove za SEO ........................................................................................ 41
10.1.3. Optimizovanje opisa............................................................................................................ 43
10.1.4. Optimizacija slika ................................................................................................................ 43
10.1.5. XML mape sajta ................................................................................................................... 44
10.2. Optimizacija templejta ............................................................................................................ 44
10.2.1. Breadcrumbs ....................................................................................................................... 44
10.2.2. Naslovi ................................................................................................................................. 45
10.2.3. Oistite svoj kod .................................................................................................................. 45
10.2.4. Brzina .................................................................................................................................. 45
10.2.5. Poboljajte sidebar .............................................................................................................. 45
10.2.6. HTML sitemaps .................................................................................................................... 45
10.3. Napredni WordPress SEO i dupliranje sadraja ...................................................................... 46
10.3.1. Neindeksiranje, stranice arhive i onemugudavanje arhiva ................................................. 46
10.3.2. Onemogudite nepotrebne arhive ........................................................................................ 47
10.3.3. Paginacija ............................................................................................................................ 47
10.3.4. Neindeksiranje nepotrebnih linkova ................................................................................... 47
10.3.5. Kanoniki link elementi ....................................................................................................... 47
10.4. Struktura sajta za bolje rangiranje .......................................................................................... 47
10.4.1. Stranice umesto postova .................................................................................................... 47
10.4.2. Izmena postova ................................................................................................................... 47
10.4.3. Linkovanje ka povezanim postovima .................................................................................. 48
10.4.4. Ne stavljajte previe tagova ................................................................................................ 48
10.5. Optimizacija konverzacija ....................................................................................................... 48
10.6. Optimizacija komentara .......................................................................................................... 48
Ukljuite korisnike u konverzaciju....................................................................................................... 48
10.6.1. Ubedite korisnike da ostave komentar ............................................................................... 49
10.6.2. Uspostavite vezu sa onima koji komentariu ...................................................................... 49
10.6.3. Odrite korisnike u konverzaciji .......................................................................................... 49
10.7. Off site blog SEO ............................................................................................................................ 49
10.7.1. Zapratite one koji komentariu ............................................................................................... 49
10.7.2. Koristite Twitter ...................................................................................................................... 49
10.7.3. Pronaite sline blogove i uspostavite komunikaciju ............................................................. 50
10.8. Merenje rezultata .......................................................................................................................... 50
11. Izmene na WordPress temi ............................................................................................................. 51
11.1. Studija sluaja: Sajt Katedre za Elektronsko poslovanje ......................................................... 52
11.1.1. Kreiranje Elab child teme .................................................................................................... 53
11.1.2. Aktiviranje teme .................................................................................................................. 54
11.1.3. Kreiranje neophodne strukture .......................................................................................... 54
11.1.4. Zadatak 1: Sreivanje zaglavlja (header.php) ..................................................................... 55
11.1.5. Zadatak 2: Sreivanje poetne stranice .............................................................................. 57
11.1.6. Zadatak 3: Sreivanje sidebar-a .......................................................................................... 63
11.1.7. Zadatak 4: Sreivanje footer-a ............................................................................................ 65
12. Za one koji ele vie .............................................................................................................................. 68
12.1. Prebacivanje sajta sa lokalnog servera na udaljeni server ....................................................... 68
12.2. Viejezinost sajta ..................................................................................................................... 72
12.3 WordPress i SEO 301 redirekcija .............................................................................................. 73
12.4 Preporueni dodaci za WordPress ............................................................................................ 76
12.4.1. Poboljanje performansi sajta .......................................................................................... 76
12.4.2 Pradenje posedenosti sajta ............................................................................................... 77
12.4.3 Umreavanje i komentarisanje ......................................................................................... 77
12.4.4 Galerija slika ...................................................................................................................... 78
12.5 Resursi za dalje usavravanje ................................................................................................... 79



1. Uvod
WordPress je jednostavan bloging sistem i najpopularnija blog platforma za upravljanje sadrajem. Ono
to WordPress razlikuje od drugih sistema za upravljanje sadrajem je jednostavnost pokretanja i
koridenja, brzina u radu, veliki broj dodataka u vidu plaginova i tema, kao i prisustvo ogromne
zajednice.
Da bi WordPress funkcionisao, neophodno je obezbediti adekvatan domen i hosting. Obzirom da
WordPress izvrava PHP stranice i sve podatke belei u mySQL bazu podataka, potrebno je pronadi
server koji de raditi sa PHP-om i mySQL-om. Na internetu moemo pronadi veliki broj servera koji
podravaju ovakav rad. Ipak, u praksi se svi dinamiki sajtovi najpre kreiraju na lokalnom raunaru,
odnosno na lokalnom serveru, a kada su izvrene sve modifikacije i testiranja, sadraj sajta se postavlja
na zakupljeni server. Takav sluaj je i sa WordPress-om.
2. Instalacija WordPress-a na lokalnom serveru
Da bi instalirali WordPress na lokalnom raunaru, potrebno je skinuti neke od slededih programskih
paketa koji simuliraju lokalni server: WAMP, XAMPP, LAMP itd. U ovom primeru, predstavidemo rad sa
WampServer-om koji radi na Windows operativnom sistemu. WampServer predstavlja besplatan
program koji u sebi sadri Apache server, mySQL i PHP. Sam proces instalacije WampServer-a je
jednostan i sastoji se u odabiru instalacionog direktorijuma (podrazumevana putanja je: C: \wamp) i
startovanju servera po zavretku instalacije. Nakon instalacije, pojavide se nova ikonica u taskbaru.
Levim klikom na ikonicu, otvara se glavni meni WampServera:

Ukoliko je ikonica WampServer-a crvene boje, to znai da servisi (Apache, mySQL i PHP) nisu ukljueni.
Klikom na Start All Services ukljuuju se potrebni servisi, ime je na ovaj nain omoguden rad lokalnog
servera.
Napomena: Wamp, kao i popularni program za glasovnu komunikaciju putem interneta, Skype, koristi
isti port, te de prilikom pokretanja servera sa ukljuenim Skype-om, server prijaviti greku. U tom
sluaju, potrebno je iskljuiti Skype, kako bi se lokalni server pokrenuo.
U okviru panela WampServer-a, klikom na Localhost ili uitavanjem linka localhost u web browser-u
poziva se izvrni direktorijum servera instaliranog na raunaru. Prilikom instalacije i kreiranja dinamikog
sajta, sav sadraj treba iskopirati u izvrni direktorijum. Preporuuje se da se u okviru izvrnog
direktorijuma kreira poseban direktorijum za odreeni sajt, u okviru kojeg de se nalaziti sve datoteke i
direktorijumi. Podrazumevana putanja izvrnog direktorijuma servera za WAMP je C:\wamp\www

Izborom opcije Localhost, u web browser-u se prikazuje poetna strana WampServera, sa podacima o
verziji Apache servera, PHP-a, instaliranim dodacima, kao i projektima koji se nalaze u izvrnom
direktorijumu servera.

Pre nego to ponemo sa instalacijom WordPress-a, potrebno je kreirati bazu podataka u kojoj de se
nalaziti svi podaci sajta. Izborom opcije phpMyAdmin iz WampServer panela u web browser-u ili
uitavanjem linka localhost/phpmyadmin, otvara se phpMyAdmin panel pomodu kojeg moemo vriti
upravljanje bazama podataka skladitenim na Apache serveru.
Klikom na Databases otvara se forma za kreiranje nove baze. U okviru polja Create database, potrebno
je uneti naziv baze, a zatim izabrati opciju Create. Ime novokreirane baze koristide se prilikom instalacije
WordPress-a.
U navedenom primeru, kreirana je baza podataka sa imenom wordpress.

Nakon kreiranja baze, iz sigurnosnih razloga, neophodno je kreirati korisnika koji de imati privilegije da
upravlja tom bazom. Odabrati opciju Users, koja omogudava upravljanje korisnika.

Da bismo dodelili privilegije, najpre je potrebno kreirati korisnika. Klikom na opciju Add User otvara se
forma za unos novog korisnika. U okviru Login information, potrebno je uneti podatke o nazivu korisnika
baze (user name), lokalnom hostu (host u vedini sluajeva unosi se localhost), ifru i ponovljenu ifru
korisnika baze. Nakon unoenja podataka, u delu Global Privileges potrebno je izabrati opciju Check All
kako bi korisnik imao potrebne privilegije za upravljanje bazom podataka. Po zavretku, klikom na
dugme Create user zavrava se postupak kreiranja korisnika.
U navedenom primeru, kreiran je korisnik sa nazivom i ifrom wordpress.


Slededi korak je instalacija WordPress-a. Na zvaninom sajtu www.WordPress.org, moe se preuzeti
poslednja verzija instalacionog paketa (u trenutku pisanja, verzija 3.5.1.). Preuzetu arhivu je potrebno
raspakovati u izvrnom direktorijumu lokalnog raunara, odnosno u C:\wamp\www\wordpress.
Instalacija se pokrede putem poetne strane WampServera ili direktnim unoenjem linka u web browser-
u (u navedenom primeru localhost/wordpress).
Obzirom da se instalacija pokrede po prvi put, najpre se pristupa kreiranju konfiguracionionog fajla wp-
config.php u kojem se nalaze parametri za povezivanje sa bazom. Konfiguracioni fajl se kreira klikom na
Create a Configuration File.

Slededi korak omoguduje povezivanje WordPress-a sa prethodno kreiranim podacima o korisniku i bazi
podataka. Vrednosti parametara koje smo ranije definisali (naziv i ifra korisnika, ime baze, host)
potrebno je uneti u odgovarajuda polja.

Klikom na Submit proverava se konekcija i ako je ona uspena, u slededem koraku potrebno je izabrati
dugme Run the install koje pokrede instalaciju WordPress-a.

U poslednjem koraku instalacije, unose se kljuna podeavanja vezana za sajt - ime sajta, pristupne
podatke administratorskom delu, tj. korisniko ime, ifru i e-mail. Iako se ceo proces odvija na lokalnom
serveru, poeljno je ukljuiti opciju indeksiranja od strane pretraivaa zbog bolje optimizacije sajta.
Nakon unosa potrebnih podataka, klikom na Install WordPress, zavrava se proces instalacije
WordPress-a.

Ako su uputstva ispotovana na pravi nain, instalacija de biti uspeno zavrena.
Javnom delu WordPress-a moe se pristupiti odlaskom na localhost/wordpress, dok se
administratorskom delu moe pristupiti putem localhost/wordpress/wp-admin.
3. Instalacija WordPress-a na ELABHosting
ELABHosting je platforma Laboratorije za elektronsko poslovanje koja omogudava besplatni hosting
studentskih sajtova za potrebe predmeta Laboratorije. Postupak instalacije WordPress-a je slian, a on
se sastoji iz slededih koraka:
1. Kreiranje sajta i podeavanje domena
2. Kreiranje mySQL baze podataka i korisnika
3. Postavljanje sadraja sajta (prebacivanje instalacionog paketa WordPress-a i raspakivanje arhive)
3.1. Kreiranje sajta i podeavanje domena
Nakon dobijanja vaedih podataka (korisniko ime i lozinka) za pristup ELABHosting-u, neophodno je
ulogovati se na ISPConfig kontrolni panel klikom na slededi link: https://student.elab.fon.bg.ac.rs/panel/

ELABHosting studentima prua mogudnost kreiranja poddomena u formatu
nazivsajta.student.elab.fon.bg.ac.rs. Kreiranje novog poddomena se izvrava u okviru sekcije Sites
Website, klikom na dugme Add new website.
U okviru podeavanja, ne treba menjati IP adrese (IPv4 treba da bude *, IPv6 treba da bude prazna).
Naziv poddomena je lokacija sajta i upisuje se u slededem formatu nazivsajta.student.elab.fon.bg.ac.rs.
Naredni parametri odnose se na kvote na disku i na doputen protok koji se moe koristiti na sajtu.
Maksimalna veliina kvote na disku je 100 MB, dok je maksimalna veliina kvote za doputen protok
2000 MB. Ukoliko korisnik eli da vidi poruke o HTTP grekama, potrebno je ukljuiti opciju Own Error-
Documents. Parametri za PHP podeavanja treba da ostanu nepromenjena (PHP je fast-cgi, a PHP
version je default). Na kraju, da bi sajt bio aktiviran, potrebno je izabrati opciju Active i kliknuti na dugme
Save.
U navedenom primeru, koristi se WordPress.student.elab.fon.bg.ac.rs kao poddomen na koji se instalira
WordPress.

Da bi poddomen bio aktiviran, potrebno je podesiti DNS zonu. U okviru sekcije DNS, izabrati opciju DNS
Wizard Add DNS zone. U podeavanjima izabrati ablon ELABStudent, a naziv zone treba da bude
identian kao naziv poddomena koji je kreiran u prethodnom koraku. U polje E-mail upisati svoju e-mail
adresu. Klikom na Create DNS-Record, kreirade se DNS zona i posle nekoliko minuta sajt bi trebalo da
bude vidljiv na internetu.
U navedenom primeru, naziv poddomena je wordpress.

Kako bi se obezbedila brza vidljivost domena na internetu, nakon kreiranja zone kliknuti na nju i upisati
parametar 147.91.130.22,172.20.221.22 u polje Allow Zone Allow zone transfers to these IPs (comma
separated list), a zatim izabrati dugme Save.

Posle nekoliko minuta, sajt je vidljiv na odabranoj adresi. U navedenom primeru, adresa je
http://wordpress.student.elab.fon.bg.ac.rs

3.2. Kreiranje mySQL baze podataka i korisnika
Nakon kreiranja poddomena, potrebno je aktivirati korisnika i bazu podataka koji de biti povezani sa
WordPress-om. Izborom opcije Sites Database Users u ISPConfig panelu i klikom na dugme Add new
User, otvoride se forma za unos korisnikog imena i lozinke za pristup MySQL serveru.

U navedenom primeru, koristidemo wordpress za ime i lozinku korisnika.

Nakon kreiranja, obratiti panju na ime mySQL korisnika, obzirom da sistem prilikom kreiranja korisnika
automatski dodaje prefiks.

U navedenom sluaju, prefiks je c16, tako da korisniko ime za pristup bazi nije wordpress, ved
c16wordpress.
Izborom opcije Sites - Databases i klikom na dugme Add new database, prelazi se na korak kreiranja
baze.

Prilikom unoenja parametara za kreiranje baze, neophodno je podesiti sajt (domen) na kome se koristi
baza, tip baze uvek treba postaviti na MySQL. U polje Database name se unosi naziv baze, a u okviru
Database user se bira mySQL korisnik kreiran u prethodnom koraku. Kako bismo obezbedili podrku za
srpska slova, u okviru polja Database Charset potrebno je izabrati opciju UTF-8. Na kraju, Remote Access
ne treba aktivirati, a polje Active je potrebno izabrati. Baza se kreira klikom na dugme Save.

I prilikom kreiranja baze potrebno je obratiti panju na prefiks. U ovom sluaju je u pitanju takoe c16,
pa je pun naziv baze c169wordpress.

Sa kreiranim parametrima moemo runo formirati i modifikovati bazu upotrebom phpMyAdmin alata,
tako to demo se na adresi https://student.elab.fon.bg.ac.rs/phpmyadmin/ ulogovati koristedi ime i
lozinku prethodno kreiranog korisnika.
U navedenom primeru, u pitanju je korisnik sa imenom c169wordpress i lozinkom wordpress.

Postupak kreiranja baze na ELABHostingu je identian kreiranju baze na lokalnom serveru.
3.3. Postavljanje sadraja sajta (prebacivanje instalacionog paketa
WordPress-a i raspakivanje arhive)
Da bismo postavili sadraj na sajtu, odnosno da bismo prebacili instalacioni paket skinut sa sajta
WordPress-a, neophodno je kreirati FTP nalog u ISPConfig panelu, koji de omoguditi koridenje prenosa
fajlova. Izborom opcije Sites FTP users i klikom na dugme Add new FTP-User, otvara se forma za unos
novog FTP naloga.
Proces kreiranja FTP naloga je slian procesu kreiranja korisnika mySQL baze. U polje Website izabrati
sajt (domen) na koji se nalog odnosi. Sledi unos korisnikog imena i lozinke za pristup sajtu. I ovde treba
obratiti panju da ISPConfig automatski dodaje prefiks, u vidu korisnikog imena za pristup panelu. Na
kraju, potrebno je izabrati kvotu na disku koja se primenjuje na dati FTP nalog. Broj koji se unosi mora da
bude manji ili jednak od ukupnog maksimalnog korisnikog prostora na disku koji smo definisali prilikom
kreiranja sajta (domena). Unos se zavrava klikom na dugme Save.

Nakon kreiranja naloga, mogude je pristupiti fajlovima sajta (domena) koridenjem FTP klijenta (FileZilla,
WinSCP, Total Commander Connect to FTP Server funkcija) ili koridenjem ISPConfig veb aplikacije za
prenos fajlova.
FTP podeavanja su slededa:
Hostname (FTP Server): student.elab.fon.bg.ac.rs
Port: 21
Encryption (Enkripcija): TLS
User name (Korisniko ime): FTP nalog kreiran pomodu ISPConfig kontrolnog panela
Password (Lozinka): FTP lozinka kreirana pomodu ISPCofnig kontrolnog panela
Prilikom kreiranja konekcije upotrebom FTP klijenta, preporuuje se koridenje pasivnog FTP reima
(passive mode).
U naem sluaju, korisniko ime je wordpress01wordpress, a lozinka wordpress.
U nastavku teksta, koristidemo program za upravljanje datotekama i organizaciju fajlova, Total
Commander, koji u sebi sadri opciju konfigurisanja FTP konekcija.
Po startovanju Total Commander-a, izabrati opciju Net - FTP Connect, nakon ega se otvara prozor za
podeavanje postojedih ili kreiranje novih konekcija.

Po otvaranju prozora, izabrati opciju New connection. U novom prozoru, izvriti podeavanja kao na slici,
uz zamenu parametara User name i Password sa prethodno kreiranim FTP nalogom.

Nakon kreiranja, u delu za upravljanje konekcijama, izabrati konekciju i kliknuti na dugme Connect.
Nakon uspene konekcije, pojavide se struktura direktorijuma kao na slici:

Sadraj svih fajlova na sajtu nalazi se u folderu web, to znai da se u okviru tog foldera mora izvriti
upload svih fajlova sajta. U okviru tog foldera, nalaze se fajlovi .htaccess, index.html, favicon.ico i
robots.txt, koji se odnose na podrazumevanu poetnu stranu i njih je bezbedno obrisati. Foldere error i
stats je poeljno ostaviti, jer oni slue za prikaz HTTP greaka i prikupljanje podataka o posedenosti sajta.
Nakon brisanja fajlova, raspakovanu arhivu instalacionog paketa WordPress-a potrebno je kopirati u
direktorijum web.
Manipulacija fajlovima moguda je i koridenjem ISPConfig veb aplikacije za prenos fajlova, koja se nalazi
na adresi https://student.elab.fon.bg.ac.rs/filemanager/. Podeavanja su identina kao i kod kreiranja
FTP konekcije.

Nakon logovanja, otvoriti folder web, a zatim kliknuti na dugme Upload.

U okviru forme za upload, klikom na dugme Choose File nalazimo putanju instalacionog paketa
WordPress-a. Da bismo zapoeli proces prebacivanja arhive na server, potrebno je izabrati dugme
Submit (zeleni check mark).

Nakon uspenog uploada instalacionog paketa WordPress-a, arhivu je potrebno raspakovati.
Izborom arhive i klikom na dugme Unzip u okviru veb aplikacije, otvara se forma za raspakivanje arhive,
odnosno instalacionog paketa.

Klikom na Submit (zeleni check mark), proces raspakivanja poinje i sistem po zavretku vrada potvrdan
odgovor.

Po zavretku raspakivanja, obrisati prethodno upload-ovanu arhivu. Brisanje se vri selektovanjem
arhive i klikom na dugme Submit.

Instalacija WordPress-a je slina instalaciji na lokalnom serveru, a ona se pokrede linkom
http://nazivsajta.student.elab.fon.bg.ac.rs/wordpress/
U navedenom primeru, link je http://WordPress.student.elab.fon.bg.ac.rs/wordpress/.

Klikom na dugme Create Configuration File, a zatim na Let's Go! dolazi se do koraka gde je potrebno
uspostaviti konekciju izmeu WordPressa i baze koju smo u prethodnim koracima kreirali.
U navedenom primeru, vrednosti parametara (naziv i ifra korisnika, ime baze, host) unose se kao to je
prikazano na slici:

Nakon uspeno-uspostavljene konekcije, klikom na dugme Run the install pokrede se instalacija
WordPress-a.

U slededem, poslednjem koraku, unose se informacije o nazivu sajta i pristupnim podacima
administratorskom delu. Unoenjem potrebnih podataka, klikom na Install WordPress, zavrava se
proces instalacije WordPress-a.

Ako su uputstva ispotovana na pravi nain, instalacija de biti uspeno zavrena.




4. Administracija WordPressa
WordPress CMS ima dva dela: administratorski deo, u okviru kojeg se sajt aurira i kome mogu pristupiti
administratori i korisnici sa odreenim privilegijama i javni deo, iji je sadraj omoguden svim
posetiocima.

Administratorskom delu se pristupa unoenjem linka adresasajta/wp-admin (primer: localhost/wp-
admin) nakon unoenja korisnikog imena i ifre definisanih tokom instalacije WordPress-a.



Administratorski panel (Dashboard) predstavlja poetnu lokaciju za odravanje sajta. U okviru menija
koji se nalazi na levoj strani, pristupa se upravljanju razliitim opcijama i segmentima na sajtu. Na vrhu
panela, pored preica za izvravanje odreenih operacija, nalazi se i tab Screen options putem kojeg se
vri aktiviranje i deaktiviranje prozora koji de biti prikazani u okviru administratorskog panela.

5. Administracija sadraja
Sadraj u WordPressu je podeljen na lanke, strane i komentare.
lanak se vezuje za dinamian sadraj, koji poseduje svoju kategoriju i datum kada je kreiran, a prema
podrazumevanim podeavanjima WordPress-a , on se hronoloki prikazuje na poetnoj strani sajta.
lanak se najede koristi za objavu vesti ili blog-postova na sajtu. Administraciji lanaka pristupa se
klikom na Posts u okviru menija sa leve strane, gde se moe izvriti unos, izmena i brisanje lanaka, kao i
kreiranje kategorija. Osim kategorija, lanci se mogu organizovati i koridenjem tagova, koji preciznije
definiu ta se nalazi u kategorijama.
Strane su veoma sline lancima, osim to su one vezane za kategoriju i koriste se za objavu statikog
sadraja. Administraciji strana pristupa se klikom na Pages u okviru menija sa leve strane, gde se moe
izvriti unos, izmena i brisanje lanaka.
Treda vrsta sadraja su komentari, ime se posetiocima sajta omoguduje kreiranje sadraja. lanci i
strane mogu imati komentare, i oni su prema podrazumevanim podeavanjima WordPressa prikazani u
rastudem redosledu, odnosno od najstarijeg komentara do najnovijeg. Administracija komentara vri se
klikom na Comments u okviru menija sa leve strane, gde se moe izvriti unos, izmena i brisanje
komentara.
5.1. Administracija lanaka
Kada se iz menija izabere opcija Posts, dobija se forma za administraciju lanaka u WordPressu. U okviru
ovog dela, prikazuje se listing svih unetih lanaka, kao i osnovne informacije o svakom lanku (naslov,
autor, kategorija, tag, broj komentara, datum objavljivanja). Na vrhu listinga prikazuju se opcije za
pretragu i filter lanaka po kategorijama ili datumu objave. Prelaskom kursora preko listinga mogude je
izvriti pregled, izmenu ili brisanje lanaka.







5.2. Unos lanaka
Dodavanje novog lanka vri se izborom opcije Add New iz menija Posts.

Prilikom kreiranja, obratiti panju na naslov, tekst lanka, kategoriju kojoj pripada lanak i tagove. Po
uspenom unosu, lanak je neophodno sauvati. Izborom opcije Save Draft, omoguduje se uvanje
nacrta lanka u sluaju njegove naknadne revizije, a klikom na Publish lanak se objavljuje i postaje
vidljiv na sajtu.
5.3. Izmena i brisanje lanaka
Prelaskom kursora preko odreenog lanka omoguduju se opcije za izmenu i brisanje istih. Klikom na
Edit, otvara se forma identina formi za unos lanaka koja omogudava njihovu potpunu izmenu.

Klikom na Quick Edit, otvara se prozor za izmenu naslova lanka, kategorija, tagova lanka i sl.

Izborom opcije Trash, lanak se brie, i trajno smeta u Trash listing, kojem se pristupa klikom na
istoimeni link u vrhu Posts panela.

5.4. Dodavanje novih i izmena postojeih kategorija
lanci su u WordPress-u hijerarijski kategorisani. Dodavanje novih i izmena postojedih kategorija vri se
izborom opcije Categories. Nakon unoenja naziva kategorije, klikom na Add New Category sledi
kreiranje kategorije. Kategorije imaju svoju hijerarhiju, pa je tako mogude podesiti da odreena
kategorija pripada drugoj, tj. da ona bude podkategorija neke od ved kreiranih kategorija (opcija Parent).
Opis kategorije slui za internu potrebu i nije javno vidljiv na sajtu.

U okviru iste forme, mogude je izvriti izmenu postojedih kategorija. Sa desne strane, klikom na
kategoriju, otvara se nova forma koja prua mogudnost izmene informacija.

5.5. Dodavanje i izmena tagova
Tagovi se pored mogudnosti kreiranja u okviru lanaka, mogu kreirati klikom na Tags u meniju Posts.
Proces kreiranja novih i izmene postojedih tagova je identian procesu kreiranja i izmene kategorija.

6. Administracija strana
Izborom opcije Pages u okviru menija sa leve strane, pristupa se listingu strana.

Formi za unos nove strane se moe pristupiti izborom opcije Add New, a postupak kreiranja je veoma
slian procesu kreiranja lanaka. Podsedamo, strana ne poseduje kategorije i tagove. Nakon unosa
naslova i teksta, strana se moe objaviti klikom na dugme Publish.

Prelaskom kursora preko odreenog lanka omoguduju se opcije za izmenu i brisanje strana. Klikom na
Edit, otvara se forma identina formi za unos strane koja omoguduje potpunu izmenu strane.


7. Administracija komentara
Pregled svih komentara vri se u delu Comments u levom meniju. Panel administracije komentara prua
mogudnost odobravanja ili neodobravanja komentara, odgovora na komentar, izmene komentara,
oznaavanja komentara kao spam ili brisanja komentara.

8. Rad sa menijima
Izborom opcije Appearance, a zatim Menus, otvoride se forma za rad sa menijima. Meni se u potpunosti
moe prilagoditi i svaki od njih sadri stavk, u okviru kojih se mogu nadi linkovi koji usmeravaju ka drugoj
stranici sajta, ka nekom drugom sajtu ili ka nekoj kategoriji lanaka.


8.1. Kreiranje novog menija
Da bismo kreirali novi meni, potrebno je u formi za rad sa menijima kliknuti na jeziak +. Prilikom
kreiranja menija, neophodno je zadati naziv menija, a zatim izabrati dugme Create Menu. Nakon toga,
pristupa se dodavanju stavki menija.

8.2. Dodavanje stavki
Nakon kreiranja menija, potrebno je odabrati stavke koje de se nalaziti u meniju. Meni moe sadrati
sve prethodno kreirane stranice, eksterne linkove, kao i postojede kategorije sajta . Sa leve strane,
nalaze se kolone za kreiranje eksternih linkova, redom rasporeene stranice i kategorije.

Da bismo dodali eksterni link, najpre je potrebno uneti adresu, kao i naziv adrese koji de se pojaviti u
meniju. Nakon ubacivanja podataka, klikom na Add to Menu stavka se unosi u meni.

Proces unoenja stranice je slian unoenju eksternog linka. Iz dela Pages, klikom na View All dobija se
prikaz svih stranica. Nakon izbora eljene stranice, izborom Add to Menu ona de biti uneta u meni.

Nakon unoenja svih stavki, klikom na Save Menu uvaju se postavke menija.
8.3. Ureivanje stavki menija
Svim stavkama menija pristupa se izboromeljenog menija, nakon ega de na desnoj strani biti izlistane
stavke koje pripadaju tom meniju. Jednostavnim pomeranjem, stavkama se moe menjati redosled,
odnosno njihova pozicija. Klikom na jeziak stavke, omoguduje se izmena elementa stavke, a koja
ukljuuje izmenu naslova, dodavanje atributa naslovu, kao i brisanje stavke.


8.4. Prikaz menija
Prikaz menija se kontrolie u okviru dela Appearance, izborom opcije Widgets. U formi za rad sa
widgetima, potrebno je prevudi widget sa imenom Custom Menu na odgovarajudi sidebar instalirane
teme. Nakon prebacivanja, sledi unos naziva menija i biranje menija koji de biti prikazan. Po zavretku,
klikom na dugme Save uvaju se izmene.

9. Administracija korisnika
Panelu za administraciju korisnika pristupa se izborom opcije Users iz menija sa leve strane, nakon ega
se otvara forma koja prikazuje sve registrovane korisnike.

Korisnik se kreira klikom na Add New. Prilikom kreiranja korisnika, obavezno je uneti korisniko ime, e-
mail, kao i ifru korisnika. U delu za dodelu uloge (Role), omoguduje se izbor slededih uloga:
Pretplatnik (Subscriber) obian korisnik, moe da komentarie, ali nema prava na menjanje
sadraja na stranici
Saradnik (Contributor) korisnik koji moe napisati lanak, ali ga ne moe objaviti
Autor (Author) korisnik koji moe napisati i objaviti lanak
Urednik (Editor) korisnik koji pored svojih, moe ureivati i tue lanke, odnosno sve lanke
na sajtu
Administrator (Administrator) korisnik je administrator sajta, ime je omoguden pristup svim
delovima


10. WordPress SEO (Search Engine Optimization)
WordPress je jedan od najboljih CMS-ova kada je u pitanju SEO. Naredne preporuke mogu vam mnogo
pomodi da poboljate svoj ranking, dobijete vie subscriber-a i da napravite bolji sajt.
WordPress SEO Plugin
Postoji veliki broj plugin-ova za poboljanje optimizacije sajtova, ali najvie se izdvaja WordPress SEO
plugin koji moemo redi objedinjuje vedinu prethodno navedenih. Ovaj plugin se u praksi pokazao toliko
modnim da ga koriste i dosta popularni sajtovi kao to su SearchEngineLand, The Next Web, Mashable i
veoma je stabilan, spreman za koridenje i moete ga besplatno preuzeti sa slededeg linka
http://yoast.com/WordPress/seo/.
10.1. Osnovni SEO u WordPress-u
WordPress je dosta dobro optimizovan sistem i u velikoj meri obavlja bolji posao pri dozvoljavanju
svakoj stranici da bude indeksirana od bilo kog drugog CMS-a, ali postoji nekoliko stvari koje bi trebalo
uraditi kako bi nam bilo olakano samo koridenje WordPress-a.
10.1.1. URL-ovi
10.1.1.1. Struktura permalinkova
Prva stvar koju je potrebno promeniti je struktura permalinkova. Ova podeavanja moete nadi pod
odeljkom Settings Permalinks. Default permalink je ?p=<postid>, ali najbolja praksa je koristiti /post-
name/ ili /category/post-name/. Za prvu opciju potrebno je da promenite podeavanje na Custom
Structure odnosno da obeleite /%postname%/



Da ukljuite i kategoriju potrebno je selektovati Custom Structure i promeniti vrednost na
/%category%/%postname%/. Ukoliko ste pre toga imali ?p=<postid> kao va permalink WordPress de se
pobrinuti za sva preusmerenja. Ovo se takoe deava ukoliko menjate sa
/%postname%/ na /%category%/%postname%/ permalink.
10.1.1.2. Linkovi sa WWW ili bez WWW
Morate da odluite kako elite da se va sajt pojavi, kao www.example.com ili jednostavno samo
example.com. Proverite pod odeljkom Settings General da li ste pravilno upisali eljenu opciju.



Takoe, potrebno je i da u odeljku Settings Preferred domain izaberete prethodno izabranu opciju za
prikaz domena.



10.1.1.3. Stop words
Poslednja stvar koju bi trebalo uraditi vezano za permalinkove kako biste poboljali va WordPress SEO
je da uklonite tzv. stopwords. Ukoliko je va sajt na engleskom jeziku primeri ovih rei su a, and,
the itd. Poevi od verzije 1.1.6 WordPress SEO plugin-a automatski se uklanjaju ove rei iz vaih slug-
ova (URL-a posle domena) nakon to sauvate post tako da dete na ovaj nain izbedi kreiranje dugakih
URL-ova kada kreirate naslov vaeg posta.
Ovo je neto to sigurno ne elite da menjate kad ved objavite post. Ukoliko su posetioci ved linkovali ka
ovom postu pokuajte da ne menjate permalink, ali ukoliko morate onda se pobrinite da post bude
pravilno preusmeren. U vedini sluajeva WordPress de preusmeriti stari URL ka novom, ali ukoliko to ne
uradi moradete to sami da uradite.
10.1.2. Optimizujte vae naslove za SEO
Naslovi tj. sadraji u okviru <title> taga vaih stranica su jedna od najvanijih faktora za rangiranje u
rezultatima pretrage. Oni ne predstavljaju samo nazive tabova u vaim pretraivaima ved su i prva linija
koju ljudi vide u rezultatima pretrage, a nakon toga se nalaze URL i odseak (snippet) koji se uglavnom
sastoji iz datuma i opisa koji je postavljen u okviru meta tagova.



Na velikom broju blogova naslovi blog postova su jo uvek Blog title Blog Archive Keyword rich post
title ili Blog title Keyword rich post title. Kako biste privukli na svoj sajt to vie posetilaca potrebno
je ovo promeniti iz dva razloga:
Pretraivai vedu teinu postavljaju na rei blie poetku tako da ukoliko su kljune rei blie
poetku samog naslova stranice imadete vede anse za bolji ranking.
Ljudi koji gledaju rezultate pretrage de prvo uoiiti rei blie poetku tako da ukoliko su kljune
rei blie samom poetku imadete vede anse da ljudi posete ba va sajt.
10.1.2.1. Kontrola naslova sa WordPress SEO plugin-om
Moete upravljati vaim naslovima uz pomod WordPress SEO plugina. Postoje dva dela ovog plugin-a koji
slue za kontrolu naslova. Pre svega, im instalirate i aktivirate ovaj plugin dobidete SEO odeljak u okviru
vaeg admin dela. Ukoliko odete na SEO Titles & Metas videdete gomilu tabova za razliite tipove
stranica na vaem sajtu. Za svaki tip posta i taksonomiju moete postaviti Title Template.



Postoji veliki broj varijabli koje moete koristiti u naslovima i meta opisima, a one su sve izlistane i
objanjene na dnu stranice settings. Potrebno je proveriti da li templejt zaista radi i da ne dobijate dupli
naslov sajta za instancu. Ukoliko kojim sluajem dobijate dupli naslov potrebno je da ekirate Force
Revrite checkbox na istoj stranici ili da pratite uputstvo na toj stranici kako biste modifikovali va
templejt.
10.1.2.2. Optimizacija pojedinanih postova
Nakon to ste postavili odgovarajude templejte moete krenuti sa optimizacijom pojedinanih postova i
stranica. Za to moete koristiti Snippet Preview - dodatak WordPress SEO plugin-a:


Ovaj dodatak de automatski preuzeti vrednosti koje ste ved popunili u vaem postu i ubaciti ih u va
templejt, ali moete uraditi i izmenu naslova tako to dete uneti eljeni naslov u SEO Title:



Ukoliko kliknete na dugme Generate SEO title, polje SEO Title de se popuniti na osnovu templejta koji
dalje moete prilagoditi ili ga potpuno promeniti.
Broja de vam pokazivati koliko karaktera jo moete uneti.
Za naslove su bitne sledede stavke:
Trebalo bi da uvek sadre naziv kompanije, poeljno je da bude na kraju naslova kako bi ljudi koji
pretrauju prepoznali vau kompaniju meu mnogobrojnim rezultatima pretrage.
Trebalo bi da sadri kljunu re za koju mislite da je najbitnija za posmatrani post, poeljno je da
kljuna re budu na poetku nalova.
Ostatak naslova bi trebalo da privue ljude da kliknu ba na va post.
10.1.3. Optimizovanje opisa
Nakon to ste postavili odgovarajude naslove potrebno je da se pravilno definiu i meta opisi. Meta opisi
mogu biti korideni od strane pretraivaa koji ih prikazuju u snippet-u, to je crni deo teksa odmah ispod
URL-a. Meta opis je uglavnom koriden samo onda kada sadri kljunu re koju je osoba koja trai unela
kao parametar za pretragu.
Mnogi plugin-ovi koriste tzv. automatizovane opise. Oni koriste prvu reenicu iz posta i tako
popunjavaju meta opis. To nije ba najbolje reenje jer prve reenice uglavnom predstavljaju uvodnu
reenicu i esto zapravo nita konkretnije i ne moete da saznate iz njih. Ukoliko ne koristite meta opise,
pretraiva de pronadi rei koje su traene u vaem postu i automatski uzeti tekst oko tih rei i prikazati
ga, a traene rei de prikazati kao boldovane u rezultatima pretrage.
Preporuka je da koristite meta description polje koje moete nadi u okviru WordPres SEO plugin-a i da na
taj nain sami unesete meta opis. Meta opsi bi trebalo da privuku osobu da klinke ba na va post i
trebalo bi da najmanje jednom upotrebite kljunu re koja je najbitnija za posmatrani post.
10.1.4. Optimizacija slika
Koristedi tehnike kao to su pisanje dobrih alt tagova i razmiljanje o nazivima fajlova vam moe pomodi
da privuete malo vie ljudi na va sajt sa razliitih pretraivaa za slike. Pored toga, pomaete onima
koji va sajt proveravaju preko itaa ekrana tako to im ukazujete na ono to se nalazi na toj slici.
Ukoliko nemate vremena da prethodno navedeno radite za svaku sliku moe vam pomodi plugin SEO
Friendly Images. On automatski dodaje naslov posta i/ili naziv slike alt i naslov tagovima slike:



10.1.5. XML mape sajta
Kako biste obavestili pretraivae da je va sajt auriran moete koristiti XML sitemaps. WordPress SEO
plugin sadri XML Sitemap modul koji je samo potrebno ukljuiti. Idite na Settings XML Sitemaps i
ekirajte checkbox:



Nakon ekiranja i klika na dugme Save, prikazade vam se nove opcije koje moete da podesite, ali u
vedini sluajeva vam one nede biti potrebne.
Kada objavite novi post ili stranicu XML sitemap je automatski dostupan Google-u & Bing-u
dozvoljavajudi im da lako i brzo dou do vaeg novog sadraja na sajtu. Kada se post objavi Google mora
da ubaci samo jedan novi XML pod-sitemap jer ostali sitemap-ovi nisu promenjeni - koristedi opciju
datum modifikovanja.
Iz SEO perspektive, reenje koje nudi WordPress SEO plugin je bolje od drugih jer ukljuuje i slike u svaki
post, a time pomae da se vae slike bolje rangiraju u Google pretrazi slika. Ima prilino kompletan API
koji dozvoljava drugim developerima da razviju nove sitemap-ove to znai da se mogu napraviti nova
News SEO and Video SEO proirenja koja automatski generiu news xml sitemap i video xml sitemap.
10.2. Optimizacija templejta
10.2.1. Breadcrumbs
Poeljno je da dodate breadcrumbs na vae pojedinane postove i stranice. Oni predstavljaju linkove,
uglavnom iznad naslova posta koji izgledaju ovako: Home > Articles > WordPress SEO. Korisni su iz dva
razloga:
Oni omogudavaju vaim korisnicima da se lake kredu kroz va sajt.
Oni omogudavaju pretraivaima da lake odrede strukturu vaeg sajta.
Breadcrumbs bi trebalo da linkuju do homepage-a i do kategorije u koju je post postavljen. Ukoliko se
post nalazi u vie kategorija trebalo bi izabrati jednu. Kako bi to sve radilo potrebno je
prilagoditi single.php and page.php u vaoj temi i koristiti breadcrumbs opcije iz WordPress SEO plugin-
a. Ove opcije moete nadi u SEO Internal Links settings page.
10.2.2. Naslovi
Proverite da li se vai naslovi postova nalaze u okviru <h1> taga. Jedino naziv vaeg posta bi trebalo da
bude <h1> na poetnoj stranici, a na single, post i category stranicama ne bi trebalo da bude vedi od
<h3>. Va sidebar ne bi trebalo da bude natrpan sa <h2> i <h3> tagovima.
Ova podeavanje je potrebno uraditi u post.php and page.php u templejtu.
10.2.3. Oistite svoj kod
Sav Javascript i CSS kod koji se nalazi u templejt fajlovima potrebno je prebaciti u eksterne javascript i
css fajlove. Ovo omogudava korisnicima da keiraju ove fajlove pri prvoj poseti i da pretraivai
uglavnom ne moraju da ih uitavaju.
10.2.4. Brzina
Jedna od bitnih stvari prilikom rangiranja vaeg sajta je i brzina kojom se vae stranice uitavaju. Moete
uraditi tri stvari da ubrzate va WordPress sajt:
1. Optimizujte va templejt tako da izvrava to je manje mogude poziva ka bazi.
2. Instalirajte caching plugin npr. W3 Total Cache, koje je lak za podeavanje, a moe dosta ubrzati
va sajt.
3. Instalirajte CDN (Content Delivery Network). CDN predstavlja veliki broj visoko optimizovanih
servera irom sveta koji rade po ugraenoj logici najblieg servera to znai da dete uvek biti
uslueni od strane srvera koji je vama najblii. Ovo posebno moe poboljati brzinu uitavanja
stranica za sajtove iji se posetioci nalaze irom sveta. W3 Total Cache de raditi jo bolje kada je
kombinovan sa CDN-om kao to je npr. MaxCDN.
10.2.5. Poboljajte sidebar
Postoji dosta widget-a koji vam nisu potrebni u sidebar-u ili je bolje staviti ih samo na poetnu stranicu ili
samo na podstranice. Jedan od primera je blogroll, time to na svom sajtu postavljate linkove ka svojim
kolegama omogudavate korisnicima da u svakom trenutku odu sa vaeg sajta, a va interes je da se oni
na njemu to due zadre. Ukoliko ba elite da postavite linkove ka kolegama onda je bolje da blogroll
stoji samo na poetnoj stranici jer ukoliko ga stavite na sve stranice rizikujete da imate previe sadraja
na stranici koji nije vezan za sam sadraj koji piete u vaem postu, a i omogudavate korisniku da ode sa
vaeg sajta u svakom trenutku.
10.2.6. HTML sitemaps
Za neke sajtove kao to je npr. blog nema smisla koristiti HTML sitemaps, ali za sajtove koji imaju vie
nivoa stranica HTML sitemaps mogu dosta pomodi kako korisnicima tako i pretraivaima.

10.3. Napredni WordPress SEO i dupliranje sadraja
10.3.1. Neindeksiranje, stranice arhive i onemuguavanje arhiva
Koristedi WordPress SEO plugin, moete spreiti indeksiranje stranica arhive. Pod SEO Titles & Metas,
videdete Other tab:

Svaki link zasnovan na datumu de preusmeriti ka homepage-u zbog ovog podeavanja. Ostavite arhivu
autora nepromenjenu, a ekirajte checkbox u General tab-u i tako de podstranice ove arhive biti
neindeksirane, a time ste onemogudili korisniku da doe odmah na drugu stranicu iz arhive.

10.3.2. Onemoguite nepotrebne arhive
Ukoliko je va blog jednoautorski ili mislite da vam nije potrebna arhiva autora koristite WordPress SEO
da onemogudite arhivu autora. Takoe ukoliko mislite da vam nije potrebna arhiva zasnovana na
datumima onemogudite je. ak iako ne koristite ove arhive u templejtu neko moe da linkuje ka njima i
time prekine va WordPress SEO.
10.3.3. Paginacija
Potrebno je obezbediti da ako bot doe do stranice category moe da doe do svih podstranica bez
ikakvih potekoda. Drugaije bi ukoliko imate mnogo postova u kategoriji bot morao da ide i desetak
strana unazad kako bi pronaao link od nekog od ranijih postova. Postoji nekoliko plugin-ova koji mogu
da srede ovo, jedan od njih je WP-PageNavi.
10.3.4. Neindeksiranje nepotrebnih linkova
Jo jedan lak korak da poboljate va WordPress SEO je da prestanete da linkujete ka stranici za login i
registraciju sa svake stranice na vaem blogu. Isto vai i za RSS feed-ove, subscribe putem email-a slino.
WordPress automatski ne indeksira sve vae login i registracione linkove, ali u vedini sluajeva ne bi
trebalo da imate login link u vaem templejtu.
10.3.5. Kanoniki link elementi
U februaru 2009. godine glavni pretraivai predstavili su rel="canonical" element. Ovo je jo jedan od
naina za borbu protiv dupliranja sadraja. WordPress ima ugraenu podrku za canonical link elemente
za pojedinane postove i stranice, ali ima nekoliko manjih bagova, nema kao output kanonike linkove
na drugim stranicama. Koristedi WordPress SEO plugin, automatski dobijate kanonike link elemente za
sve tipove stranica u WordPress-u.
10.4. Struktura sajta za bolje rangiranje
10.4.1. Stranice umesto postova
Nekad je najbolje reenje da za najvanije postove napiete stranice. Na taj nain ih moete lako update-
ovati i napisati novi post o stvarima koje ste promenili.
10.4.2. Izmena postova
Ukoliko neki post na vaem blogu postane veoma popularan i pone dobro da se rangira za dobre
kljune rei, a potrebno je da ga update-ujete postoji nain da to uradite, a da ne izgubite sve komentare
koje su koorisnici pre toga napisali vezano za taj post:
napravite novu stranicu sa update-ovanim i poboljanim sadrajem
promenite slug (deo URL-a posle domena) starog posta u post-name-original
objavite novu stranicu pod URL-om starog posta ili preusmerite URL starog posta ka novom URL-u
poaljite mejl svima koji su linkovali ka vaem starom postu da ste update-ovali i poboljali stari
post
ekajte da ponovo dou linkovi;
10.4.3. Linkovanje ka povezanim postovima
Nain da pomognete pretraivaima da bre dou do vaih starijih postova, a da poboljate vau SEO
kampanju je da koristite neki od plugin-ova koji de pretraiti sve vae postove i za one koji imaju istu
temu dodati linkove ka tim postovima.
Primer za takav plugin je Yet Another Related Posts Plugin. Dobra zamena je i Microkids related post
plugin koji vam omogudava da manuelno izaberete postove koji su povezani jedni sa drugima. Ovo bi
moglo da vam oduzme malo vie vremena, ali bi mogao ak i bolje da se pokae od Yet Another Related
Posts Plugin-a.
Postoji mnogo plugin-ova koji automatski linkuju odreene klune rei ka odreenim postovima, ali
obratite panju da ne preterate jer bi sadraj vaeg teksta mogao da deluje iritantno.

10.4.4. Ne stavljajte previe tagova
Jedna od najedih zamerki koje pronalazimo u kao review sajtova je prevelika upotreba tagova.
Potrebno je znati da tag sam po sebi ne moe poboljati va SEO, jedini nain na koji oni poboljavaju
SEO kampanju je to povezuju jedan deo sadraja sa drugim delom, posebno i veza izmeu grupe
postova.
Ukoliko ste koristili previe tagove moete ovo promeniti tako to dete koristiti Tag Optimization for
WordPress.
10.5. Optimizacija konverzacija
Naterajte korisnike vaeg sajta da se subscribe-uju. Vano je uoiti momente kada de korisnici najvie
poeleti da se subscribe-uju i na ta mesta postaviti dugme za subscribe, bilo preko RSS-a ili preko email-
a. Jedan od tih trenutaka je kada proitaju neki od lanaka na vaem sajtu i iz tog razloga se postavljaju
dugmidi za subscribe kao i za share-ovanje na drutvenim mreama odmah nakon kraja lanka. Drugi
idealan trenutak za subscribe je kada korisnici po prvi put napiu komentar na vaem sajtu. Za akcije
nakon prvog komentara kornisnika moete koristiti ved uraen plugin Comment redirect.
10.6. Optimizacija komentara
Ukljuite korisnike u konverzaciju
Komentari ne slue samo da bi korisnici pohvalili va rad ili skrenuli panju na neke greke,
najvanija stvar kojoj doprinose komentari jeste uspostavljanje komunikacije izmeu korisnika i
autora. Svaki komentar pokazuje da niste nekoga ostavili ravnodunim, a to je jedan od
najvanijih faktora ukoliko elite da korisnici linkuju ka vaem sajtu.

10.6.1. Ubedite korisnike da ostave komentar
Najlaki nain da dobijete komentar od itaoca je da ga jednostavno navedete na to sa pitanjima bilo u
tekstu bilo na kraju teksta.
Ovde je svakako vaan comment link. Da li pie Nema komentara ? ili Jo uvek nema komentara,
vae miljenje nam je izuzetno vano ? Sa aspekta korisnika ova dva razliita teksta mogu izazvati
velike razlike u povratnoj reakciji moete lako ostati bez komentara, a moete i navesti korisnika da
kae svoje miljenje. Ovaj tekst moete promeniti tako to dete udi u index.php, traiti
comments_popup_link() i promeniti tekst u okviru ove funkcije.
10.6.2. Uspostavite vezu sa onima koji komentariu
Jo jedna od bitnih stvari je da se zahvalite ljudima koji ostavljaju komentare na vaem blogu. Ne bi
trebalo da se zahvalite nakon svakog komentara jer to moe postati iritantno, ali ideja da se samo nakon
prvog poslatog komentara zahvalite korisniku je i vie nego dobra praksa. Postoji ved gotovo reenje za
ovu ideju, a to je da instalirate plugin Comment redirect. Ovaj plugin vam omogudava da preusmerite
korisnika na neku stranicu nakon to napie svoj prvi komentar, a u naem sluaju bi to bila stranica na
kojoj biste se zahvalili na poslatom komentaru.
10.6.3. Odrite korisnike u konverzaciji
Kada su se korisnici ved ukljuili u razgovor bilo bi dobro i zadrati ih na tom mestu i navesti da prate
dalju konverzaciju koja se odvija na veem sajtu. Da biste ovo postigli potrebno je da instalirate
Subscribe to comments plugin koji omogudava korisnicima da se klikom na odgovarajudu ikonicu
subscribe-uju za neku od konverzacija i dobijaju obavetenja o novim komentarima putem email-a. Na
ovaj nain dete navesti korisnika da prati konverzaciju, a samim ti i znatno povedati anse da taj korisnik
ostavi jo neki komentar na vaem sajtu.
10.7. Off site blog SEO
10.7.1. Zapratite one koji komentariu
Preporuka je da obratite panju na rad onih koji komentariu na vaem sajtu. Idite na njihove sajtove,
ostavite i vi njima komentar u kojem dete iskazati vae miljenje o njihovom radu i na taj nain de vas
korisnik jo vie potovati i verovatno de nastaviti da ostavlja komentare na vaem sajtu. Statistika kae
da samo 1% posetilaca vaeg sajta ostavi komentar, a ta grupa ljudi je svakako vredna vae panje.
10.7.2. Koristite Twitter
Twitter profil poseduju skoro sve uticajnije linost, a korisnici ove mree uglavnom ede proveravaju
svoje twitter naloge nego e-mail. Ukolikokoristite Word Twit ili Twitter Tools, svi vai postovi de biti
objavljeni i na twitter-u i doneti vam nove posetioce, omoguditi ljubiteljima ove mree da komentariu
putem twitter-a, a samim tim povedati ansu da uspostavite komunikaciju sa korisnicima.
10.7.3. Pronaite sline blogove i uspostavite komunikaciju
Ukoliko elite dobro da se rangirate za odreenu kljunu re idite na Google Blogsearch i proverite kojih
10 blogova su najbolje rangirani za odreenu kljunu re. Proitajte te blogove, ostavite pronicljive
komentare, uspostavite komunikaciju i tako to dete u vaem postu linkovati ka njihovom blogu. Jedini
nain da dobijete dovoljan broj poseta za dobro rangiranje je da budete deo zajednice.
10.8. Merenje rezultata
Dobra SEO kampanja obuhvata ne samo implementaciju svih prethodnih stvari ved i pradenje rezultata
tih promena i rad na onom to se pokazalo da donosi najbolje rezultate. Dva najbolja analitika paketa
za pradenje rezultata su Google Analycs i getClicky.Za oba ova paketa postoje plugin-ovi, Google
Analytics for WordPress plugin i getClicky plugin.
Najbolji rezultat dobre SEO kampanje je to vedi broj poseta.
Jo jedan odlian alat je Google Webmaster Tools. Ispratite slededa podeavanja:
uite u Webmaster Tools;
uite u Your site on the web, then Search queries.
Kliknite na Download this table.
Otvorite CSV file koji ste dobili u Excel-u.
Promenite sva pojavljivanja brojeva manjih od 10 u koloni Clicks sa 9.
Selektujte prvi red i ukljuite Filter

Za average position kolonu, izaberite greater than 5, sortitranje Ascending.
Za Clicks kolonu sortiranje Descending.

Sada imate kljune rei pomodu kojih su vas korisnici nali, a da ste se u rezultatima nali pod rangom
ispod 6. injenica da su kliknuli na va sajt ukazuje na to da im se uinilo kao zanimljivim u rezultatima
pretrage pa bi trebalo obratiti panju i pokuati da se optimizuju ti termini kako biste se rangirali u prvih
5 meu rezultatima pretrage, koristite Page Analysis u WordPress SEO plugin-u da poboljate stranicu i
traite od drugih da linkuju ka toj stranici.

11. Izmene na WordPress temi
U ovom poglavlju demo se baviti izmenama na WordPress temi. Ukoliko doete u situaciju da elite da
promenite izgled Vaeg sajta, pred vama se otvaraju tri mogudnosti:
1. eljene izmene dete izvriti direktno u temi koju trenutno koristite
2. Kreiradete child temu trenutno aktivne teme (ubrzo vie informacija o tome)
3. Kreiradete novu temu od nule, koja sadri sve ove izmene.
Odmah elimo da napomenemo da je svaki od ovih naina dobar zavisi samo ta elite da postignete.
Hajde da malo detaljnije prodiskutujemo o navedenim opcijama.
Izmene u trenutno aktivnoj temi - Ukoliko elite najosnovnije izmene poput promene boje linkova u
zaglavlju, povedanje fonta u glavnom tekstu, izmene licence pod kojima je mogude koristiti sajt i slino
ova opcija se ini kao najbolje reenje zato to je sasvim u redu da takve, ne toliko drastine izmene,
vrite u trenutno aktivnoj temi. ta vie, svakako je preporuka da s vremena na vreme osveavate svoj
sajt jednostavnim, ali prijatnim novinama koje mogu doneti bolji korisniki doivljaj Vaim posetiocima.
Kreiranje child teme U situacijama kada ste prilino zadovoljni globalnom strukturom sajta, njegovom
funkcionalnodu i izgledom, ali ste u isto vreme svesni da postoje mesta koja treba znatno izmeniti,
preporuka je kreiranje child teme. WordPress je relativno skoro uveo koncept child tema i definie ga na
slededi nain: tema koja nasleuje funkcionalnost druge teme, koju zovemo roditelj (parent) tema, ali
nadograuje izgled i funkcionalnost te teme je dete (child) tema (u nastavku teksta koristidemo iskljuivo
termin child tema). Umesto da modifikujete postojedu temu direktno u njenim fajlovima, vi moete da
napravite novu child temu, unutar nje iskopirate fajlove koje elite da menjate iz parent teme i onda
bezbedno vrite predviene izmene. Veoma je bitno naglasiti da ukoliko Vaa child tema sadri svega
dva izmenjena fajla, WordPress de preostale, neophodne elemente teme uitati iz parent teme. Drugim
reima, child tema nasleuje sve fajlove svoje parent teme, ali u isto vreme i forsira WordPress da
neophodne fajlove prvo potrai u njoj, a tek onda u roditeljskoj temi, ukoliko ga ona ne poseduje.
Kreiranje teme od nule - Ovo je najbolji, ali ujedno i najsloeniji nain kada govorimo o procesu izrade
WordPress tema. Hajde da to malo podobnije objasnimo, zato najbolji? Postoje situacije kada nijedna
tema na ovom svetu ne moe da se izmeni na pravi nain kako bi ideja o vaem sajtu bila ostvarena.
Svaka tema je napravljena sa odreenim planovima i u cilju obavljanja odreenih zadataka. Iz tog
razloga, ona nosi sijaset svojih funkcionalnosti koje su programerski implementirane. Ukoliko biste
takvu temu reili da izmenite, moda biste i uspeli u tome, ali biste na taj nain znatno uruili njenu
osnovnu svrhu. Pomenudemo i situaciju koja skoro sigurno nastaje kao posledica procesa izmene
gomila nepotrebnog i nesreenog koda, za koji ni vi sami niste sigurni emu slui, jer ga je pisao
originalni autor. Da li biste dozvolili da Va online dom bude nesreen i aljkav, a uz to veoma teak za
dalju nadogradju? Da li biste dozvolili da vai posetioci ekaju nekoliko sekundi due zbog uitavanja
nepotrebnog CSS i JavaScript koda? Sigurno ne. U takvim situacijama predlaemo da stavite sve elje na
papir, podobno razmislite ta je ono to elite da napravite, i onda osmislite development strategiju
kojom dete se voditi u procesu izrade nove teme. Meutim, kao to pretpostavljate, da biste to izveli,
potrebno je da raspolaete solidnim znanjem WordPress-a kao sistema, kao i fajlovima koje ine jednu
temu. Upravo iz tog razloga je ovo najtei nain, jer dete od poetka do kraja da napravite svoje reenje.
11.1. Studija sluaja: Sajt Katedre za Elektronsko poslovanje
U nastavku demo demonstrirati proces kojim smo se vodili prilikom izrade sajta Laboratorije za
elektronsko poslovanje, dostupan na adresi http://www.elab.rs. Slededa slika pokazuje podrazumevanu,
Twenty Twelve temu moja dolazi uz WordPress, a odmah potom i rezultat koji smo eleli da dobijemo.
Kao to vidite, osnovnu strukturu smo ved imali u postojedoj temi. Trebalo je dosta vizuelnih stvari
izmeniti, kao to su header, footer, ubacivanje kontakt forme, a postojao je i zahtev da na poetnoj
strani stoje kvadrati sa istaknutim sekcijama sajta. Veoma kljuna stvar o kojoj smo takoe razmatrali
jeste da sajt bude responzivan na razliite veliine ekrana, a upravo to smo dobili u Twenty Twelve temi.
Dakle, kada se o svemu razmisli, dolazi se do zakljuka da izmena ima vie od granice do koje bismo
smeli da idemo menjajudi postojedu temu, a sa druge strane iskustvo koje do sada imamo sa
WordPress-om govori da nema potrebe da pravimo novu temu iznova, pogotovu to nam dosta
vremena moe oduzeti implementacija responsive dizjna. Iz tog razloga, naa konana odluka je da
napravimo child temu Twenty Eleven teme, a itav proces podelimo na nekoliko sitnijih zadataka: 1)
sreivanje header-a, 2) sreivanje footer-a, 3) sreivanje navigacije sa desne strane, 4) ubacivanje
kontakt forme.




11.1.1. Kreiranje Elab child teme
Za poetak, unutar /wp-content/themes foldera napravite folder koji de predstavljati vau temu i
nazovite ga elab. Zatim, kreirajte novi fajl unutar novonapravljenog foldera i nazovite ga style.css. Da
bismo kreirali child temu, style.css mora da ima sledede linije na svom vrhu:

Naravno, umesto naih podataka, ubacite Va naziv teme, opis, ime i verziju. Posebno obratite panju na
poslednju stavku, Template koja se odnosi na parent temu. Dakle, naziv koji stavite ovde de WordPress
koristiti da nae parent temu. Na kraju, morate staviti @import klauzulu i relativnu putanju do glavnog
CSS fajla vae teme. Ukoliko ste sve dobro uradili, trebalo bi da dobijete prozor identian slededoj slici
kada odete na WP-Admin -> Appearance -> Themes (tema se prikazuje u donjem levom uglu).

11.1.2. Aktiviranje teme
Iako je naa tema registrovana, ona je i dalje neaktivna. Da bismo je aktivirali, jednostavno demo kliknuti
na link Activate, koji se nalazi odmah ispod nje. Kada to zavrimo i odemo ponovo na poetnu stranicu,
dobidemo sajt koji izgleda identino kao Twenty Twelve tema, zato to to i jeste Twenty Twelve tema.
WordPress je pokuao da uita potrebne fajlove iz Elab teme, meutim naiao je jedino na style.css fajl u
kome se importuje ceo CSS iz TwentyTwelve teme. To znai da de svi ostali, template fajlovi, biti uitani
iz nadreene, roditeljske teme. Na nama je sada da prekopiramo fajlove koje elimo da izmenimo i na taj
nain obavestimo WordPress da iskoristi njih, a ne originalne fajlove. Nadam se da vam ovo zvui
zanimljivo i hajde odmah da to implementiramo.
11.1.3. Kreiranje neophodne strukture
Da bismo olakali pradenje ovog tutorijala, dademo odmah spisak fajlova koje treba da kreirate unutar
Elab teme, a onda demo ih vremenom editovati u editoru. Dakle, iskopirajte odgovarajude fajlove iz
Twenty Twelve teme u Elab folder, tako da dobijete slededu strukturu, uz sledede napomene:
Fajlove home.php.ToDo, functions.php, template-announcements.php i template-archive-
announcements.php nedete nadi u folderu roditeljske teme, ved je potrebno da ih sami kreirate.
Js folder napravite sami i unutar njega definiite prazan fajl, script.js


Jo jednom, ne zaboravite da promenite ekstenziju fajlu home.php (mi smo se odluili za .ToDo, kako
bismo znali da treba na taj fajl da se vratimo), jer na taj nain de WordPress u potpunosti ignorisati taj
fajl u suprotnom, WordPress de za poetnu stranicu uitati taj fajl, koji je inicijalno prazan, pa nedete
videti nita u browser-u. Takoe, functions.php fajl je pomalo specifian i ne moe se prosto prekopirati,
zato to dete onda imati identine funkcije, deklarisane na dva mesta, pa dete dobiti fatalnu greku u
PHP-u. Zato i taj fajl napravite runo.
11.1.4. Zadatak 1: Sreivanje zaglavlja (header.php)
Kredemo sa naim modifikacijama, nadamo se da ste spremni i eljni uenja! Otvorite fajl header.php u
Vaem omiljenom editoru, kako biste mogli da izmenite ono to budemo traili od vas. Sledi slika u kojoj
poredimo fajlove pre (levo) i posle (desno) modifikacije, kako biste imali olakani uvid:

Prvo da napomenemo da je ono to se ne vidi na slici (sve iznad 35. linije) identino u oba fajla, tako da
nema potrebe da tu neto dirate. Tanije, prve promene nastaju posle 41. linije. Kao to se jasno vidi na
slici, iz originalnog fajla je izbaeno sve izmeu linije 43. i linije 52. To sto smo izbacili se delimino
(izmeu linije 43. i linije 47.) odnosi na navigaciju sajta, kojoj, po onome to elimo da postignemo,
definitivno nije mesto gore. Mi elimo navigaciju u sidebar-u i to demo postidi kasnijim izmenama. Dalje,
WordPress podrazumevano dozvoljava prikazivanje slike u zaglvalju za svaku stranu (linije 49. 52.) i to
u prinicipu nismo morali da sklanjamo, zato to de se slika prikazati jedino ako u administratorskom
panelu to podesimo. Ipak, trudimo se da budemo odgovorni programeri i da se drimo dobre prakse
koja podrazumeva da izbacimo sve to nam sigurno nede trebati.


Sa druge strane, ono to nama u zaglavlju treba jesu linkovi za Moodle i Webmail. Zato smo napravili
novu listu u HTML-u koja ima id shortcuts i unutar nje definisali ta dva linka. Time smo zavrili sve to se
strukture tie i moemo da vidimo kako to izgleda u browser-u:

Nije loe za poetak, ali sada je potrebno da to doteramo stilski. Vreme je za pisanje CSS-a! Otvorite
style.css fajl i unutar njega dodajte slededi kod:

Ovim jo uvek nismo sredili nita u zaglavlju sajta, ved smo definisali boju pozadine itavog sajta, ali i
margine i padinge cele strane. Ukoliko elite, moete odmah ubaciti liniju 18, ali moete je i ignorisati,
poto se ona odnosi na stvari koje demo kasnije pomenuti. Zatim, definisademo eljene izmene za
header. Dakle, mi elimo da dobijemo header slian ovome:



I to demo postidi slededim CSS-om:

Kada ovo sauvamo i osveimo stranu u browseru, videdemo rezultat oekujemo. Ovim smo zavrili na
prvi zadatak.
11.1.5. Zadatak 2: Sreivanje poetne stranice
U uvodu ste imali prilike da vidite kako treba da izgleda poetna stranica. Zahtev je da urednici sajta
mogu da izbace najinteresantnije regije sajta u vidu kvadrata sa malom slikom i opisom. Reenje za koje
smo se mi odluili je sledede: definisademo novi tip posta i nazvati ga homepage (ukoliko niste upudeni u
tipove postova, predlaemo da posetite sledede stranice i podobnije istraite tu tematiku:
http://codex.WordPress.org/Post_Types i http://wp.smashingmagazine.com/2012/11/08/complete-
guide-custom-post-types/, ili da jednostavno u pretraivau pretraite WordPress Custom Post Types).
Kada se uputite u ovaj fenomenalni vid nadogradnje WordPress-a, moete nastaviti sa ovim tutorijalom,
u kome demo, kao to rekosmo, definisati na custom post type homepage.
Kao to ste mogli proitati u nekom tutorijalu koji smo vam prosledili, novi tip postova se definie ili u
functions.php fajlu, ili se definie plugin koji de to da radi. Kao i uvek, postoji vie naina i nijedan nije
nuno pravilan, ved se odluka donosi od situacije do situacije. Mi demo novi tip registrovati kroz
functions.php fajl. Dakle, otvorite taj fajl i ubacite slededi kod:

Iako deluje glomazno, ovde ima svega nekoliko stvari koje treba da znate:
WordPress nudi funkciju register_post_type() koja prima dva bitna parametra naziv novog tipa
posta, koji je u naem sluaju homepage i niz sa razliitim argumentima kojih ima dosta. Bilo bi
previe kada bismo kroz svaki ponaosob prolazili sve to imate u WordPress dokumentaciji, koju
moete pronadi iznad, na poetku prie o novim tipovima postova.
Potrebno je nekako pozvati tu funkciju. WordPress nudi funkciju koja se zove add_action() koja
takoe prima dva bitna parametra: prvi je dogaaj koji se eka da bi se funkcija koja je
prosleena kao drugi parametar izvrila. Ukoliko ste upoznati sa event handlerima u bilo kom
programskom jeziku, ovo je upravo to, samo na WordPress-ov nain. Mi smo kao dogaaj
izabrali init , to znai da de se funkcija pozvati u ranoj fazi inicijalizacije itavog sistema, a spisak
svih definisanih dogaaja moete pronadi ovde:
http://codex.WordPress.org/Plugin_API/Action_Reference

Nakon to smo ovo zavrili, moemo otidi u Admin panel i videti novine:

Kao to vidimo, dobili smo novi tip posta Homepage, koji u principu izgleda identino kao i obini postovi
ili strane. Ipak, eleli smo da administratorima uinimo vedu jednostavnost, tako smo im ponudili
direktno ponudili mesto u administratorskom panelu gde de ureivati stavke na naslovnoj strani. Sa
desne strane dete videti i opciju za dodavanje sliice koja ide uz ovaj post, a ukoliko kojim sluajem ne
vidite to, mogude reenje je da kliknete na Screen options sa gornje desne strane i ekirate Featured
image i Custom fields. Ukoliko niste upoznati sa Custom fields u WordPress-u, moete to zamisliti kao
sjajno proirenje, tj. novu proizvoljnu vrednost koja de se uvati za taj post. Nama de za svaku istaknutu
regiju sajta na naslovnoj strani trebati link Saznajte vie i zbog toga smo uveli opciju da administrator
moe da podesi adekvatan link. Jedino to mora da ispotuje je da vrednost (odnosno link) unese pod
kljuem view_more. Vie o Custom fields-ima na http://codex.WordPress.org/Custom_Fields.
Sada demo preimenovati home.php.ToDo na home.php, a potom ga izmeniti na slededi nain:

Nadam se da je kod dovoljno itljiv, ali demo ipak prokomentarisati ta je uraeno. Kao to vidimo na
samom poetku, poziva se funkcija the_post() kojom WordPress vrada podatke za post koji treba da
prikae na naslovnoj stranici. A kako on to da zna? Dobro pitanje trenutno nikako, zato to to nigde
nismo podesili. Ali, to demo veoma brzo ispraviti kao to je to ved objanjeno u prethodnim delovima
skripte, definiite neku stranicu koju elite da WordPress uita kao poetnu dovoljno de biti da
definiete samo naslov i sadraj. Dalje, da bi WordPress znao da treba da je uita na poetnoj strani,
potrebno je da odete na Settings->Reading, a onda u sekciji Front page displays selektujte A static page,
gde dete iz padajudeg menija izabrati stranu koju ste upravo kreirali. Nakon svega ovoga, WordPress de
imati dovoljno informacija oko strane koju treba da prikae na naslovnoj strani.
Zato smo pozvali metode the_title() i the_content() koje dolaze predefinisane uz WordPress i koje imaju
dovoljno intuitivna imena da ih dodatno nedemo komentarisati. Ipak, ukoliko je potrebna pomod, ili
elite da vidite na koji nain sve moete da ih iskoristite, jednostavno posetite WordPress
dokumentaciju. Najbitniji deo u ovom delu je na liniji 13. u kojoj traimo od WordPress-a da nam vrati
sve homepage postove (obratite panju na parametre koje smo prosledili get_posts() funkciji). Za sve
dodatne informacije vas ohrabrujemo da posetite stranicu na zvaninoj WordPress dokumentaciji
http://codex.WordPress.org/Template_Tags/get_posts. Nakon toga, foreach petljom prolazimo kroz
svaki post u vradenom nizu i izvlaimo neophodne podatke, a to su
Sadraj posta (ponovo se susredemo sa the_content() funkcijom)
Zatim sliku koju smo uploadovali uz svaki post (funkcija get_homepage_image(), koja nije
definisana u samom WordPress-u, ved demo je mi sami definisati u fajlu functions.php
I na kraju, URL za link Saznajte vie, pomodu ugraene funkcije get_post_meta(). Vie
informacija o samoj funkciji moete pronadi na adresi
http://codex.WordPress.org/Function_Reference/get_post_meta
Hajde da dopunimo functions.php fajl novom funkcijom, get_homepage_image():

Ukoliko u ovom trenutku pogledamo rezultat u browser-u, dobidemo slededu situaciju (slika nije u
celosti prikazana, ved deo kako biste imali uvid):

Projekat sjajno napreduje! Naravno, preostaje samo da se dostilizuje i to je upravo ono to demo raditi.
Pretpostavljate ved, otvorite style.css i izmenite ga na slededi nain:

Pored standarnih CSS pravila koje smo definisali na poetku (poevi sa linijom 68.), ovde imamo CSS koji
je relativno skoro postao popularan, pogotovu kod nas. U pitanju je media-query naredba, kojom
definiemo stil koji treba da vai za ureaje sa rezolucijom vedom od 600px. Responzivan web dizajn je
tema koja zasluuje celu skriptu, tako da se mi ovde nedemo previe time baviti, ali ukoliko vas zanima,
predlaimo da kao polaznu taku izaberete slededi link: http://www.smashingmagazine.com/responsive-
web-design-guidelines-tutorials/. Nakon ovoga, rezultat u browseru je slededi (iseak):


11.1.6. Zadatak 3: Sreivanje sidebar-a
Kao to vidimo, na projekat napreduje dobro, meutim kao trn u oku je sidebar sa desne strane.
Zapravo, funkcionalnost je tu imamo definisane sve menije i sve stavke u njemu (kako smo to definisali
moete proitati u ranijim delovima skripte), samo je potrebno da popravimo vizuelni doivljaj.
Kada su takvi zadaci u pitanju, odmah znamo da nam je CSS glavni alat koji demo iskoristiti. Pa, da
ponemo (slede slike CSS koda, ali i iseak rezultata iz browser-a):


Iako na ovom malom iseku deluje kao da je sve u redu moramo priznati da postoji stvar koja treba da
se popravi. Pogledajmo ta se deava kada odemo na stranicu Nastavni tim:

Na poetnoj stranici je u redu da se podmeni koji se nalazi unutar stavke Nastavni meni ne vidi.
Meutim, zahtev koji smo dobili je da kad korisnik poseti tu stranu, podmeni sa svim saradnicima na
katedri bude prikazan. To jo uvek nije sluaj, a inspect-ovanjem elemenata u Firebug-u vidimo da je
meni skriven (konkretnu deklaraciju moete videti u poslednjem CSS-u na liniji 116). Kako bismo reili
traeni zahtev, odluili smo da podrazumevano sakrijemo taj meni, ali da pomodu jQuery biblioteke
detektujemo kada podmeni treba biti prikazan i ukoliko taj uslov bude ispunjen, dinamiki demo
promeniti vidljivost podmenija (takoe pomodu jQuery-a). Glavno pitanje koje se postavlja jeste: kako
detektovati kada podmeni treba da bude prikazan, meutim moemo veoma jednostavno dodi do
odgovora ukoliko znamo jednu kljunu injenicu: WordPress trenutno aktivnoj stavki u meniju dodeljuje
klasu current-menu-item (za vebu, otvorite stranicu Nastavni tim u browser-u i inspect-ujte u Firebug-u
klasu koja se nalazi uz tu stavku). Dalje, iskoristidemo funkciju u jQuery-ju koja nam moe proveriti da li
trenutno aktivna stavka ima dete sa klasom sub-menu i u pozitivnom sluaju, demo ga jednostavno
prikazati. itav kod za ovu jednostavnu funkcionalnost moete pronadi u slededem delu, gde
objanjavamo implementaciju footer-a, ali smo eleli sada da pomenemo to kako biste bili svesni
problema, ali i spremni na JavaScript kod koji dete uskoro videti.

11.1.7. Zadatak 4: Sreivanje footer-a
Sledede ime se bavimo je footer. elimo slededi izgled i sadraj:

Da bismo to postigli, izmenidemo footer.php koji smo prekopirali iz prethodne teme. Kao to smo
pokazali paralelno podrazumevanu i izmenjenu verziju header.php fajla, tako demo uraditi i u ovom
sluaju. Dakle:

Ovde smo izvrili nekoliko znaajnijih promena:
1. Za razliku od podrazumevane verzije gde je ceo footer unutar div-a koji ima id page, u naoj temi
smo njega stavili van tog div-a (tanije, zatvorili smo taj div i tek onda krenuli sa definicjom
footer-a)
2. Izbacili smo reenicu koja je posetiocima prikazivala da je ceo sajt napravljen zahvaljujudi
WordPress-u i ubacili kontakt katedre.
3. Ubacili smo jQuery o kome smo prethodno priali. Na liniji 33. se moe nadi JavaScript naredba
koja nije povezana sa navigacijom, ved sa zahtevom koji smo takoe dobili, a to je da se eksterni
linkovi iz sidebar-a otvaraju u novom tabu.

Ono to treba da znate jeste da u ovom trenutku sav kod vezan za jQuery ne bi radio iz razloga to
jQuery jo uvek nije ubaen u stranicu. Da bismo to uradili, napisademo slededi kod u functions.php:

Ovo je pravilan nain da se ukljui jQuery u WordPress sajt. esto se deava da razni dodaci koje
koristite ubacuju jQuery, jer im je on neophodan za pravilno funkcionisanje. Meutim, ta bi se desilo
kada biste instalirali nekoliko dodataka koji ubacuju jQuery u va sajt, a obino se desi da se ubaci vie
razliitih verzija jQuery-a. Kao posledica, veoma lako se moe desiti da doe do konflikta u verzijama, a
sa druge strane, va kod postaje neuredan i sadri vie podataka nego to je realno potrebno. Iz tog
razloga se savetuje koridenje wp_register_script koja obezbeuje da se na celom sajtu nalazi samo
jedna verzija jQuery biblioteke i na taj nain spreava nastanak svakog mogudeg konflikta. Takoe, kao
to vidite, nismo uitali biblioteku sa naeg servera, ved sa Google CDN-a, to mnogi web developeri
preporuuju.
Za kraj, dodademo i neophodan CSS za na footer konkretno, na CSS je bitan samo za desktop verziju
sajta:




Za kraj, postavidemo konani CSS, kako biste lake ispratili sve promene.
Deo prvi (bez media-query)

CSS (deo drugi, media-query)

12. Za one koji ele vie

12.1. Prebacivanje sajta sa lokalnog servera na udaljeni server

Na samom poetku ove skripte, prikazali smo kako da instalirate WordPress na lokalnom serveru i Elab
hostingu. Meutim, postavlja se pitanje koja je procedura migracije sajta sa lokalnog servera na
udaljeni server. Recimo da ste napravili neki sajt na vaem kompjuteru koji je na adresi
(http://localhost/wordpress) i elite da ga u identinom obliku prebacite na udaljeni server, na nekoj
novoj adresi, recimo http://example.com. ta vam je sve potrebno?
Hosting i domen. Kao prvu i osnovnu stvar navodimo web hosting i domen. U zavisnosti od toga koliko
ozbiljno elite da se bavite voenjem sajta, pred vama su dve mogudnosti: neki od mnogobrojnih
besplatnih servisa (za njihov pronalazak, uputidemo vas na Google: Free web hosting). Ti servisi de vam
omoguditi da besplatno postavite sajt kod njih, ali de u najvedem broju sluajeva za uzvrat postavljati
banere ili sline propagande. Takoe, ukoliko se odluite za ovu opciju, nedete modi da imate svoj top
level domen po izboru, ved dete modi jedino da kreirate poddomen na nekom od njihivoh domena, npr:
http://mojsajt.nazivservisa.com (recimo, kao to je to sluaj sa Elab hostingom). Zato, ukoliko elite da
se malo igrate i eksperimentiete i ne mislite da pravite ozbiljan, poseden sajt, ovakvi servisi
predstavljaju najbolje reenje. Meutim, ukoliko planirate da pravite sajt nad kojim dete imati potpunu
kontrolu, to znai: imate pristup kontrolnom panelu vaeg prostora, bazi podataka, mogudnost da 24
sata dnevno kontaktirate tehniku podrku za sva moguda pitanja i uz to, stabilnost i kontinuiranost u
radu servera, moradete da izdvojite odreena novana sredstva i zakupite sebi hosting (krede se od 20e
pa navie) i domen koji vama odgovara (njegova cena je od 8e za .com, .net i .org, pa navie za domen
neke drave. Na nacionalni domen je .rs domen i njegova cena je oko 20e na godinjem nivou). Za vie
informacija, posetite http://www.rnids.rs .
Eksportovana baza podataka. Pretpostavimo da ste reili problem izbora hostinga i domena. Slededa
stvar koju treba da uradite je da izvezete bazu podataka sa lokalnog servera. Ovaj korak je neophodan,
zato to dete na taj nain imati mogudnost da uvezete sav sadraj koji ste ved kreirali lokalno, bez ikakve
potrebe da to radite ponovo na udaljenom serveru. Dakle, da biste taj deo zavrili, potrebno je da se
ulogujete u phpMyAdmin na lokalnom serveru. Iz navigacionog menija sa leve strane je potrebno
selektovati bazu vaeg WordPress sajta

i odmah potom dete videti novi prozor sa svim tabelama u bazi. Isto tako, na samom vrhu dete imati
navigaciju sa opcijama: SQL, Search, Query, Export, Import itd. Pogaate, kartica koju traite je upravo
Export.

Klikom na taj link, dobidete veoma jednostavan grafiki interfejs, gde ak moete samo pritisnuti dugme
Go i itav proces krede u folderu koji je predvien za preuzimanja u vaem Browser-u dete ubrzo videti
sql fajl u kome se nalaze svi podaci koje ste kreirali postovi, statike stranice, kategorije, linkovi,
lanovi, uloge, podeavanja i slino. Baza ne sadri grafike elemente (fotografije, video materijale i
slino) vie o tome u slededem koraku. Meutim, pre toga, vredi pomenuti i to da iz phpMyAdmin-a
moete izmeniti podrazumevane vrednosti eksportovanja i izabrati da bazu podataka izvezete u nekom
drugom formatu (Excel, CSV, txt i sl), kao i mogudnost izvoda samo odreenih tabela iz baze (dakle, ne
celu bazu, ukoliko vam to nije potrebno). Meutim, s obzirom da ovde govorimo o prebacivanju
WordPress-a sa jednog na drugi server, bidemo slobodni da vam preporuimo da jednostavno kliknete
na Go, kao to smo to odmah spomenuli i ne razmiljate o ostatku.
Ono o emu zapravo treba da mislite jesu linkovi. WordPress uva apsolutne linkove u svim tabelama
svoje baze, tako da ako ste recimo u nekom postu imali link ka nekoj drugoj stranici, on nije relativan
(/link/ka/strani), ved apsolutan (http://localhost/link/ka/strani). Problem sa ovim je taj to, kada
prebacite na drugi server, va sajt vie nije na localhost adresi, ved na nekoj koju ste sami izabrali
(recimo http://example.com). Iskoristidemo jedan veoma jednostavan trik za reenje ovog problema. S
obzirom da je .sql fajl koji ste maloas izvezli zapravo tekstualni fajl, moete ga otvoriti preko bilo kog
editora ili IDE-a (NetBeans, Eclipse, SublimeText, Vim, Notepad++ itd). Svaki editor ima opciju Search &
Replace. Sve to je potrebno da uradite jeste da u polju za pretragu (Search) unesete domen vaeg sajta
u localu, na primer http://localhost/wordpress i zamenite ga sa vaom pravom internet adresom,
http://example.com ili http://www.example.com. Kada zavrite sa ovim, sauvajte fajl i odloite ga
negde na sigurnom veoma brzo demo ga ponovo upotrebiti.
Fajlovi WordPress-a. Slededa stvar o kojoj vodimo rauna su fajlovi koji su potrebni za rad WordPress-a.
Ovde imate dve opcije:
Da sve fajlove iz vaeg WordPress root direktorijuma zapakujete u ZIP fajl.
Da zapakujete samo one fajlove koji su karakteristini za va projekat. Drugim reima,
potrebno je da zapakujemo fajlove koje ste menjali ili samostalno dodavali, a ostatak dete
iznova instalirati na novom serveru.
S obzirom da je prvi nain sam po sebi objanjen i jednostavan, mi demo se ovde pozabaviti drugim
nainom, jer demo tako modi da objasnimo ta je to to karakterie jedan WordPress projekat, odnosno
ta je to to se razlikuje od instalacije do instalacije. To su:
vaa tema sajta (/wp-content/themes folder)
instalirani dodaci (/wp-content/plugins folder)
media fajlovi (/wp-content/uploads folder)
wp-config.php (u njemu se nalaze podeavanja baze podataka poput korisnikog imena, lozinke,
hosta i slino).

Navedene fajlove je potrebno zapakovati u neki folder i sauvati pored sql fajla od malopre.
Svea instalacija WordPress-a. Ukoliko se pridravate drugog naina, potrebno je da na va server pre
svega prebacite najnoviju verziju WordPress-a i instalirate je na serveru na nain na koji smo to opisali u
uvodu.
Napomena: Radi jednostavnosti, prilikom kreiranja baze podataka na udaljenom serveru, potrudite se
da je nazovete isto kao to ste nazvali na vaem localhost-u. Takoe, ne bi bilo loe da prilikom kreiranja
korisnika baze, ali i odabira njegove ifre iskoristite identine vrednosti koje ste koristili na localhost-u
na taj nain nedete morati da prepravljate konfiguracioni fajl. Zapamtite to je vie podudaranja
izmeu lokalnog i udaljenog servera, to je manje ansi da doe do nekih problema prilikom migracije.
Nakon toga krede prebacivanje naih pripremljenih fajlova. Zapakovan (zip) fajl prebaciti na server i
prosto ubaciti na odgovarajuda mesta:
temu u /wp-content/themes folder
dodatke u /wp-content/plugins folder
media fajlove u /wp-content/uploads folder
i wp-config.php u root direktorijuma umesto postojedeg. Napomena: Ukoliko se bilo koji
parametar za pristup bazi (DB_USER, DB_PASS, DB_HOST, DB_NAME) razlikuje na serveru u
odnosu na vae lokalne parametre, potrebno je da te vrednosti aurirate u ovom fajlu.
Odmah!
Ukoliko u ovom trenutku pokuate da pristupite sajtu preko web browser-a, naidi dete na puno
problema u PHP-u. Ali, polako, nismo jo uvek zavrili.
Uvoz baze. Poslednja stvar koju je potrebno uraditi jeste uvoz baze podatka koju smo u prvom koraku
izvezli. Ono to je interesantno i to se moda pitate jeste: Ali ja ved imam bazu koja je sama postavljena
u trenutku kada sam instalirao/la WordPress na serveru. Da, to je tano, ali vam ona nede biti vie
potrebna, zato to je to podrazumevana (default) WordPress baza i ona ne sadri podatke koje ste
kreirali lokalno. Tako da se slobodno uputite u alat za manipulaciju sa bazom i obriite sve njene tabele.
Kako bismo malo vebali SQL, brisanje baze je mogude obaviti tako to odete na karticu SQL i ukucate
DROP database <naziv_baze>.

Kada zavrite sa tim, potrebno je otidi na karticu Import (pritom, vodite rauna da ste trenutno unutar
nove baze koju ste namenili za WordPress), i iz sekcije File to import izaberite sql fajl koji ste ved
pripremili. Ovaj proces moe potrajati do nekoliko minuta, u zavisnoti od toga koliko ste sadraja kreirali
na localu.
Ovo predstavlja ujedno i poslednji deo procesa migracije. Ukoliko ste sve uradili kako treba, kada odete
na poetnu stranicu vaeg sajta, videdete sajt sa localhost-a.
Napomena: Moe se desiti da poetna stranica sajta radi bez problema, ali kada odete na bilo koji drugi
deo sajta (na primer, druga stranica ili kategorija), konstantno dobijete HTTP 404 ili 500 greku. Ukoliko
se to desi, najede je uzrok poremedeni sistem permalinkova. Da biste to reili, potrebno je da odete
Settings Permalinks i samo kliknete Save dugme. Na taj nain de WordPress izvriti internu korekciju i
sve stranice sajta de vam ponovo biti dostupne.



12.2. Viejezinost sajta

U dananje vreme je veoma esta pojava da sajtovi podravaju dva ili vie jezika, a sve u cilju izlaska na
inostrana trita. Preporuka je da svaki sajt sadri barem i englesku verziju pored osnovne. Kada
razmiljamo o prevodu, moramo uzeti u obzir sadraj koji unosimo (na primer, tekst u blog postovima I
stranicama), ali i tekst koji se pojavljuje svuda na sajtu, na primer (Ukucajte pojam za pretragu ili
Rezultati Vae pretrage su, ili Ovaj post je objavljen pod kategorijom X dana Y). WordPress na sredu
nudi veliki izbor za realizaciju ove ideje. Mi smo izvrili generalizaciju i svodimo izbor na dve alternative:
Jednostavno, ali najbolje reenje. Kao najbolje reenje za problem viejezinosti WordPress
sajta jeste instalacija dva ili vie WordPress-a na istom domenu u razliitim podfolderima. Na
primer, osnovna, srpska verzija moe biti na adresi www.example.com ili www.example.com/sr,
dok engleska verzija www.example.com/en. Na taj nain imate najvedu mogudu fleksibilnost da
do najsitnijih detalja prevedete va sajt. Meutim, najvedi nedostatak je dupliranje obima posla.
Umesto jednog, ovaj pristup podrazumeva odravanje minimum dva zasebna sajta, nad dve
razliite baze.
Koridenje dodataka. Ukoliko vam ideja sa kreiranjem dva sajta ne izgleda najsrednije ili
jednostavno nemate vremena da paralelno odravate dva sajta, postoje odreeni dodaci koji,
kada se instaliraju, omogudavaju znatna proirenja WordPress-a i mogudnosti pisanja
stranica/postova na vie jezika. Glavni problem sa ovim dodacima je to se reenice koje slue
kao pomod pri koridenju sajta ne prevode kako treba, a glavni razlog je taj to programeri,
prilikom prilagoavanja sajta svojim potrebama, unose hardkodovane delide teksta u same
ablone, bez koridenja jezikih (.po) fajlova. I zbog toga esto programeri upadaju u dodatne
nevolje tako to za nekoliko rei/reenica na sajtu moraju da ispituju URL na kome se korisnik
trenutno nalazi i na osnovu toga prikau kontekst na odreenom jeziku.
Kao to vidite, kada je u pitanju viejezinost, zaista ne postoji idealno reenje koje de automatski da radi
bez ikakvih prepravki. Meutim, mi demo ovde ipak predstaviti dva dodatka koji omogudavaju
viejezinost i koji se veoma esto provlae u WordPress diskusijama:
WPML http://wpml.org/ (napomena: dodatak nije besplatan)
qTranslate http://wordpress.org/extend/plugins/qtranslate/ (besplatan)
Pored toga, postoji jo nekoliko dodataka koji su vredni pomena, ali po funkcionalnostima trenutno ipak
nisu u rangu sa prethodna dva:
http://wordpress.org/extend/plugins/zdmultilang/
http://www.poplarware.com/languageplugin.html
http://wordpress.org/extend/plugins/xlanguage/


12.3 WordPress i SEO 301 redirekcija

Najjednostabnije reeno, 301 redirekcija predstavlja trajnu i pravilnu (po SEO preporukama) redirekciju
sa jednog linka na drugi. Situacija u kojima elite da primenite redirekciju ima mnogo prilikom voenja
sajta. Na primer:
Imate sajt http://www.example.tk i elite da ga promenite na drugi top level domen
http://www.example.com (jer vam se, s pravom, .com vie svia).
Imate blog na http://www.example.com, ali ste napravili novi plan koji podrazumeva postojanje
statikog sajta na toj adresi i elite da pomerite itav blog na http://www.example.com/blog .
Da li ste znali da Google posmatra http://www.example.com i http:// example.com kao dve
razliite adrese i zbog toga svaka od ovih stranica ima zasebni page rank? Vi elite da za isti
sadraj ne rasipate svoj rank na stranice sa i bez WWW-a.
Napisali ste blog post na http://www.example.com/some/blog/post ali nakon nekog vremena
elite da promenite adresu na http://www.example.com/some/blog/post/2.
Bilo koja od gore navedenih redirekcija, sama po sebi, tehniki nije zahtevna uz manje ili vie truda,
uspedete da postignete cilj. Meutim, problem koji ovde nastaje je kako Google i ostali pretraivai
gledaju na redirekciju. Ukoliko ste napisali dobar post koji je veoma dobro indeksiran na pretraivaima,
ali onda odluite da promenite njegov link, vama praktino propada trud za stari link je de Google ubrzo
zaboraviti na vau stranicu i poeti iznova da posmatra novu stranicu i indeksira je. Dakle, u tom sluaju
imamo slededi scenario:
Dobro pozicionirana stranica se nalazi na linku http://www.example.com/some/blog/post za
kljune rei some blog post.
Vi odluite da promenite link na http://www.example.com/some/blog/post/2.
Neko kuca na Google-u some blog post i dobija link
http://www.example.com/some/blog/post, meutim poto ste link promenili, korisnik biva
odveden na 404 stranicu. Posledica 1: gubite potencijalnog korisnika/itaoca.
Google stalno motri na sve stranice vaeg sajta, ali de i on veoma brzo primetiti da stari link vie
nije aktivan. Zbog toga, on brie iz svojih indeksa vau stranicu i veoma brzo se deava Posledica
2: Za kljune rei some blog post va websajt nestaje iz rezultata pretrage.
Naravno, ovaj scenario vam se sigurno ne dopada. Umesto toga, ono to elite jeste da stavite do znanja
pretraivaima (ali i ljudima, koji recimo imaju sauvanu stranicu u svom bookmark-u) da je stranica koju
trae trajno premetena na drugu lokaciju. Upravo iz tog razloga se koristi (SEO friendly) 301 redirekcija
kojom page rank stare stranice prenosite na novu i uz to, pretraivai auriraju svoj indeks i preporuuju
novi URL umesto onog starog u rezultatima pretrage. Ta promena, naravno, ne nastaje odmah, ali
pretraivai su generalno veoma brzi prilikom auriranja svojih podataka.
S obzirom da smo se upoznali sa teorijom, red je da se malo pozabavimo i praksom. S obzirom da smo
predstavili dodatak SEO by Yoast, predstavidemo praktian primer koristedi njegove opcije.
Dakle, sadraj sa http://localhost/wordpress/sample-page/ prebacujemo na novu adresu
http://www.example.com/some/blog/post/2. Da biste to uradili, sve to je potrebno je da otvorite
stranicu u Admin panelu, gde dete, odmah ispod polja za ureivanje teksta imati opciju SEO by Yoast.
Ono to nas interesuje jeste kartica Advanced, labela 301 Redirect. Tu treba uneti link do stranice na
koju elimo da redirektujemo sve koji pristupe http://localhost/wordpress/sample-page . Neka to bude
http://localhost/wordpress/new-sample-page (ne zaboravite da zaista kreirate novu stranicu koja ima
ovaj URL).

Da li je redirekcija uspeno podeena moete testirati na jednostavan nain koridenjem developer
tools-a u browseru, koji se aktiviraju pritiskom F12. (Firebug u Firefox-u ili Developer tools u Google
Chrome).
Kada upalite developer tools, potrebno je da odete na karticu Net gde su prikazani svi zahtevi iz
browser-a ka serveru, ali i odgovori servera koji stiu nazad do browsera



Kao to se moe videti iz priloene slike, browser je poslao GET zahtev ka strain
http://localhost/wordpress/sample-page, ali je kao odgovor od server dobio status 301 Moved
permanently i zatim odmah bio redirektovan na stranicu koju smo mi podesili u administraciji. Ovim
moemo zakljuiti da je podeavanje za SEO redirekciju obavljeno pravilno.
Meutim, postoje i dodatna reenja za SEO redirekciju. Navedemo neka od njih (sortiranje smo izvrili
prema prosenoj oceni):




Ovde moramo dati bitnu napomenu: poslednji dodatak, Redirection je najpopularniji dodatak za
upravljanje 301 redirekcijama u WordPress zajednici (ima preko milion preuzimanja).

12.4 Preporueni dodaci za WordPress

U ovom delu se bavimo dodacima koje bi svaki WordPress blog trebalo da ima. U pitanju su besplatni
dodaci koje koirste na hiljade sajtova irom sveta, tako da moemo zakljuiti da su veoma dobro
istestirani. Mi demo ih, kao i druge stvari u ovoj skripti, kategorizovati na celine za:
1. poboljanje performansi sajta
2. pradenje posedenosti sajta
3. umreavanje i komentarisanje
4. galerije slika
12.4.1. Poboljanje performansi sajta

Keiranje kao glavna ideja. WordPress je dinamiki sistem, to znai da se od trenutka kada neko
zahteva stranicu preko odreenog linka, do trenutka kada dobije rezultat u browser-u, desi nekoliko
stvari: itav WordPress se uita, izvri PHP koji ga pokrede, izvri nekoliko upita nad bazom
(nemodifikovani WordPress izvri oko 15-30 upita po stranici) i slino. Meutim, visoko poseden sajt ima
previe upita u istom trenutku to moe znatno oslabiti responzivnost samog servera. Iz tog razloga su se
ljudi dosetili slededeg reenja: prvi put se stranica generie kako je prethodno opisano i taj rezultat
keira u statikoj HTML stranici koja se uva na serveru odreeno vreme. Svaki slededi upit za istu
stranicu se nede generisati iznova, ved de se korisniku vratiti strana koja je keirana. Nakon nekog
vremena (vremenski interval se obino podeava u administratorskom panelu), WordPress de izvriti
pun upit nad tom stranicom, sauvati rezultat u statikoj stranici koja se skladiti na serveru i ponovo
servirati nju. Na taj nain se za svaki upit eleminie izvravanje PHP koda koji pokrede WordPress i
posebno slanje upita nad bazom (koji predstavljaju najskuplje operacije zapravo) to praktino znai da
je server samo zaduen da servira statiku stranicu koju je prethodno sauvao. Ovu funkcionalnost
omoguduju dodaci: WP Super Cache (http://wordpress.org/plugins/wp-super-cache/) i W3 Total Cache
(http://wordpress.org/plugins/w3-total-cache/).

12.4.2 Praenje poseenosti sajta

Ova grupa dodataka de vam biti od koristi prilikom evaluacije i analize vaeg rada. Svako ko objavi tekst
na sajtu, treba da ima alat kojim prati:
broj poseta,
broj komentara,
koliko su se ljudi vremenski zadrali na toj stranici
kako su doli do te stranice (preko kojih kljunih rei)
da li su na sajt doli preko pretraivaa, ili moda preko nekog drugog sajta
gde su otili nakon trenutne stranice
Sve ove informacije vam mogu dati odgovor na pitanje: koliko je sajt uspean. Na osnovu ovih podataka
moete doneti razliite odluke poput:
stavljanja fokusa na pisanje jedne vrste tesktova umesto nekih drugih koji su se ispostavili kao
nezanimljivi vaoj publici
izgraditi svoj stil pisanja i promovisanja
sklapanja saradnji sa mnogobrojim servisima za promociju
forsirati deljenje sadraja na odreenim drutvenim mreama, u skladu sa brojem poseta koji
dolaze sa svake od njih
Dodatak koji vam omogudavaju ove i mnoge druge mogudnosti je: WassUp
http://wordpress.org/plugins/wassup/.
12.4.3 Umreavanje i komentarisanje

S obzirom da su drutvene mree glavni medij za prenos informacija, svakako da bi bilo lepo da
omogudite vaim posetiocima mogudnost da podele sadraj sa vaeg bloga sa drugim prijateljima preko
popularnih drutvenih mrea.
Izbor ovih dodataka je zaista veliki, ali kao jedan od dodataka koji se pokazao kao veoma dobar i koriden
jeste Sociable http://wordpress.org/plugins/sociable/. Veoma je jednostavan za koridenje i integraciju.

WordPress ima ugraen veoma dobar sistem za komentarisanje, meutim u poslednje vreme kao
znaajna i sveprisutnija alternativa pojavljuje se Disqus sistem. Ono to mi moemo redi je da se on ni po
emu znaajno ne razlikuje od podrazumevanog sistema za komentarisanje, osim to je mogude
ulogovati se I komentarisati preko Facebook ili Twitter profila. Takoe, Disqus sistem omogudava veoma
dobru zatitu od spam komentara, a podrazumevano omogudava sortiranje komentara na osnovu
datuma upisa, ranku i slino.


12.4.4 Galerija slika

Ukoliko elite da integriete galeriju slika unutar posta ili strane na WordPress-u, a da to bude
kompletno reenje (u funkcionalnom i vizuelnom smislu) imate pregrt mogudnosti. Sam upit
wordpress image galleries vrada mnogo rezultata na Google, a neki od prvih su Najboljih 75 dodataka
za galeriju. Dakle, ovde problem predstavlja za koju se odluiti, tako da demo vas potedeti tih muka i
uputiti na NextGen Gallery http://wordpress.org/plugins/nextgen-gallery/, dodatak koji se razvija
godinama i koji do sada ima preko 8 miliona preuzimanja samo sa zvaninog WordPress sajta. Ovaj
dodatak prua spektar opcija oko kreiranja i odravanja galerija, upload slika upakovanih u zip format,
zatim njihovu automatsku ekstrakciju, jednostavniju obradu i mnoge druge stvari. Pored galerija, moete
postavljati samostalnu sliku, a pored svega, imate opciju postavljanja i video galerija.
12.5 Resursi za dalje usavravanje

Ono to je zapravo najbolja stvar u itavom WordPress-u je to to ga svi koriste. Ogromna zajednica ljudi
svakodnevno doprinosi njegovom poboljanju na razliite naine:
kontribucijom u njegovom core razvoju
prijavljivanjem problema i bugova
pravljenjem tema
pravljenjem dodataka
pisanjem tutorijala na razne teme iz WordPress-a
Bavljenje WordPress-om moe biti veoma zanimljivo i jednostavno uz pomod koja pristide sa svih strana
ovoga sveta. Iz tog razloga, navedemo nekoliko internet resursa kako bismo vas uputili na istraivanje
drugih detalja koji nisu obuhvadeni ovom skriptom:
WordPress Codex http://codex.wordpress.org zvanina WordPress dokumentacija.
WordPress je sistem koji se moe pohvaliti da ima najbolju dokumentaciju.
WPBeginner http://www.wpbeginner.com/ - veoma lepo dizajniran i pregledan sajt sa pregrt
tekstova o WordPress-u sa primarnim fokusom na poetni i srednji nivo.
Smashing WordPress http://wp.smashingmagazine.com/ - verovatno svako ko je ituckao o
web dizajnu i programiranju je u nekom trenutku naleteo na Smashing magazine. Ovaj deo je
sajta je posveden iskljuivo WordPress temama.
WP TutsPlus http://wp.tutsplus.com sajt sa obiljen povezanih serija posveden i dizajnu i
programiranju u WordPress-u. Odie sjajnom zajednicom, koja kroz diskusiju doprinosi da
tekstovi i saveti budu jo kvalitetniji.
WordPress TV http://wordpress.tv/ - WordPress zvanini video kanal na kome se mogu pronadi
snimci sa WordPress okupljanja, konferencija, seminara i slino.

KNJIGE:
Bulletproof Blogging with WordPress http://throwingabrick.com/go/bulletproof_blogging.pdf
Ova knjiga je namenjena apsolutnim poetnicima i ima svega 23 strane.
A Beginners Guide To WordPress Theme Development
http://nometech.com/downloads/abeginnersguidetowordpressthemedevlopment.pdf -
Takoe veoma jednostavna knjiga koja ima 21 stranu, ali i propratne materijale koja de vas
uvesti u process kreiranja tema za WordPress.
The blog Oh! http://www.blogohblog.com/wordpress-seo-for-beginners-the-blog-oh-blog-
way/ - WordPress knjiga posvedena prevashodno optimizaciji za pretraivae.

RESURSI NA SRPSKOM:
WP Skola http://www.wpskola.com/ Veoma zanimljiv blog o WordPress-u na kome moete
pronadi zanimljive i korisne tekstove.
WordPress EBook http://www.mweb.rs/wordpress-ebook/ Namenjen je prvenstveno onima
koji se po prvi put susredu sa WordPress CMS platformom. PDF tutorijal kroz dvadesetak
stranica objanjava proces instalacije, postavke i auriranja sajtova na WordPressu.
ViewSource blog http://www.viewsource.rs sajt ne pie ekskluzivno o WordPress-u, ali
izmeu ostalog se moe pronadi serijal o kreiranju WordPress tema od nule.
UENJE IZ TUEG KODA Za one koji su savladali osnove WordPress-a, najtoplija preporuka je da
ostave po strain resurse i uvedu sebe u drugi vid uenja preko tueg koda. Na svu sredu, mnogo ljudi
irom sveta postavlja potpuno besplatno dodatke I teme za WordPress, na osnovu ega vi moete videti
kako drugi ljudi reavaju odreene probleme i na taj nain unaprediti svoje vetine. Kod je otvoren,
slobodno ga posmatrajte.
Teme: http://wordpress.org/themes/
Dodaci: http://wordpress.org/plugins/