View
220
Download
3
Category
Preview:
Citation preview
5/20/2018 WordPress Skripta
1/80
UNIVERZITET U BEOGRADU
FAKULTET ORGANIZACIOIH NAUKA
LABORATORIJA ZA ELEKTRONSKO POSLOVANJE
WordPress
5/20/2018 WordPress Skripta
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
5/20/2018 WordPress Skripta
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
5/20/2018 WordPress Skripta
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/20/2018 WordPress Skripta
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:
5/20/2018 WordPress Skripta
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.
5/20/2018 WordPress Skripta
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.
5/20/2018 WordPress Skripta
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.
5/20/2018 WordPress Skripta
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/5/20/2018 WordPress Skripta
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.
5/20/2018 WordPress Skripta
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/5/20/2018 WordPress Skripta
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.
5/20/2018 WordPress Skripta
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/5/20/2018 WordPress Skripta
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.
5/20/2018 WordPress Skripta
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.
5/20/2018 WordPress Skripta
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.
5/20/2018 WordPress Skripta
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/5/20/2018 WordPress Skripta
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
5/20/2018 WordPress Skripta
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.
5/20/2018 WordPress Skripta
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/5/20/2018 WordPress Skripta
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).
5/20/2018 WordPress Skripta
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.
5/20/2018 WordPress Skripta
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/5/20/2018 WordPress Skripta
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.
5/20/2018 WordPress Skripta
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.
5/20/2018 WordPress Skripta
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.
5/20/2018 WordPress Skripta
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.
5/20/2018 WordPress Skripta
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.
5/20/2018 WordPress Skripta
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.
5/20/2018 WordPress Skripta
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.
5/20/2018 WordPress Skripta
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.
5/20/2018 WordPress Skripta
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.
5/20/2018 WordPress Skripta
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.
5/20/2018 WordPress Skripta
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.
5/20/2018 WordPress Skripta
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.
5/20/2018 WordPress Skripta
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.
5/20/2018 WordPress Skripta
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.
5/20/2018 WordPress Skripta
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
5/20/2018 WordPress Skripta
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/5/20/2018 WordPress Skripta
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.
5/20/2018 WordPress Skripta
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.
5/20/2018 WordPress Skripta
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.png5/20/2018 WordPress Skripta
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:
5/20/2018 WordPress Skripta
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.
5/20/2018 WordPress Skripta
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.
5/20/2018 WordPress Skripta
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.
5/20/2018 WordPress Skripta
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
5/20/2018 WordPress Skripta
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.
5/20/2018 WordPress Skripta
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
5/20/2018 WordPress Skripta
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.
5/20/2018 WordPress Skripta
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,
5/20/2018 WordPress Skripta
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/5/20/2018 WordPress Skripta
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).
5/20/2018 WordPress Skripta
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,
5/20/2018 WordPress Skripta
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.
5/20/2018 WordPress Skripta
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:
5/20/2018 WordPress Skripta
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_Types5/20/2018 WordPress Skripta
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/5/20/2018 WordPress Skripta
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_Fields5/20/2018 WordPress Skripta
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/5/20/2018 WordPress Skripta
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_meta5/20/2018 WordPress Skripta
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/5/20/2018 WordPress Skripta
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):
5/20/2018 WordPress Skripta
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.
5/20/2018 WordPress Skripta
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.
5/20/2018 WordPress Skripta
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:
5/20/2018 WordPress Skripta
67/80
Za kraj, postavidemo konani CSS, kako biste lake ispratili sve promene.
Deo prvi (bez media-query)
CSS (deo drugi, media-query)
5/20/2018 WordPress Skripta
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/wordpress5/20/2018 WordPress Skripta
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
Recommended