WordPress Skripta

5/20/2018 WordPress Skripta

1/80

UNIVERZITET U BEOGRADU

FAKULTET ORGANIZACIOIH NAUKA

LABORATORIJA ZA ELEKTRONSKO POSLOVANJE

WordPress


2/80

Sadraj1. Uvod ...................................................................................................................................................... 5

2. Instalacija WordPress-a na lokalnom serveru ....................................................................................... 5

3. Instalacija WordPress-a na ELABHosting ............................................................................................ 11

3.1. Kreiranje sajta i poeavanje omena........................................................................................ 11

3.2. Kreiranje mySQL baze podataka i korisnika ................................................................................ 14

3.3. Postavljanje saraja sajta (prebacivanje instalacionog paketa WorPress-a i raspakivanje

arhive) 18

4. Administracija WordPressa ................................................................................................................. 26

5. Aministracija saraja ....................................................................................................................... 27

5.1. Aministracija lanaka ................................................................................................................ 28

5.2. Unos lanaka ............................................................................................................................... 29

5.3. Izmena i brisanje lanaka ............................................................................................................ 29

5.4. Doavanje 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


3/80

10.2.2. Naslovi ................................................................................................................................. 45

10.2.3. Oistite svoj kod .................................................................................................................. 45

10.2.4. Brzina .................................................................................................................................. 45

10.2.5. Poboljajte siebar .............................................................................................................. 45

10.2.6. HTML sitemaps .................................................................................................................... 45

10.3. Napreni WorPress SEO i upliranje saraja...................................................................... 46

10.3.1. Neineksiranje, 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. Orite 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. Stuija sluaja: Sajt Katere 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


4/80

11.1.4. Zaatak 1: Sreivanje zaglavlja (heaer.php)..................................................................... 55

11.1.5. Zaatak 2: Sreivanje poetne stranice.............................................................................. 57

11.1.6. Zaatak 3: Sreivanje siebar-a .......................................................................................... 63

11.1.7. Zaatak 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 oaci za WorPress............................................................................................ 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 alje usavravanje ................................................................................................... 79


5/80

1. Uvod

WordPressje jenostavan bloging sistem i najpopularnija blog platforma za upravljanje sarajem. Ono

to WordPress razlikuje o rugih sistema za upravljanje sarajem je jenostavnost 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 poatke belei u mySQL bazu podataka, potrebno je pronadi

server koji de raiti sa PHP-om i mySQL-om. Na internetu moemo pronadi veliki broj servera koji

poravaju ovakav ra. Ipak, u praksi se svi inamiki sajtovi najpre kreiraju na lokalnom raunaru,

odnosno na lokalnom serveru, a kada su izvrene sve moifikacije i testiranja, saraj sajta se postavlja

na zakupljeni server. Takav sluaj je isa WordPress-om.

2. Instalacija WordPress-a na lokalnom serveru

Da bi instalirali WordPress na lokalnom raunaru, potrebno je skinuti neke o sleedih programskih

paketa koji simuliraju lokalni server: WAMP, XAMPP, LAMP itd. U ovom primeru, prestavidemo ra sa

WampServer-om koji radi na Windows operativnom sistemu. WampServer predstavlja besplatan

program koji u sebi sari 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:


6/80

Ukoliko je ikonica WampServer-a crvene boje, to znai a servisi (Apache, mySQL i PHP) nisu ukljueni.

Klikom na Start All Servicesukljuuju se potrebni servisi, ime je na ovaj nain omoguden ra 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 tomsluaju, 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 irektorijum servera instaliranog na raunaru. Prilikom instalacije i kreiranja inamikog

sajta, sav saraj treba iskopirati u izvrni irektorijum. Preporuuje se a se u okviru izvrnog

direktorijuma kreira poseban direktorijum za oreeni sajt, u okviru kojeg de se nalaziti sve atoteke i

irektorijumi. Porazumevana putanja izvrnog irektorijuma servera za WAMP je C:\wamp\www

Izborom opcije Localhost, u web browser-u se prikazuje poetna strana WampServera, sa poacima o

verziji Apache servera, PHP-a, instaliranim dodacima, kao i projektima koji se nalaze u izvrnom

direktorijumu servera.


7/80

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 poataka sklaitenim na Apache serveru.

Klikom na Databasesotvara se forma za kreiranje nove baze. U okviru polja Create database, potrebnoje 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, neophono je kreirati korisnika koji de imati privilegije a

upravlja tom bazom. Odabrati opciju Users, koja omogudava upravljanjekorisnika.


8/80

Da bismo dodelili privilegije, najpre je potrebno kreirati korisnika. Klikom na opcijuAdd Userotvara 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 poataka, u elu Global Privilegespotrebno je izabrati opciju Check All

kako bi korisnik imao potrebne privilegije za upravljanje bazom poataka. Po zavretku, klikom na

dugme Create userzavrava se postupak kreiranja korisnika.

U navedenom primeru, kreiran je korisnik sa nazivom i ifrom wordpress.


9/80

Sleedi 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 irektorijumu lokalnog raunara, onosno u C:\wamp\www\wordpress.

Instalacija se pokrede putem poetne strane WampServera ili irektnim 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.

Sleedi korak omoguduje povezivanjeWordPress-a sa prethodno kreiranim podacima o korisniku i bazi

poataka. Vrenosti parametara koje smo ranije efinisali (naziv i ifra korisnika, ime baze, host)

potrebno je uneti u ogovarajuda polja.
http://www.wordpress.org/http://www.wordpress.org/http://www.wordpress.org/


10/80

Klikom na Submit proverava se konekcija i ako je ona uspena, u sleedem koraku potrebno je izabrati

dugme Run the installkoje pokrede instalaciju WordPress-a.

U poslednjem koraku instalacije, unose se kljuna poeavanja vezana za sajt - ime sajta, pristupne

poatke aministratorskom elu, tj. korisnikoime, ifru i e-mail. Iako se ceo proces odvija na lokalnom

serveru, poeljno je ukljuiti opciju ineksiranja o strane pretraivaa zbog bolje optimizacije sajta.Nakon unosa potrebnih podataka, klikom na Install WordPress, zavrava se proces instalacije

WordPress-a.


11/80

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

Javnom delu WordPress-a moe se pristupiti odlaskom na localhost/wordpress, dok se

aministratorskom elu 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 sleedih koraka:

1. Kreiranje sajta i poeavanje omena

2. Kreiranje mySQL baze podataka i korisnika

3. Postavljanje saraja sajta (prebacivanje instalacionog paketa WordPress-a i raspakivanje arhive)

3.1. Kreiranje sajta i podeavanje domena

Nakon dobijanja vaedih poataka (korisniko ime i lozinka) za pristup ELABHosting-u, neophodno je

ulogovati se na ISPConfig kontrolni panel klikom na sleedi link: https://student.elab.fon.bg.ac.rs/panel/

ELABHosting stuentima prua mogudnost kreiranja poomena u formatu

nazivsajta.student.elab.fon.bg.ac.rs. Kreiranje novog poomena se izvrava u okviru sekcije Sites Website, klikom na dugmeAdd new website.

U okviru poeavanja, ne treba menjati IP arese (IPv4 treba a bue *, IPv6 treba a bue prazna).

Naziv poomena je lokacija sajta i upisuje se u sleedem formatu nazivsajta.student.elab.fon.bg.ac.rs.

Naredni parametri odnose se na kvote na disku i na oputen protok koji se moe koristiti na sajtu.

Maksimalna veliina kvote na disku je 100 MB, dok je maksimalna veliina kvote za oputen protok

2000 MB. Ukoliko korisnik eli a vii poruke o HTTP grekama, potrebno je ukljuiti opciju Own Error-
https://student.elab.fon.bg.ac.rs/panel/https://student.elab.fon.bg.ac.rs/panel/https://student.elab.fon.bg.ac.rs/panel/


12/80

Documents. Parametri za PHP poeavanja treba a ostanu nepromenjena (PHP je fast-cgi, a PHP

version je default). Na kraju, da bi sajt bio aktiviran, potrebno je izabrati opcijuActivei kliknuti na dugme

Save.

U navedenom primeru, koristi se WordPress.student.elab.fon.bg.ac.rskao 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 poeavanjima izabrati ablon ELABStuent, a naziv zone treba da budeientian kao naziv poomena koji je kreiran u prethonom 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 a

bude vidljiv na internetu.

U navedenom primeru, naziv poddomena je wordpress.


13/80

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
http://wordpress.student.elab.fon.bg.ac.rs/http://wordpress.student.elab.fon.bg.ac.rs/http://wordpress.student.elab.fon.bg.ac.rs/


14/80

3.2. Kreiranje mySQL baze podataka i korisnika

Nakon kreiranja poddomena, potrebno je aktivirati korisnika i bazu poataka koji de biti povezani sa

WordPress-om. Izborom opcije Sites Database Users u ISPConfig panelu i klikom na dugmeAdd 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.


15/80

Nakon kreiranja, obratiti panju na ime mySQL korisnika, obzirom a sistem prilikom kreiranja korisn ika

automatski dodaje prefiks.

U navedenom sluaju, prefiks je c16, tako a 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.


16/80

Prilikom unoenja parametara za kreiranjebaze, 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 obezbeili porku za

srpska slova, u okviru polja Database Charsetpotrebno je izabrati opciju UTF-8. Na kraju, Remote Access

ne treba aktivirati, a poljeActiveje potrebno izabrati. Baza se kreira klikom na dugme Save.


17/80

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 ientian kreiranju baze na lokalnom serveru.
https://student.elab.fon.bg.ac.rs/phpmyadmin/https://student.elab.fon.bg.ac.rs/phpmyadmin/https://student.elab.fon.bg.ac.rs/phpmyadmin/


18/80

3.3. Postavljanje sadraja sajta (prebacivanje instalacionog paketa

WordPress-a i raspakivanje arhive)

Da bismo postavili saraj na sajtu, onosno a bismo prebacili instalacioni paket skinut sa sajta

WordPress-a, neophono je kreirati FTP nalog u ISPConfig panelu, koji de omoguditi koridenje prenosa

fajlova. Izborom opcije Sites FTP usersi 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 ove treba

obratiti panju a ISPConfig automatski oaje prefiks, u viu 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

bue manji ili jenak o ukupnog maksimalnog korisnikog prostora na isku koji smo efinisali prilikom

kreiranja sajta (omena). Unos se zavrava klikom na ugme Save.

Nakon kreiranja naloga, mogude je pristupiti fajlovima sajta (omena) koridenjem FTP klijenta (FileZilla,

WinSCP, Total Commander Connect to FTP Server funkcija) ili koridenjem ISPConfig veb aplikacije za

prenos fajlova.

FTP poeavanja su sleeda:

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


19/80

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 atotekama i organizaciju fajlova, Total

Commaner, koji u sebi sari opciju konfigurisanja FTP konekcija.

Po startovanju Total Commander-a, izabrati opciju Net - FTP Connect, nakon ega se otvara prozor za

poeavanje postojedih ili kreiranje novih konekcija.

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


20/80

Nakon kreiranja, u delu za upravljanje konekcijama, izabrati konekciju i kliknuti na dugme Connect.

Nakon uspene konekcije, pojavide se struktura direktorijuma kao na slici:

Saraj svih fajlova na sajtu nalazi se u foleru web, to znai a se u okviru tog folera mora izvriti

upload svih fajlova sajta. U okviru tog foldera, nalaze se fajlovi .htaccess, index.html, favicon.ico i

robots.txt, koji se onose na porazumevanu poetnu stranu i njih je bezbeno obrisati. Folere error i

stats je poeljno ostaviti, jer oni slue za prikaz HTTP greaka iprikupljanje poataka 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/.Poeavanja su ientina kao i kod kreiranja

FTP konekcije.
https://student.elab.fon.bg.ac.rs/filemanager/https://student.elab.fon.bg.ac.rs/filemanager/https://student.elab.fon.bg.ac.rs/filemanager/


21/80

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).


22/80

Nakon uspenog uploada instalacionog paketa WordPress-a, arhivu je potrebno raspakovati.

Izborom arhive i klikom na dugme Unzipu 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 potvran

odgovor.


23/80

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 jehttp://WordPress.student.elab.fon.bg.ac.rs/wordpress/.
http://nazivsajta.student.elab.fon.bg.ac.rs/wordpress/http://nazivsajta.student.elab.fon.bg.ac.rs/wordpress/http://wordpress.student.elab.fon.bg.ac.rs/wordpress/http://wordpress.student.elab.fon.bg.ac.rs/wordpress/http://wordpress.student.elab.fon.bg.ac.rs/wordpress/http://wordpress.student.elab.fon.bg.ac.rs/wordpress/http://nazivsajta.student.elab.fon.bg.ac.rs/wordpress/


24/80

Klikom na dugme Create Configuration File, a zatim na Let's Go! dolazi se do koraka gde je potrebnouspostaviti konekciju izmeu WordPressa i baze koju smo u prethodnim koracima kreirali.

U navedenom primeru, vrenosti 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 instalacijaWordPress-a.


25/80

U sleedem, poslenjem koraku, unose se informacije o nazivu sajta i pristupnim podacima

administratorskom delu. Unoenjem potrebnih podataka, klikom na Install WordPress, zavrava seproces instalacije WordPress-a.

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


26/80

4.Administracija WordPressa

WordPress CMS ima dva dela: administratorski deo, u okviru kojeg se sajt aurira i kome mogu pristupiti

aministratori i korisnici sa oreenim privilegijama i javni deo, iji je saraj omoguden svim

posetiocima.

Administratorskom delu se pristupa unoenjem linka adresasajta/wp-admin (primer: localhost/wp-

amin) nakon unoenja korisnikog imena i ifre definisanih tokom instalacije WordPress-a.


27/80

Administratorski panel (Dashboard) predstavlja poetnu lokaciju za oravanje sajta. U okviru menija

koji se nalazi na levoj strani, pristupa se upravljanju razliitimopcijama i segmentima na sajtu. Na vrhupanela, pore preica za izvravanje oreenih operacija, nalazi se i tab Screen optionsputem kojeg se

vri aktiviranje i eaktiviranje prozora koji de biti prikazani u okviru administratorskog panela.

5.Administracija sadraja

Saraj u WordPressu je poeljen na lanke, strane i komentare.

lanakse vezuje za inamian saraj, koji poseduje svoju kategoriju i datum kada je kreiran, a premaporazumevanim poeavanjima WordPress-a , on se hronoloki prikazuje na poetnoj strani sajta.

lanak se najede koristi za objavu vesti ili blog-postova na sajtu. Aministraciji lanaka pristupa se

klikom na Postsu okviru menija sa leve strane, ge se moe izvriti unos, izmena i brisanje lanaka, kao i

kreiranje kategorija. Osim kategorija, lanci se mogu organizovati i koridenjem tagova, koji preciznije

efiniu ta se nalazi u kategorijama.


28/80

Stranesu veoma sline lancima, osim to su one vezane za kategoriju i koriste se za objavu statikog

saraja. Aministraciji strana pristupa se klikom na Pagesu okviru menija sa leve strane, ge se moe

izvriti unos, izmena i brisanje lanaka.

Treda vrsta saraja su komentari, ime se posetiocima sajta omoguduje kreiranje saraja. lanci i

strane mogu imati komentare, i oni su prema porazumevanim poeavanjima WordPressa prikazani urastudem reosleu, onosno o najstarijeg komentara o najnovijeg. Aministracija komentara vri se

klikom na Comments u okviru menija sa leve strane, ge se moe izvriti unos, izmena i bri sanje

komentara.

5.1. Administracija lanaka

Kada se iz menija izabere opcija Posts, obija se forma za aministraciju lanaka u WordPressu. U okviru

ovog ela, 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 atumu objave. Prelaskom kursora preko listinga mogude jeizvriti pregle, izmenu ili brisanje lanaka.


29/80

5.2. Unos lanaka

Doavanje novog lanka vri se izborom opcijeAdd Newiz menija Posts.

Prilikom kreiranja, obratiti panju na naslov, tekst lanka, kategoriju kojoj pripaa lanak i tagove. Po

uspenom unosu, lanak je neophono 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 oreenog lanka omoguduju se opcije za izmenu i brisanje istih. Klikom naEdit, otvara se forma ientina formi za unos lanakakoja omogudava njihovu potpunu izmenu.


30/80

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. Doavanje 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 poesiti a oreena

kategorija pripada drugoj, tj. da ona bude podkategorija neke od ved kreiranih kategorija (opcija Parent).

Opis kategorije slui za internu potrebu i nije javno viljiv na sajtu.


31/80

U okviru iste forme, mogude je izvriti izmenu postojedih kategorija. Sa esne strane, klikom na

kategoriju, otvara se nova forma koja prua mogudnost izmene informacija.

5.5. Dodavanje i izmena tagova

Tagovi se pore mogudnosti kreiranja u okviru lanaka, mogu kreirati klikom na Tagsu meniju Posts.

Proces kreiranja novih i izmene postojedih tagova je ientian procesukreiranja i izmene kategorija.


32/80

6.

Administracija stranaIzborom opcije Pagesu 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. Posedamo, strana ne poseuje kategorije i tagove. Nakon unosa

naslova i teksta, strana se moe objaviti klikom na ugme Publish.


33/80

Prelaskom kursora preko oreenog lanka omogudujuse opcije za izmenu i brisanje strana. Klikom na

Edit, otvara se forma ientina formi za unos strane koja omogudujepotpunu izmenu strane.


34/80

7.Administracija komentara

Pregled svih komentara vri se u elu Commentsu levom meniju. Panel aministracije komentara prua

mogudnost oobravanja ili neoobravanja komentara, ogovora na komentar, izmene komentara,

oznaavanja komentara kao spamili brisanja komentara.

8. Rad sa menijima

Izborom opcijeAppearance, a zatim Menus, otvoride se forma za ra sa menijima. Meni se u potpunosti

moe prilagoiti i svaki o njih sari stavk, u okviru kojih se mogu nadi linkovi koji usmeravaju ka rugoj

stranici sajta, ka nekom drugom sajtu ili ka nekoj kategoriji lanaka.


35/80

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 oabrati stavke koje de se nalaziti u meniju. Meni moe sarati

sve prethono kreirane stranice, eksterne linkove, kao i postojede kategorije sajta . Sa leve strane,

nalaze se kolone za kreiranje eksternih linkova, reom rasporeene stranice i kategorije.

Da bismo dodali eksterni link, najpre je potrebno uneti adresu, kao i naziv arese koji de se pojaviti u

meniju. Nakon ubacivanja podataka, klikom naAdd to Menustavka se unosi u meni.


36/80

Proces unoenjastranice je slian unoenjueksternog linka. Iz dela Pages, klikom na View Alldobija se

prikaz svih stranica. Nakon izbora eljene stranice, izboromAdd to Menuona de biti uneta u meni.

Nakon unoenjasvih stavki, klikom na Save Menuuvaju se postavke menija.

8.3. Ureivanje stavki menija

Svim stavkama menija pristupa se izboromeljenog menija, nakon ega de na esnoj strani biti izlistane

stavke koje pripaaju tom meniju. Jenostavnim pomeranjem, stavkama se moe menjati reosle,

onosno njihova pozicija. Klikom na jeziak stavke, omoguduje se izmena elementa stavke, a koja

ukljuuje izmenu naslova, dodavanje atributa naslovu, kao i brisanje stavke.


37/80

8.4.

Prikaz menija

Prikaz menija se kontrolie u okviru ela Appearance, izborom opcije Widgets. U formi za rad sa

wigetima, potrebno je prevudi wiget sa imenom Custom Menu na ogovarajudi 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 Usersiz menija sa leve strane, nakon ega

se otvara forma koja prikazuje sve registrovane korisnike.


38/80

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), omogudujese izbor sleedih uloga:

Pretplatnik (Subscriber) obian korisnik, moe a komentarie, ali nema prava na menjanje

saraja 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 pore svojih, moe ureivati i tue lanke, onosno sve lanke

na sajtu

Administrator (Administrator)korisnik je aministrator sajta, ime je omoguden pristup svim

delovima


39/80

10. WordPress SEO (Search Engine Optimization)

WordPress je jedan od najboljih CMS-ova kada je u pitanju SEO. Naredne preporuke mogu vam mnogo

pomodi a poboljate svoj ranking, obijete vie subscriber-a i da napravite bolji sajt.

WordPress SEO Plugin

Postoji veliki broj plugin-ova za poboljanje optimizacije sajtova, ali najvie se izvaja WordPress SEO

plugin koji moemo redi objeinjuje vedinu prethono naveenih. Ovaj plugin se u praksi pokazao toliko

modnim a ga koriste i osta popularni sajtovi kao to su SearchEngineLan, The Next Web, Mashable i

veoma je stabilan, spreman za koridenje i moete ga besplatno preuzeti sa sleedeg 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 dozvoljavanjusvakoj stranici da bude indeksirana od bilo kog drugog CMS-a, ali postoji nekoliko stvari koje bi trebalo

uraiti 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 poeavanja moete nadi po

oeljkom Settings Permalinks. Default permalink je ?p=, ali najbolja praksa je koristiti/post-

name/ ili /category/post-name/. Za prvu opciju potrebno je a promenite poeavanje na Custom

Structure odnosno da obeleite/%postname%/
http://yoast.com/wordpress/seo/http://yoast.com/wordpress/seo/http://yoast.com/wordpress/seo/


40/80

Da ukljuite i kategoriju potrebno je selektovati Custom Structure i promeniti vrenost na

/%category%/%postname%/. Ukoliko ste pre toga imali ?p= kao va permalink WordPress de se

pobrinuti za sva preusmerenja. Ovo se takoe eava ukoliko menjate sa

/%postname%/ na /%category%/%postname%/ permalink.

10.1.1.2.

Linkovi sa WWW ili bez WWW

Morate a oluite kako elite a se va sajt pojavi, kao www.example.com ili jenostavno samo

example.com. Proverite po oeljkom Settings General a li ste pravilno upisali eljenu opciju.

Takoe, potrebno je i a u oeljkuSettings Preferre omain izaberete prethono izabranu opciju za

prikaz domena.


41/80

10.1.1.3.

Stop words

Poslednja stvar koju bi trebalo uraiti vezano za permalinkove kako biste poboljali va WordPress SEO

je a uklonite tzv. stopwors. Ukoliko je va sajt na engleskom jeziku primeri ovih rei su a, an,

the it.Poevi o verzije 1.1.6 WordPress SEO plugin-a automatski se uklanjaju ove rei iz vaih slug-

ova (URL-a posle omena) nakon to sauvate post tako a dete na ovaj nain izbedi kreiranje ugakihURL-ova kaa kreirate naslov vaeg posta.

Ovo je neto to sigurno ne elite a menjate ka ved objavite post. Ukoliko su posetioci ved linkovali ka

ovom postu pokuajte a ne menjate permalink, ali ukoliko morate ona se pobrinite a post bue

pravilno preusmeren. U vedini sluajeva WordPress de preusmeriti stari URL ka novom, ali ukoliko to ne

urai moradete to sami a uraite.

10.1.2.

Optimizujte vae naslove za SEO

Naslovi tj. saraji u okviru taga vaih stranica su jena o najvanijih faktora za rangiranje u

rezultatima pretrage. Oni ne prestavljaju samo nazive tabova u vaim pretraivaima ved su i prva linija

koju ljui vie u rezultatima pretrage, a nakon toga se nalaze URL i oseak (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 Keywor 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 a ukoliko su kljune rei blie

poetku samog naslova stranice imadete vede anse za bolji ranking.

Ljui koji gleaju rezultate pretrage de prvo uoiiti rei blie poetku tako a ukoliko su kljune

rei blie samom poetku imadete vede anse a ljui 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 obidete SEO oeljak u okviru

vaeg amin ela. Ukoliko oete na SEO Titles & Metas viedete gomilu tabova za razliite tipove

stranica na vaem sajtu. Za svaki tip posta i taksonomiju moete postaviti Title Template.


42/80

Postoji veliki broj varijabli koje moete koristiti u naslovima i meta opisima, a one su sve izlistane i

objanjene na nu stranice settings. Potrebno je proveriti a li templejt zaista rai i a ne obijate upli

naslov sajta za instancu. Ukoliko kojim sluajem obijate upli naslov potrebno je a ekirate Force

Revrite checkbox na istoj stranici ili a pratite uputstvo na toj stranici kako biste moifikovali vatemplejt.

10.1.2.2.

Optimizacija pojedinanih postova

Nakon to ste postavili ogovarajude templejte moete krenuti sa optimizacijom pojeinanih postova i

stranica. Za to moete koristiti Snippet Preview - dodatak WordPress SEO plugin-a:

Ovaj oatak de automatski preuzeti vrenosti koje ste ved popunili u vaem postu i ubaciti ih u va

templejt, ali moete uraiti i izmenu naslova tako to dete uneti eljeni naslov u SEO Title:

Ukoliko kliknete na ugme Generate SEO title, polje SEO Title de se popuniti na osnovu templejta koji

alje moete prilagoiti ili ga potpuno promeniti.
http://cdn3.yoast.com/wp-content/uploads/2008/04/seo-title.pnghttp://cdn3.yoast.com/wp-content/uploads/2008/04/seo-title.pnghttp://cdn3.yoast.com/wp-content/uploads/2008/04/seo-title.pnghttp://cdn3.yoast.com/wp-content/uploads/2008/04/seo-title.png


43/80

Broja de vam pokazivati koliko karaktera jo moete uneti.

Za naslove su bitne sleede stavke:

Trebalo bi a uvek sare naziv kompanije, poeljno je a bue na kraju naslova kako bi ljui koji

pretrauju prepoznali vau kompaniju meu mnogobrojnim rezultatima pretrage.

Trebalo bi a sari kljunu re za koju mislite a je najbitnija za posmatrani post, poeljno je a

kljuna re buu na poetku nalova.

Ostatak naslova bi trebalo a privue ljue a kliknu ba na va post.

10.1.3.

Optimizovanje opisa

Nakon to ste postavili ogovarajude naslove potrebno je a se pravilno efiniu i meta opisi. Meta opisi

mogu biti korideni o strane pretraivaa koji ih prikazuju u snippet-u, to je crni deo teksa odmah ispod

URL-a. Meta opis je uglavnom koriden samo ona kaa sari 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 prestavljaju uvonureenicu i esto zapravo nita konkretnije i ne moete a 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 bolovane u rezultatima pretrage.

Preporuka je da koristite meta escription polje koje moete nadi u okviru WorPres SEO plugin-a i da na

taj nain sami unesete meta opis. Meta opsi bi trebalo a privuku osobu a klinke ba na va post i

trebalo bi a najmanje jenom upotrebite kljunu re koja je najbitnija za posmatrani post.

10.1.4.Optimizacija slika

Koristedi tehnike kao to su pisanje obrih alt tagova i razmiljanje o nazivima fajlova vam moe pomodi

a privuete malo vie ljui na va sajt sa razliitih pretraivaa za slike. Pore 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 a prethono naveeno raite za svaku sliku moe vam pomodi plugin SEO

Friendly Images. On automatski dodaje naslov posta i/ili naziv slike alt i naslov tagovima slike:


44/80

10.1.5.

XML mape sajta

Kako biste obavestili pretraivae a je va sajt auriran moete koristiti XML sitemaps. WordPress SEO

plugin sari XML Sitemap moul koji je samo potrebno ukljuiti. Iite na Settings XML Sitemaps i

ekirajte checkbox:

Nakon ekiranja i klika na ugme Save, prikazade vam se nove opcije koje moete a poesite, 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 a lako i brzo ou o vaeg novog saraja na sajtu. Kaa se post objavi Google mora

a ubaci samo jean novi XML po-sitemap jer ostali sitemap-ovi nisu promenjeni - koristedi opciju

datum modifikovanja.

Iz SEO perspektive, reenje koje nudi WordPress SEO plugin je bolje o rugih jer ukljuuje i slike u svaki

post, a time pomae a se vae slike bolje rangiraju u Google pretrazi slika. Ima prilino kompletan API

koji dozvoljava drugim developerima da razviju nove sitemap-ove to znai a se mogu napraviti nova

News SEO and Video SEO proirenja koja automatski generiu news xml sitemap i vieo xml sitemap.

10.2.

Optimizacija templejta

10.2.1.Breadcrumbs

Poeljno je a oate breacrumbs na vae pojeinane postove i stranice. Oni prestavljaju linkove,

uglavnom izna naslova posta koji izgleaju ovako: Home > Articles > WordPress SEO. Korisni su iz va

razloga:

Oni omogudavaju vaim korisnicima a se lake kredu kroz va sajt.

Oni omogudavaju pretraivaima a lake oree 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 jenu. Kako bi to sve railo 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.


45/80

10.2.2.

Naslovi

Proverite a li se vai naslovi postova nalaze u okviru taga. Jeino naziv vaeg posta bi trebalo a

bue na poetnoj stranici, a na single, post i category stranicama ne bi trebalo a bue vedi o

. Va siebar ne bi trebalo a bue natrpan sa i tagovima.

Ova poeavanje je potrebno uraiti upost.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 a keiraju ove fajlove pri prvoj poseti i a pretraivai

uglavnom ne moraju a ih uitavaju.

10.2.4.

Brzina

Jedna od bitnih stvari prilikom rangiranja vaeg sajta je i brzina kojom se vae stranice uitavaju. Moete

uraiti tri stvari a ubrzate va WordPress sajt:1.

Optimizujte va templejt tako a izvrava to je manje mogude poziva ka bazi.

2.

Instalirajte caching plugin npr. W3 Total Cache, koje je lak za poeavanje, a moe osta ubrzati

va sajt.

3.

Instalirajte CDN (Content Delivery Network). CDN predstavlja veliki broj visoko optimizovanih

servera irom sveta koji rae po ugraenoj logici najblieg servera to znai a dete uvek biti

uslueni o 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 raiti jo bolje kaa 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 postranice. Jean o primera je blogroll, time to na svom sajtu postavljate linkove ka svojim

kolegama omogudavate korisnicima a u svakom trenutku ou sa vaeg sajta, a va interes je a se oni

na njemu to ue zare. Ukoliko ba elite a postavite linkove ka kolegama ona je bolje a blogroll

stoji samo na poetnoj stranici jer ukoliko ga stavite na sve stranice rizikujete a imate previe saraja

na stranici koji nije vezan za sam saraj koji piete u vaem postu, a i omogudavate korisniku a oe 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 osta pomodi kako korisnicima tako i pretraivaima.


46/80

10.3.

Napredni WordPress SEO i dupliranje sadraja

10.3.1.Neindeksiranje, stranice arhive i onemuguavanje arhiva

Koristedi WordPress SEO plugin, moete spreiti ineksiranje stranica arhive. Po SEO Titles & Metas,

viedete Other tab:

Svaki link zasnovan na atumu de preusmeriti ka homepage-u zbog ovog poeavanja. Ostavite arhivu

autora nepromenjenu, a ekirajte checkbox u General tab-u i tako de postranice ove arhive biti

neineksirane, a time ste onemogudili korisniku a oe omah na rugu stranicu iz arhive.


47/80

10.3.2.

Onemoguite nepotrebne arhive

Ukoliko je va blog jenoautorski ili mislite a vam nije potrebna arhiva autora kori stite WordPress SEO

a onemogudite arhivu autora. Takoe ukoliko mislite a vam nije potrebna arhiva zasnovana na

atumima onemogudite je. ak iako ne koristite ove arhive u templejtu neko moe a linkuje ka njima i

time prekine va WordPress SEO.

10.3.3.

Paginacija

Potrebno je obezbeiti a ako bot oe o stranice category moe a oe o svih postranica bez

ikakvih potekoda. Drugaije bi ukoliko imate mnogo postova u kategoriji bot morao a ie i esetak

strana unaza kako bi pronaao link o nekog o ranijih postova. Postoji nekoliko plugin-ova koji mogu

da srede ovo, jedan od njih je WP-PageNavi.

10.3.4.

Neindeksiranje nepotrebnih linkova

Jo jean lak korak a poboljate va WordPress SEO je da prestanete da linkujete ka stranici za login iregistraciju sa svake stranice na vaem blogu. Isto vai i za RSS fee-ove, subscribe putem email-a slino.

WordPress automatski ne ineksira sve vae login i registracione linkove, ali u vedini sluajeva ne bi

trebalo a imate login link u vaem templejtu.

10.3.5.Kanoniki link elementi

U februaru 2009. goine glavni pretraivaipredstavili su rel="canonical" element. Ovo je jo jean o

naina za borbu protiv upliranja saraja. WordPress ima ugraenu porku za canonical link elemente

za pojeinane postove i stranice, ali ima nekoliko manjih bagova, nema kao output kanonike linkove

na rugim stranicama. Koristedi WordPress SEO plugin, automatski obijate kanonike link elemente zasve tipove stranica u WordPress-u.

10.4. Struktura sajta za bolje rangiranje

10.4.1.

Stranice umesto postova

Neka je najbolje reenje a za najvanije postove napiete stranice. Na taj nain ih moete lako upate-

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 obro a se rangira za obre

kljune rei, a potrebno je a ga upate-ujete postoji nain a to uraite, a a ne izgubite sve komentare

koje su koorisnici pre toga napisali vezano za taj post:

napravite novu stranicu sa update-ovanim i poboljanim sarajem

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


48/80

poaljite mejl svimakoji su linkovali ka vaem starom postu a ste upate-ovali i poboljali stari

post

ekajte a ponovo ou linkovi;

10.4.3.

Linkovanje ka povezanim postovima

Nain a pomognete pretraivaima a bre ou o vaih starijih postova, a a 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 Relate Posts Plugin. Dobra zamena je i Microkis relate post

plugin koji vam omogudava a manuelno izaberete postove koji su povezani jeni sa rugima. Ovo bi

moglo a vam ouzme malo vie vremena, ali bi mogao ak i bolje a se pokae o Yet Another Relate

Posts Plugin-a.

Postoji mnogo plugin-ova koji automatski linkuju oreene klune rei ka oreenim postovima, ali

obratite panju a ne preterate jer bi saraj vaeg teksta mogao a eluje iritantno.

10.4.4.

Ne stavljajte previe tagova

Jena o najedih zamerki koje pronalazimo u kao review sajtova je prevelika upotreba tagova.

Potrebno je znati a tag sam po sebi ne moe poboljati va SEO, jeini nain na koji oni poboljavaju

SEO kampanju je to povezuju jean eo saraja sa rugim elom, 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 a se subscribe-uju. Vano je uoiti momente kaa de korisnici najvie

poeleti a se subscribe-uju i na ta mesta postaviti dugme za subscribe, bilo preko RSS-a ili preko email-

a. Jean o tih trenutaka je kaa proitaju neki o lanaka na vaem sajtu i iz tog razloga se postavljaju

ugmidi za subscribe kao i za share-ovanje na rutvenim mreama omah nakon kraja lanka. Drugi

idealan trenutak za subscribe je kaa 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 a bi korisnici pohvalili va ra ili skrenuli panju na neke greke,

najvanija stvar kojoj oprinose komentari jeste uspostavljanje komunikacije izmeu korisnika i

autora. Svaki komentar pokazuje a niste nekoga ostavili ravnounim, a to je jean od

najvanijih faktora ukoliko elite a korisnici linkuju ka vaem sajtu.


49/80

10.6.1.

Ubedite korisnike da ostave komentar

Najlaki nain a obijete komentar o itaoca je a ga jenostavno naveete 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 va razliita teksta mogu izazvati

velike razlike u povratnoj reakcijimoete lako ostati bez komentara, a moete i navesti korisnika a

kae svoje miljenje. Ovaj tekst moete promeniti tako to dete udi u inex.php, traiti

comments_popup_link() i promeniti tekst u okviru ove funkcije.

10.6.2.

Uspostavite vezu sa onima koji komentariu

Jo jena o bitnih stvari je a se zahvalite ljuima koji ostavljaju komentare na vaem blogu. Ne bi

trebalo a se zahvalite nakon svakog komentara jer to moe postati iritantno, ali ieja a se samo nakon

prvog poslatog komentara zahvalite korisniku je i vie nego obra praksa. Postoji ved gotovo reenje za

ovu ideju, a to je da instalirate plugin Comment reirect. Ovaj plugin vam omogudava a 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

Kaa su se korisnici ved ukljuili u razgovor bilo bi obro i zarati ih na tom mestu i navesti a prate

alju konverzaciju koja se ovija na veem sajtu. Da biste ovo postigli potrebno je a instalirate

Subscribe to comments plugin koji omogudava korisnicima a se klikom na ogovarajudu ikonicu

subscribe-uju za neku o konverzacija i obijaju obavetenja o novim komentarima putem email-a. Naovaj nain dete navesti korisnika a prati konverzaciju, a samim ti i znatno povedati anse a taj korisnik

ostavi jo neki komentar na vaem sajtu.

10.7. Off site blog SEO

10.7.1. Zapratite one koji komentariu

Preporuka je a obratite panju na ra onih koji komentariu na vaem sajtu. Iite na njihove sajtove,

ostavite i vi njima komentar u kojem dete iskazati vae miljenje o njihovom rau i na taj nain de vas

korisnik jo vie potovati i verovatno de nastaviti a ostavlja komentare na vaem sajtu. Statistika kaea samo 1% posetilaca vaeg sajta ostavi komentar, a ta grupa ljui je svakako vrena vae panje.

10.7.2. Koristite Twitter

Twitter profil poseuju 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


50/80

objavljeni i na twitter-u i oneti vam nove posetioce, omoguditi ljubiteljima ove mree a komentariu

putem twitter-a, a samim tim povedati ansu a uspostavite komunikaciju sa korisnicima.

10.7.3. Pronaite sline blogove i uspostavite komunikaciju

Ukoliko elite obro a se rangirate za oreenu kljunu re iite na Google Blogsearch i proverite kojih10 blogova su najbolje rangirani za oreenu kljunu re. Proitajte te blogove, ostavite pronicljive

komentare, uspostavite komunikaciju i tako to dete u vaem postu linkovati ka njihovom blogu. Jeini

nain a obijete ovoljan broj poseta za obro rangiranje je a buete eo zajenice.

10.8. Merenje rezultata

Dobra SEO kampanja obuhvata ne samo implementaciju svih prethonih stvari ved i pradenje rezultata

tih promena i ra na onom to se pokazalo a onosi najbolje rezultate. Dva najbolja analitika paketa

za pradenje rezultata su Google Analycsi getClicky.Za oba ova paketa postoje plugin-ovi, Google

Analytics for WordPress plugin i getClicky plugin.

Najbolji rezultat obre SEO kampanje je to vedi broj poseta.

Jo jean olian alat jeGoogle Webmaster Tools. Ispratite sleeda poeavanja:

uite u Webmaster Tools;

uite u Your site on the web,then Search queries.

Kliknite na Downloa 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 re i ukljuite Filter

Za average position kolonu, izaberite greater than 5, sortitranje Ascening.

Za Clicks kolonu sortiranje Descening.

Saa imate kljune rei pomodu kojih su vas korisnici nali, a a ste se u rezultatima nali po rangom

ispo 6. injenica a su kliknuli na va sajt ukazuje na to a im se uinilo kao zanimljivim u rezultatima

pretrage pa bi trebalo obratiti panju i pokuati a se optimizuju ti termini kako biste se rangirali u prvih

5 meu rezultatima pretrage, koristite Page Analysis u WordPress SEO plugin-u a poboljate stranicu i

traite o rugih a linkuju ka toj stranici.


51/80

11. Izmene na WordPress temi

U ovom poglavlju demo se baviti izmenama na WordPress temi. Ukoliko oete u situaciju a elite a

promenite izgle Vaeg sajta, pre vama se otvaraju tri mogudnosti:

1.

eljene izmene dete izvriti irektno u temi koju trenutno koristite2.

Kreiradete childtemu trenutno aktivne teme (ubrzo vie informacija o tome)

3.

Kreiradete novu temu o nule, koja sari sve ove izmene.

Omah elimo a napomenemo a je svaki o ovih naina obar zavisi samo ta elite a 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 po kojima je mogude koristiti sajt i slino

ova opcija se ini kao najbolje reenje zato to je sasvim u reu a takve, ne toliko rastine izmene,

vrite u trenutno aktivnoj temi. ta vie, svakako je preporuka a s vremena na vreme osveavate svoj

sajt jenostavnim, ali prijatnim novinama koje mogu oneti bolji korisniki oivljaj Vaim posetiocima.

Kreiranje child temeU situacijama kaa ste prilino zaovoljni globalnom strukturom sajta, njegovom

funkcionalnodu i izgleom, ali ste u isto vreme svesni a postoje mesta koja treba znatno izmeniti,

preporuka je kreiranje childteme. WordPressje relativno skoro uveo koncept chil tema i efinie ga na

sleedi nain: tema koja nasleuje funkcionalnost ruge teme, koju zovemo roditelj (parent) tema, ali

naograuje izgle i funkcionalnost te teme je dete(child) tema(u nastavku teksta koristidemo iskljuivo

termin chil tema). Umesto a moifikujete postojedu temu irektno u njenim fajlovima, vi moete a

napravite novu chil temu, unutar nje iskopirate fajlove koje elite a menjate iz parent teme i ona

bezbeno vrite previene izmene. Veoma je bitno naglasiti a ukoliko Vaa chil tema sari svega

dva izmenjena fajla, WordPress de preostale, neophone elemente teme uitati iz parent teme. Drugimreima, chil tema nasleuje sve fajlove svoje parent teme, ali u isto vreme i forsira WordPress da

neophone fajlove prvo potrai u njoj, a tek ona u roiteljskoj temi, ukoliko ga ona ne poseuje.

Kreiranje teme od nule - Ovo je najbolji, ali ujeno i najsloeniji nain kaa govorimo o procesu izrae

WordPress tema. Haje a to malo poobnije objasnimo, zato najbolji? Postoje situacije kaa nijena

tema na ovom svetu ne moe a se izmeni na pravi nain kako bi ieja o vaem sajtu bila ostvarena.

Svaka tema je napravljena sa oreenim planovima i u cilju obavljanja oreenih zaataka. Iz tog

razloga, ona nosi sijaset svojih funkcionalnosti koje su programerski implementirane. Ukoliko biste

takvu temu reili a izmenite, moa biste i uspeli u tome, ali biste na taj nain znatno uruili njenu

osnovnu svrhu. Pomenudemo i situaciju koja skoro sigurno nastaje kao posleica procesa izmene gomila nepotrebnog i nesreenog koa, za koji ni vi sami niste sigurni emu slui, jer ga je pisao

originalni autor. Da li biste ozvolili a Va online om bue nesreen i aljkav, a uz to veoma teak za

alju naograju? Da li biste ozvolili a vai posetioci ekaju nekoliko sekuni ue zbog uitavanja

nepotrebnog CSS i JavaScript koa? Sigurno ne. U takvim situacijama prelaemo a stavite sve elje na

papir, podobno razmislite ta je ono to elite a napravite, i ona osmislite evelopment strategiju

kojom dete se voiti u procesu izrae nove teme. Meutim, kao to pretpostavljate, a biste to izveli,


52/80

potrebno je a raspolaete solinim znanjem WordPress-a kao sistema, kao i fajlovima koje ine jenu

temu. Upravo iz tog razloga je ovo najtei nain, jer dete o poetka o kraja a napravite svoje reenje.

11.1. Studija sluaja: Sajt Katedre za Elektronsko poslovanje

U nastavku demo emonstrirati proces kojim smo se voili prilikom i zrade sajta Laboratorije zaelektronsko poslovanje, dostupan na adresihttp://www.elab.rs.Sleeda slika pokazuje porazumevanu,

Twenty Twelve temu moja dolazi uz WordPress, a omah potom i rezultat koji smo eleli a ob ijemo.

Kao to viite, osnovnu strukturu smo ved imali u postojedoj temi. Trebalo je osta vizuelnih stvari

izmeniti, kao to su heaer, footer, ubacivanje kontakt forme, a postojao je i zahtev a na poetnoj

strani stoje kvadrati sa istaknutim sekcijama sajta. Veoma kljuna stvar o kojoj smo takoe razmatrali

jeste a sajt bue responzivan na razliite veliine ekrana, a upravo to smo obili u Twenty Twelve temi.

Dakle, kaa se o svemu razmisli, olazi se o zakljuka a izmena ima vie o granice o koje bismo

smeli a iemo menjajudi postojedu temu, a sa ruge strane iskustvo koje do sada imamo sa

WordPress-om govori a nema potrebe a pravimo novu temu iznova, pogotovu to nam osta

vremena moe ouzeti implementacija responsive izjna. Iz tog razloga, naa konana oluka je anapravimo chil temu Twenty Eleven teme, a itav proces poelimo na nekoliko sitnijih zaataka: 1)

sreivanje heaer-a, 2) sreivanje footer-a, 3) sreivanje navigacije sa esne strane, 4) ubacivanje

kontakt forme.
http://www.elab.rs/http://www.elab.rs/http://www.elab.rs/http://www.elab.rs/


53/80

11.1.1.

Kreiranje Elab child teme

Za poetak, unutar /wp-content/themes folera napravite foler koji de prestavljati 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 a ima sleede linije na svom vrhu:

Naravno, umesto naih poataka, ubacite Va naziv teme, opis, ime i verziju. Posebno obratite panju na

poslednju stavku, Templatekoja se onosi na parent temu. Dakle, naziv koji stavite ove de WordPress

koristiti a nae parent temu. Na kraju, morate staviti @import klauzulu i relativnu putanju o glavnog

CSS fajla vae teme. Ukoliko ste sve obro uraili, trebalo bi a obijete prozor ientian sleedoj slici

kada odete na WP-Admin -> Appearance -> Themes (tema se prikazuje u donjem levom uglu).


54/80

11.1.2.

Aktiviranje teme

Iako je naa tema registrovana, ona je i alje neaktivna. Da bismo je aktivirali, jenostavno demo kliknuti

na link Activate, koji se nalazi omah ispo nje. Kaa to zavrimo i oemo ponovo na poetnu stranicu,

obidemo sajt koji izglea ientinokao Twenty Twelve tema, zato to to i jesteTwenty Twelve tema.

WordPressje pokuao a uita potrebne fajlove iz Elab teme, meutim naiao je jeino na style.css fajl ukome se importuje ceo CSS iz TwentyTwelve teme. To znai a de svi ostali, template fajlovi, biti uitani

iz nareene, roiteljske teme. Na nama je saa a prekopiramo fajlove koje elimo a 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, ademo omah spisak fajlova koje treba a kreirate unutar

Elab teme, a ona demo ih vremenom eitovati u eitoru. Dakle, iskopirajte ogovarajude fajlove iz

Twenty Twelve teme u Elab foler, tako a obijete sleedu strukturu, uz sleede napomene:

Fajlove home.php.ToDo, functions.php, template-announcements.php i template-archive-

announcements.phpnedete nadi u foleru roiteljske teme, ved je potrebno a ih sami kreirate.

Js foler napravite sami i unutar njega efiniite prazan fajl, script.js

Jo jenom, ne zaboravite a promenite ekstenziju fajlu home.php (mi smo se oluili za .ToDo, kako

bismo znali a treba na taj fajl a 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

vieti nita u browser-u. Takoe, functions.php fajl je pomalo specifian i ne moe se prosto prekopirati,


55/80

zato to dete ona imati ientine funkcije, eklarisane na va mesta, pa dete obiti fatalnu greku u

PHP-u. Zato i taj fajl napravite runo.

11.1.4.Zadatak 1: Sreivanje zaglavlja (header.php)

Kredemo sa naim moifikacijama, naamo se a ste spremni i eljni uenja! Otvorite fajl heaer.php uVaem omiljenom eitoru, kako biste mogli a izmenite ono to buemo traili o vas. Slei slika u kojoj

poredimo fajlove pre (levo) i posle (desno) modifikacije, kako biste imali olakani uvi:

Prvo a napomenemo a je ono to se ne vii na slici (sve izna 35. linije) ientino u oba fajla, tako a

nema potrebe a tu neto irate. Tanije, prve promene nastaju posle 41. linije. Kao to se jasno vii na

slici, iz originalnog fajla je izbaeno sve izmeu linije 43. i linije 52. To sto smo izbacili se elimino

(izmeu linije 43. i linije 47.) onosi na navigaciju sajta, kojoj, po onome to elimo a postignemo,

efinitivno 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 a sklanjamo, zato to de se slika prikazati jeino ako u aministratorskom

panelu to poesimo. Ipak, truimo se a buemo ogovorni programeri i a se rimo obre prakse

koja porazumeva a izbacimo sve to nam sigurno nede trebati.


56/80

Sa ruge strane, ono to nama u zaglavlju treba jesu linkovi za Moole i Webmail. Zato smo napravili

novu listu u HTML-u koja ima id shortcuts i unutar nje efinisali ta va linka. Time smo zavrili sve to se

strukture tie i moemo a viimo kako to izglea u browser-u:

Nije loe za poetak, ali saa je potrebno a to oteramo stilski. Vreme je za pisanje CSS-a! Otvorite

style.css fajl i unutar njega oajte sleedi ko:

Ovim jo uvek nismo sreili nita u zaglavlju sajta, ved smo efinisali boju pozaine itavog sajta , ali i

margine i painge cele strane. Ukoliko elite, moete omah ubaciti liniju 18, ali moete je i ignorisati,

poto se ona onosi na stvari koje demo kasnije pomenuti. Zatim, efinisademo eljene izmene za

heaer. Dakle, mi elimo a obijemo heaer slian ovome:


57/80

I to demo postidi sleedim CSS-om:

Kaa ovo sauvamo i osveimo stranu u browseru, viedemo 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 izglea poetna stranica. Zahtev je a urenici sajta

mogu a izbace najinteresantnije regije sajta u viu kvarata sa malom slikom i opisom. Reenje za koje

smo se mi oluili je sleede: efinisademo novi tip posta i nazvati ga homepage(ukoliko niste upudeni u

tipove postova, prelaemo a posetite sleede stranice i poobnije istraite tu tematiku:

http://codex.WordPress.org/Post_Types i http://wp.smashingmagazine.com/2012/11/08/complete-
http://codex.wordpress.org/Post_Typeshttp://codex.wordpress.org/Post_Typeshttp://wp.smashingmagazine.com/2012/11/08/complete-guide-custom-post-types/http://wp.smashingmagazine.com/2012/11/08/complete-guide-custom-post-types/http://codex.wordpress.org/Post_Types


58/80

guide-custom-post-types/,ili a jenostavno 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, efinisati na custom post type homepage.

Kao to ste mogli proitati u nekom tutorijalu koji smo vam prosleili, novi tip postova se efinie ili u

functions.php fajlu, ili se definie plugin koji de to a rai. Kao i uvek, postoji vie naina i nijean nijenuno pravilan, ved se oluka onosi o situacije o situacije. Mi demo novi tip registrovati kroz

functions.phpfajl. Dakle, otvorite taj fajl i ubacite sleedi ko:

Iako deluje glomazno, ovde ima svega nekoliko stvari koje treba da znate:

WordPress nudi funkciju register_post_type() koja prima dva bitna parametranaziv novog tipa

posta, koji je u naem sluaju homepage i niz sa razliitim argumentima kojih ima osta. Bilo bi

previe kaa bismo kroz svaki ponaosob prolazili sve to imate u WordPress dokumentaciji, koju

moete pronadi izna, na poetku prie o novim tipovima postova.

Potrebno je nekako pozvati tu funkciju. WordPress nudi funkciju koja se zove add_action() koja

takoe prima va bitna parametra: prvi je ogaaj koji se eka a bi se funkcija koja je

prosleena kao rugi parametar izvrila. Ukoliko ste upoznati sa event hanlerima u bilo komprogramskom jeziku, ovo je upravo to, samo na WordPress-ov nain. Mi smo kao ogaaj

izabrali init, to znai a de se funkcija pozvati u ranoj fazi inicijalizacije itavog sistema, a spisak

svih efinisanih ogaaja moete pronadi ove:

http://codex.WordPress.org/Plugin_API/Action_Reference
http://wp.smashingmagazine.com/2012/11/08/complete-guide-custom-post-types/http://wp.smashingmagazine.com/2012/11/08/complete-guide-custom-post-types/http://codex.wordpress.org/Plugin_API/Action_Referencehttp://codex.wordpress.org/Plugin_API/Action_Referencehttp://codex.wordpress.org/Plugin_API/Action_Referencehttp://wp.smashingmagazine.com/2012/11/08/complete-guide-custom-post-types/


59/80

Nakon to smo ovo zavrili, moemo otidi u Amin panel i vieti novine:

Kao to viimo, obili smo novi tip posta Homepage, koji u principu izglea ientino kao i obini postovi

ili strane. Ipak, eleli smo a aministratorima uinimo vedu jenostavnost, tako smo im ponuili

irektno ponuili mesto u aministratorskom panelu ge de ureivati stavke na naslovnoj strani. Sa

esne strane dete vieti i opciju za oavanje sliice koja ie uz ovaj post, a ukoliko kojim sluajem ne

viite to, mogude reenje je a kliknete na Screen options sa gornje esne 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 vrenost 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 a aministrator

moe a poesi aekvatan link. Jeino to mora a ispotuje je a vrenost (onosno link) unese pod

kljuem view_more. Vie o Custom fiels-ima nahttp://codex.WordPress.org/Custom_Fields.
http://codex.wordpress.org/Custom_Fieldshttp://codex.wordpress.org/Custom_Fieldshttp://codex.wordpress.org/Custom_Fieldshttp://codex.wordpress.org/Custom_Fields


60/80

Saa demo preimenovatihome.php.ToDona home.php, a potom ga izmeniti na sleedi nain:

Naam se a je ko ovoljno itljiv, ali demo ipak prokomentarisati ta je uraeno. Kao to viimo na

samom poetku, poziva se funkcija the_post() kojom WordPress vrada poatke za post koji treba a

prikae na naslovnoj stranici. A kako on to da zna? Dobro pitanje trenutno nikako, zato to to nige

nismo poesili. Ali, to demo veoma brzo ispraviti kao to je to ved objanjeno u prethonim elovima

skripte, efiniite neku stranicu koju elite a WordPress uita kao poetnu ovoljno de biti a

efiniete samo naslov i saraj. Dalje, a bi WordPress znao a treba a je uita na poetnoj strani,

potrebno je da odete na Settings->Reading, a onda u sekciji Front page displays selektujte A static page,

ge dete iz paajudeg menija izabrati stranu koju ste upravo kreirali. Nakon svega ovoga, WordPress de

imati ovoljno informacija oko strane koju treba a prikae na naslovnoj strani.

Zato smo pozvali metode the_title()i the_content()koje dolaze predefinisane uz WordPress i koje imaju

ovoljno intuitivna imena a ih oatno nedemo komentarisati. Ipak, ukoliko je potrebna pomod, ili

elite a viite na koji nain sve moete a ih iskoristite, jenostavno posetite WordPress

dokumentaciju. Najbitniji deo u ovom delu je na liniji 13. u kojoj traimo o WordPress-a da nam vrati

sve homepage postove (obratite panju na parametre koje smo prosleili get_posts() funkciji). Za sve

oatne informacije vas ohrabrujemo a posetite stranicu na zvaninoj WordPress dokumentaciji

http://codex.WordPress.org/Template_Tags/get_posts. Nakon toga, foreach petljom prolazimo krozsvaki post u vradenom nizu i izvlaimo neophone poatke, a to su

Saraj posta (ponovo se susredemosa 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 efinisati u fajlu functions.php
http://home.php.todo/http://home.php.todo/http://home.php.todo/http://codex.wordpress.org/Template_Tags/get_postshttp://codex.wordpress.org/Template_Tags/get_postshttp://codex.wordpress.org/Template_Tags/get_postshttp://home.php.todo/


61/80

I na kraju, URL za link Saznajte vie, pomodu ugraene funkcije get_post_meta(). Vie

informacija o samoj funkciji moete pronadi na aresi

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, obidemo sleedu situaciju (slika nije u

celosti prikazana, ved eo kako biste imali uvi):

Projekat sjajno napreduje! Naravno, preostaje samo a se ostilizuje i to je upravo ono to demo raiti.Pretpostavljate ved, otvorite style.css i izmenite ga na sleedi nain:
http://codex.wordpress.org/Function_Reference/get_post_metahttp://codex.wordpress.org/Function_Reference/get_post_metahttp://codex.wordpress.org/Function_Reference/get_post_meta


62/80

Pore stanarnih CSS pravila koje smo efinisali na poetku (poevi sa linijom 68.), ove imamo CSS koji

je relativno skoro postao popularan, pogotovu kod nas. U pitanju je media-query naredba, kojom

efiniemo stil koji treba a vai za ureaje sa rezolucijom vedom o 600px. Responzivan web izajn jetema koja zasluuje celu skriptu, tako a se mi ove nedemo previe time baviti, ali ukoliko vas zanima,

prelaimo a kao polaznu taku izaberete sleedi link:http://www.smashingmagazine.com/responsive-

web-design-guidelines-tutorials/.Nakon ovoga, rezultat u browseru je sleedi (iseak):
http://www.smashingmagazine.com/responsive-web-design-guidelines-tutorials/http://www.smashingmagazine.com/responsive-web-design-guidelines-tutorials/http://www.smashingmagazine.com/responsive-web-design-guidelines-tutorials/http://www.smashingmagazine.com/responsive-web-design-guidelines-tutorials/http://www.smashingmagazine.com/responsive-web-design-guidelines-tutorials/http://www.smashingmagazine.com/responsive-web-design-guidelines-tutorials/


63/80

11.1.6.

Zadatak 3: Sreivanje sidebar-a

Kao to viimo, na projekat napreuje obro, meutim kao trn u oku je siebar sa esne strane.

Zapravo, funkcionalnost je tuimamo definisane sve menije i sve stavke u njemu (kako smo to definisali

moete proitati u ranijim elovima skripte), samo je potrebno a popravimo vizuelni oivljaj.

Kaa su takvi zaaci u pitanju, omah znamo a nam je CSS glavni alat koji demo iskoristiti. Pa, aponemo(slee slike CSS koa, ali i iseak rezultata iz browser-a):


64/80

Iako na ovom malom iseku eluje kao a je sve u reu moramo priznati da postoji stvar koja treba da

se popravi. Pogleajmo ta se eava kaa oemo na stranicu Nastavni tim:

Na poetnoj stranici je u reu a se pomeni koji se nalazi unutar stavke Nastavni meni ne vii.

Meutim, zahtev koji smo obili je a ka korisnik poseti tu stranu, pomeni sa svim saranicima na

kateri bue prikazan. To jo uvek nije sluaj, a inspect -ovanjem elemenata u Firebug-u vidimo da je

meni skriven (konkretnu eklaraciju moete vieti u poslenjem CSS-u na liniji 116). Kako bismo reili

traeni zahtev, oluili smo a porazumevano sakrijemo taj meni, ali a pomodu jQuery biblioteke

detektujemo kaa pomeni treba biti prikazan i ukoliko taj uslov bue ispunjen, inamiki demo

promeniti viljivost pomenija (takoe pomodu jQuery-a). Glavno pitanje koje se postavlja jeste: kako

etektovati kaa pomeni treba a bue prikazan, meutim moemo veoma jenostavno odi o

ogovora ukoliko znamo jenu 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 a li

trenutno aktivna stavka ima dete sa klasom sub-menu i u pozitivnom sluaju, demo ga jenostavno

prikazati. itav ko za ovu jenostavnu funkcionalnost moete pronadi u sleedem delu, gde

objanjavamo implementaciju footer-a, ali smo eleli saa a pomenemo to kako biste bili svesni

problema, ali i spremni na JavaScript ko koji dete uskoro vieti.


65/80

11.1.7.

Zadatak 4: Sreivanje footer-a

Sleede ime se bavimo je footer. elimo sleediizgle i saraj:

Da bismo to postigli, izmenidemo footer.php koji smo prekopirali iz prethone teme. Kao to smo

pokazali paralelno podrazumevanu i izmenjenu verziju header.php fajla, tako demo uraiti i u ovom

sluaju. Dakle:

Ove 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 iv i tek ona krenuli sa efinicjom

footer-a)

2. Izbacili smo reenicu kojaje posetiocima prikazivala a je ceo sajt napravljen zahvaljujudi

WordPress-u i ubacili kontakt katedre.

3.

Ubacili smo jQuery o kome smo prethono priali. Na liniji 33. se moe nadi JavaScript narebakoja nije povezana sa navigacijom, ved sa zahtevom kojismo takoe obili, a to je a se eksterni

linkovi iz sidebar-a otvaraju u novom tabu.


66/80

Ono to treba a znate jeste a u ovom trenutku sav ko vezan za jQuery ne bi radio iz razloga to

jQuery jo uvek nije ubaen u stranicu. Da bismo to uraili, napisademo sleedi ko u functions.php:

Ovo je pravilan nain a se ukljui jQuery u WordPress sajt. esto se eava a razni oaci koje

koristite ubacuju jQuery, jer im je on neophoan za pravilno funkcionisanje. Meutim, ta bi se esilo

kada biste instalirali nekoliko oataka koji ubacuju jQuery u va sajt, a obino se esi a se ubaci vie

razliitih verzija jQuery-a. Kao posleica, veoma lako se moe esiti a oe o konflikta u verzijama, a

sa ruge strane, va ko postaje neurean i sari vie poataka nego to je realno potrebno. Iz tog

razloga se savetuje koridenje wp_register_script koja obezbeuje a se na celom sajtu nalazi samo

jena verzija jQuery biblioteke i na taj nain spreava nastanak svakog mogudeg konflikta. Takoe, kaoto viite, nismo uitali biblioteku sa naeg servera, ved sa Google CDN -a, to mnogi web eveloperi

preporuuju.

Za kraj, oademo i neophoan CSS za na footer konkretno, na CSS je bitan samo za esktop verziju

sajta:


67/80

Za kraj, postavidemo konani CSS, kako biste lake ispratili sve promene.

Deo prvi (bez media-query)

CSS (deo drugi, media-query)


68/80

12. Za one koji ele vie

12.1. Prebacivanje sajta sa lokalnog servera na udaljeni server

Na samom poetku ove skripte, prikazali smo kako a instalirate WorPress na lokalnom serveru i Elab

hostingu. Meutim, postavlja se pitanje koja je procedura migracijesajta sa lokalnog servera na

udaljeni server. Recimo da ste napravili neki sajt na vaem kompjuteru koji je na aresi

(http://localhost/wordpress)i elite a ga u ientinom obliku prebacite na ualjeni server, na nekoj

novoj adresi, recimohttp://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 a se bavite voenjem sajta, pre vama su ve mogudnosti: neki od mnogobrojnih

besplatnih servisa (za njihov pronalazak, uputidemo vas na Google: Free web hosting). Ti servisi de vam

omoguditi a besplatno postavite sajt ko njih, ali de u najvedem broju sluajeva za uzvrat postavljatibanere ili sline propagane. Takoe, ukoliko se oluite za ovu opciju, nedete modi a imate svoj top

level domen po izboru, ved dete modi jeino a kreirate poomen na nekom o njihivoh omena, npr:

http://mojsajt.nazivservisa.com(recimo, kao to je to sluaj sa Elab hostingom). Zato, ukoliko elite a

se malo igrate i eksperimentiete i ne mislite a pravite ozbiljan, poseden sajt, ovakvi servisi

prestavljaju najbolje reenje. Meutim, ukoliko planirate a pravite sajt na kojim dete imati potpunu

kontrolu, to znai: imate pristup kontrolnom panelu vaeg prostora, bazi poataka, mogudnost a 24

sata nevno kontaktirate tehniku porku za sva moguda pitanja i uz to, stabilnost i kontinuiranost u

radu servera, moradete a izvojite oreena novana srestva i zakupite sebi hosting (krede se o 20e

pa navie) i omen koji vama odgovara (njegova cena je od 8e za .com, .net i .org, pa navie za omen

neke rave. Na nacionalni omen je .rsdomen i njegova cena je oko 20e na goinjem nivou). Za vieinformacija, posetitehttp://www.rnids.rs.

Eksportovana baza podataka. Pretpostavimo a ste reili problem izbora hostinga i omena. Sleeda

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 a uvezete sav saraj koji ste ved kreirali lokalno, bez ikakve

potrebe da to radite ponovo na udaljenom serveru. Dakle, a biste taj eo zavrili, potrebno je a se

ulogujete u phpMyAdmin na lokalnom serveru. Iz navigacionog menija sa leve strane je potrebno

selektovati bazu vaeg WorPress sajta
http://localhost/wordpresshttp://localhost/wordpresshttp://localhost/wordpresshttp://example.com/http://example.com/http://example.com/http://mojsajt.nazivservisa.com/http://mojsajt.nazivservisa.com/http://www.rnids.rs/http://www.rnids.rs/http://www.rnids.rs/http://www.rnids.rs/http://mojsajt.nazivservisa.com/http://example.com/http://localhost/wordpress


69/80

i omah potom dete vieti novi prozor sa svim tabelama u bazi. Isto tako, na samom vrhu dete imati

navigaciju sa opcijama: SQL, Search, Query, Export, Import it. Pogaate, kartica koju traite je upravo

Export.

Klikom na taj link, obidete veoma jenostavan grafiki interfejs, ge ak moete samo pritisnuti ugme

Go i itav proces krede u foleru koji je previen za preuzimanja u vaem Browser-u dete ubrzo vieti

sql fajl u kome se nalaze svi podaci koje ste kreiralipostovi, statike stranice, kategorije, linkovi,

lanovi, uloge, poeavanja i slino. Baza ne sari grafike elemente (fotografije, vieo materijale i

slino)vie o tome u sleedem koraku. Meutim, pre toga, vredi pomenuti i to da iz phpMyAdmin-a

moete izmeniti porazu