Anatomija WordPress Teme

VISOKA TEHNIKA KOLA STRUKOVNIH STUDIJA - SUBOTICA
SZABADKAI MSZAKI SZAKFISKOLA

SUBOTICA TECH COLLEGE OF APPLIED SCIENCES
ANATOMIJA WORDPRESS TEME
Kandidat
Mentor
BORIS BURANJ
DR ZLATKO OVI
Subotica, 2014. godine

Predgovor
U ovom radu e se predstaviti jedna od najaktuelniji web tehnologija koja se moe upotrebiti za razne
namene u internet svetu i svetu komunikacije i informacije. Pored njegove jednostavnosti i upotrebe
idealan je za poetnike, ujedno i za eksperte. Zbog velike fleksibilnosti u svojoj pozadini nosi napredne
tehnike korienja koje se mogu prilagoavati zahtevima vieg nivoa. Jedna najaktuelnija i najtraenija od
tih tehnika e se predstaviti u ovom radu.
U poetku e se predstaviti njene osnove, karakteristike i neke korisne informacije za one koji se prvi put
susreu sa ovim. U narednim poglavljima e se ulaziti u sve dublje i naprednije tehnike njegove upotrebe.
Pre nego to se pone sa ulaenjem u ovu temu, da bi ona bila razumna, potrebno je poznavanje korienja
WordPress-a. Poeljno je, kada se pree jedna oblast, jo jednom utvrditi njeno poznavanje. Ovo je idealno
za one koji koriste i one koje bi eleli da koriste WordPress platformu. Ova tema e svima pomoi da proire
znanje i usavre korienje WordPress-a. Pored njegove upotrebe za ovu temu o kojoj emo govoriti,
takoe je potrebno i poznavanje HTML/CSS i osnovno znanje PHP-a. Za one koji nemaju minimalno
potrebno znanje to jo uvek nije prepreka. Sajt http://www.w3schools.com/ je topla preporuka gde e se
lako postii potrebno znanje HTML, CSS i PHP web programiranja.
Anatomija WordPress Teme

Sadraj
Predgovor.........................................................................................................................................................2
Koriene skraenica.........................................................................................................................................5
Zadatak zavrnog rada......................................................................................................................................6
1. O WordPress-u..............................................................................................................................................7
1.1. WordPress sa sopstvenim hostingom:..................................................................................................7
1.2. Hostovan WordPress:...........................................................................................................................8
2. WordPress uporedo sa ostalim popularnim CMS reenjima.........................................................................9
3. WordPress mogunosti koje slue web dizajnerima i programerima..........................................................9
3.1. Sa strane web dizajnera.......................................................................................................................9
3.2. Sa strane programera..........................................................................................................................9
4. Struktura WordPress-a...............................................................................................................................10
4.1. Struktura administrativnog grafikog interfejsa.................................................................................10
4.2. Struktura direktorijuma.....................................................................................................................11
4.3. Struktura baze podataka....................................................................................................................11
5. WordPress ablon funkcije.........................................................................................................................15
5.1. PHP kd oznaka.................................................................................................................................15
5.2. WordPress funkcija ............................................................................................................................16
5.3. Opcioni parametri..............................................................................................................................16
6. Anatomija WordPress Teme......................................................................................................................17
6.1. Stilovi teme.........................................................................................................................................17
6.2. Funkcije teme ( function.php )............................................................................................................18
6.3. Fajlovi ablona....................................................................................................................................19
6.3.1. Osnovna lista fajlova ablona.....................................................................................................19
6.3.2. Osnove ablona za temu.............................................................................................................21
6.3.3. Prilagoeni ili sopstveni abloni za stranice................................................................................22
6.3.4. abloni bazirani na osnovu upita................................................................................................23
6.3.5. Ukljuivanje ablon fajla kao dela stranice.................................................................................25
6.4. Hijerarhija ablona teme.....................................................................................................................26
6.4.1. Primer princip funkcionisanja WordPress hijerarhije..................................................................26
6.4.2. Vizuelna predstava hijerarhije ablona teme..............................................................................27
6.4.3. Hijerarhija ablona teme u detaljima..........................................................................................30
Poetna strana (Home Page)...........................................................................................................30
Naslovna strana (Front Page)..........................................................................................................30
Pojedinani lanak (Single Post)......................................................................................................30
Strana (Page)...................................................................................................................................30
Kategorija (Categoy)........................................................................................................................31
Oznaka (Tag)....................................................................................................................................31
Prilagoene taksonomije (Custom Taxonomies).............................................................................31
Prilagoeni tipovi lanka (Custom Post Type).................................................................................31
Strana Autora (Author)....................................................................................................................32
Strana Datum (Date)........................................................................................................................32
Strana rezultata pretrage (Search)..................................................................................................32
404 (Nepostojea stranica)..............................................................................................................32
Prilozi (Attachment).........................................................................................................................32
6.5. Arhitektura teme...............................................................................................................................33
6.5.1. Vizuelna predstava arhitekture teme.........................................................................................33
Vizuelna predstava arhitekture teme..............................................................................................33
Poetna strana (index.php).............................................................................................................33

lanci (single.php)...........................................................................................................................34
Stranice (page.php).........................................................................................................................34
Arhiva (archive.php, [category.php, tag.php]).................................................................................35
6.6. Petlje...................................................................................................................................................35
6.7. Proirenja, API (aplikacioni programski interfejs) kuke.......................................................................37
6.7.1. Prilagoavanje Teme API-a dodavanjem novih karakteristika....................................................37
Oblik lanka (post-formats).............................................................................................................38
Izdvojena slika lanka ili strane (post-thumbnails)..........................................................................38
Prilagoena pozadina (custom-background)...................................................................................40
Prilagoeno zaglavlje (custom-header)...........................................................................................41
RSS veze (automatic-feed-links)......................................................................................................43
6.8. Podaci koji nisu pouzdani i sigurnost teme, filtriranje podataka).......................................................44
6.9. Omoguavanje prevoenja tema na vie jezika / I18n.......................................................................44
6.10. Klase tema........................................................................................................................................45
body_class().....................................................................................................................................45
post_class()......................................................................................................................................46
comment_class().............................................................................................................................46
6.11. Dete Tema........................................................................................................................................47
6.11.1. Zbog ega koristiti dete temu...................................................................................................47
6.11.2. Kako se pravi dete tema?..........................................................................................................47
6.11.3. ablon datoteke dete teme......................................................................................................48
6.11.4. Funkcija dete teme...................................................................................................................48
6.11.5. Internacionalizacija dete teme.................................................................................................49
7. Vrednovanje za Anatomiju WordPress-a....................................................................................................49
7.1. Zakljuak.............................................................................................................................................49
Sinopsisi..........................................................................................................................................................51
Literatura........................................................................................................................................................52
Biografija.........................................................................................................................................................53
Prilozi..............................................................................................................................................................54

Koriene skraenica
Skraenica
Znaenje
API
Application Programming Interface

Aplikacioni programski interfejs.
- prua olakan nain razmene podataka izmeu servisa i aplikacije.
CDN
Content Delivery Network

Mrea koja isporuuje sadraj.
- usluge koje pruaju isporuivanje sadraja sa visokim performansama krajnjim
korisnicima.
- dostupnost sadraja kada glavni izvor nije dostupn zbog tehnikih potekoa.
CMS
Content Management System

Sistem za upravljanje sadrajem.
CSS
Cascading Style Sheets

Kaskadni stilovi.
HTML
Hypertext Markup Language

- jezik koji je namenjen za opis strukture sadraja web stranice.
I18n
Skraenica od engleske rei internationalisation

- mogunost prevoenja kodiranog teksta sa jednog jezika na drugi.
PHP
Personal Home Page - Hypertext Preprocessor

- programski jezik koji se izvrava na serveru.
RSS
Rich Site Summary

- web format koji se koristi za objavljivanje internet stranice kod kojih se esto menja
sadraj.
URI
Uniform Resource Identifier

- predstavlja skup karaktera (slova, brojeva i specijalnih znakova) koji slue za
identifikaciju resursa.
URL
Uniform Resource Locator

- podskup URI-a, njegov zadatak je, osim indetifikacije i opis akcije koju treba izvriti nad
resursom.
XHTML
Extensible HyperText Markup Language

- identian HTML-u i baziran je na XML opisnom jeziku.
XML
Extensible Markup Language

- standardni skup pravila za definisanje formata podataka u elektronskoj formi, itljivi
ljude i za maine.
MIME
Multi-Purpose Internet Mail Extensions

- je proirenje protokola od internet e-mail protokola koji omoguava ovaj protokol da
koriste za razmenu razliitih vrsta fajlova podataka na internetu kao to su: audio, video,
slike, programe i druge vreste.

Zadatak zavrnog rada
Upoznavanje se sa radom WordPress CMS sistema;
Opis i detaljni prikaz mogunosti WordPress sistema;
Prikaz strukture WordPress-a;
Prikaz anatomije WordPress teme;
Predstava arhitekture WordPress teme;
Reenja za veu bezbednost WordPress teme;
Opis mogunosti prevoenja WordPress teme na vie jezika;
Predstrava naina izmene WordPress teme drugih autora uz zadravanje originalne teme;

1. O WordPress-u
Poevi od perioda osnivanja prve zvanine verzije maja 2003, WordPress je postao izbor mnogih malih i
velikih potreba u poslovanju. U proteklih deset godina WordPress se pokazao kao jaka blog platforma. On
prua svestranu platformu koja raste uporedo sa rastom poslovanja kompanija. Kada je izala trea verzija
februara 2011. Procenjuje se da je WordPress preuzet sa interneta preko 32,5 miliona puta. U procenjenoj
cifri preuzimanja nije uraunat broj instalacija koje su obavljene preko web hostinga, cPanel-a.
U sutini WordPress je dvostran. Moe se koristiti kao blog platforma i ujedno odlian sistem za upravljanje
sadrajem (CMS eng. Content Management System). Prua mogunost da se od obinog blog reenja,
napravi sajt sa elektronskom trgovinom (E-commerce) to je nezamislivo za blog platformu.
U svetu korisnici upotrebljavaju WordPress na razliite naine:
za blog,
za vesti, magazin, biznis, portfolio i multimedijalni sajt,
za sajtove koji zahtevaju lanstvo,
za mesto za trgovinu,
za takozvane Squeeze Page stranice koje prikupljaju e-mail adrese potencijalnim pretplatnicima,
za E-commerce (elektronska trgovina),
kao forum,
multi sajt,
i socijalni sajt,
WordPress koristi kombinaciju prikaza lanaka (eng. Post) i stranica. Korisnicima prua mogunost
formiranja sadraja na svojim sajtovima.
lanci ili postovi se prikazuju hronolokim redosledom i obino se koriste kao tekstovi u blogu,
Stranice imaju svoju hijerarhiju i uglavnom se koriste za prikaz stranica sa statikim sadrajem. Neki
korisnici vie vole da grade svoj sajt korienjem samo stranica ili lanala, dok drugi vie vole
kombinaciju oba.
Na Internetu postoji dve osnovne vrste WordPress-a. Jedan je sa sopstvenim hostingom, drugi hostovan.
1.1. WordPress sa sopstvenim hostingom:

Preuzimanje WordPress platforme je besplatno, svima dostupno preko zvaninog sajta WordPress.org.
Manuelnim putem se postavlja na internet prostor, gde e biti dostupan javnosti preko registrovanog
domena. Drugi jednostavniji nain je preko hosting kontrolnog panela, gde se instalacija moe izvesti
jednim klikom. Sajt WordPress.org je odlian izvor WordPress tema web stranica, dodataka i proirenja sa
naprednom podrkom zajednice koje razvijaju ovu platformu.

Prednosti:
Prednosti sopstveno hostovanog WordPress-a, preko hostinga gde se samofinansira su brojne i sve se svodi
na samokontrolu. Ovim putem se postie potpuna kontrola nad sopstvenim sadrajem, reklamiranjem i
samim izgledom sajta.
Mogunost da se napravi sopstven izgled,
Mogunost instalacija dodataka i proirenja,
Potpuna kontrola nad kodom u sluaju potrebe da se neto izmeni kodu.
Mane:
Hosting se plaa,
Zahteva osnovna tehnika znanja,
Vlasnik sajta sam mora da nalazi reenja protiv neeljenih poruka takozvanih spamova,
Vlasnik sajta mora redovno da pravi periodine rezervne kopije sajta, to je i poeljno,
Vlasnik sajta mora da obavlja auriranje platforme, dodataka i proirenja koje je postavio.
1.2. Hostovan WordPress:

Druga opcija je da korisnik besplatno otvori nalog na WordPress.com (slian blogger.com, tumblr.com ili
drugim blog sajtovima), gde je osloboen potrebnih obaveza oko hostinga i odravanja sajta.
WordPress.com registrovanim korisnicima daje strukturu adrese [korisnikoime].WordPress.com 1. Na tim
domenima se uva sadraj korisnika na njihovim serverima bez ikakvog naplaivanja 2.
Prednosti:
Besplatan je,
Lako ga je podesiti,
Sva tehnika podeavanja, auriranje, upravljanje protiv neeljenih poruka, pravljenje periodinih
rezervnih kopija, obavlja WordPress.com,
Svim korisnicima sajt je postavljen na vrhunskim serverima sa minimalnom verovatnoom

pojavljivanja tehnikih problema,
Svi lanci (postovi) se uvaju u rezervnoj kopiji,
Mogunost da se dobije vei promet sajta u sluaju ako se pojavi na njihovom zvaninom sajtu na
delu blogovi dana.
Nedostaci:
Uglavnom se veina kompanija odluuje da postavi svoje WordPress sajtove preko sopstvenog hosting-a
nego preko WordPress.com zbog nekoliko razloga:
1
2
Ova vrsta domena je besplatna ali postoji mogunost da domen bude bez .wordpress.com nastavka, koje se
posebno naplauje kao redovno registrovanje novog domena.
Postoje naprednije opcije, usluge, dodaci, izgled i naprednija podeavanja izgleda koje se naplauju.

Ogranien broj tema,
Nedostatak podeavanja po sopstvenoj potrebi zbog ogranienja pristupa samom kodu,
Ne mogu se postavljati dodaci i proirenja koje proiruju funkcionalnost WP platforme,
Nemogunost brendiranja,
Ogranien broj kontrola.
2. WordPress uporedo sa ostalim popularnim CMS reenjima

U sutini CMS reenja su uglavnom slina. Ipak neka
reenja imaju vei stepen upotrebe. WordPress je u
odnosu na ostale CMS reenja (Drupal i Joomla), vie
prikladan korisniku user friendly i laki je za savljaivanje
tehnike korienja.
Neki govore da je WordPress bolji od Joomla i od Drupal
ali u sutini izbor CMS sistema se svodi na odreene
zahteva korisnika. Meutim sve tri CMS platforme
Wordpress, Drupal i Joomla pruaju organizaciju sadraja,
datumiranje, kategorizaciju i objavljivanje putem lanka ili
stranica.
Ima i takvih miljenja da Joomla i Drupal podnose vee i
robusnije sajtove a WordPress, sajtove srednje veliine i
manje sajtove. Ipak postoje sajtovi sa ogromnom
koliinom sadraja koje WordPress pokree sa tendencijom povecanja brojem sadraja.
3. WordPress mogunosti koje slue web dizajnerima i programerima

Ovde emo ukratko predstaviti mogunost WordPress-a radu web dizajnera i programera. Razlog uvodne
predstave je taj to se o ovim mogunostima moe napisati lepa knjiga. WordPress zbog svoje velike
fleksibilnosti obuhvata iroki spektar mogunosti njegove upotrebe. On je dobar za sve nivoe znaja,
poetnike, srednje i naprednije. Kako web dizajneri sa minimalnim znanjem kodiranja mogu postii mnogo
vie u izradi dinaminih stranica, tako i programeri mogu proiriti WordPress-ove funkcionalnosti za
odreene potrebe.
3.1. Sa strane web dizajnera

-prua velike olakice, gde i sa minimalnim znanjem CSS-a moe da se izradi sopstveni jedinstven izgled
sajta. WordPress.org plugin directory takoe prua iroki spektar dodataka i proirenja (plugins) to moe u
kompletu da izmeni, proiri ili doda funkcionalnost samog sajta za svoje potrebe, bez ili sa minimalnim
znanjem PHP kodiranja. Takoe codex.WordPress.org prua veoma detaljno opisanu dokumentaciju
sopstvenih funkcija to se uz osnovno znanje PHP jezika moe prilagoditi sopstvenim zahtevima. Osim
detaljnog opisa veina WordPress funkcija takoe sadri gotove praktine primere.
3.2. Sa strane programera

-moe se rei da je potpuno osloboen od izrade CMS sistema jer ga ve sadri u sebi. Shvatanjem naina
rada i arhitekture WordPress-a efikasno i za kratko vreme moe da se ostvare bilo kakve dodatne
funkcionalnosti sajta. Pored toga to je WordPress tipa otvorenog koda (Open Source) prua potpunu

fleksibilnost izmene postojeih WordPress funkcija i ujedno dodavanje novih funkcija sa veoma
organizovanom i jasnom strukturom. Svaka izmena ili proirivanje obavlja se takozvano kukama eng.
hooks. O kukama e se detaljno govoriti u jednom od narednih poglavlja.
4. Struktura WordPress-a
4.1. Struktura administrativnog grafikog interfejsa
Pre nego to bi se ulo u detalje, prvo e se predstaviti sama struktura WordPress-a. Najbolja predstava je
vizuelna predstava.
Na slici 1 je predstavljen uredno organizovan
administrativni meni u tri mogua naina prikazivanja:
Meni koji je prilagoen za ekrane manjih

dimenzija npr. mobilni ureaji i tablet raunari
(prikazan sa leve strane - suen meni).
Standardni meni izgled menija. (meni u

sredini)
Meni koji je prilagoen na lokalnom jeziku.

(meni na desnoj strani)
Kao to se vidi na slici, meni je podeljen u etiri grupe.

U prvu grupu spada kontrolna tabla. Kontrolna tabla je
informativnog karaktera. Ova grupa je namenjena za
prikazivanje stanja samog WordPress sistema,
analitike, novosti i drugih informacija. Instalacijom
novih dodataka postoji mogunost proirenja te grupe.
Na primer Google Analytics.
Slika 1: Administrativni meni
U drugu grupu spada obrada samog sadraja, to su:

lanci, sadraj, veze, strane i komentari.
Trea grupa slui za podeavanje funkcionalnosti same WordPress platforme i njegova proirenja, kao to
su podeavanja izgleda, dodaci, korisnici, alatke.
etvrta grupa je namenjena za postavljanje drugih dodataka. Vidljiva je samo kada je neki dodatak
postavljen i aktiviran.
Sve navedene grupe su dostupne za izmenu,
proirivanje ili uklanjanje preko PHP koda,
upotrebom kuka.
Kod etvrte grupe administrativnog menija,
prostor koji je predvien za proirenja nije
striktno odreen da bude u etvrtoj grupi.
Instalacijom novih proirenja, meni stavke mogu
da se pojave u sve etiri oblasti administrativnog
menija.
Slika 2: Stavke i podstavke

Kao sto se moe videti na slici 2 klikom na jednu
od stavki iz menija prikazuju se sve njegove pod-stavke ili e se one takoe prikazati ako se kursor mia
postavi na neku od stavki.
10

4.2. Struktura direktorijuma

Struktura direktorijuma je veoma pregledna i organizovana.
Korisniki deo je strogo odvojen od sistemskog dela. U sistemskom
delu nema potrebe za izmene jer to moe da dovede do meanja i
komplikovanja u izradi stranice ili nekih proirenja.
Sadri tri osnovna direktorijuma: wp-admin, wp-content i wpincludes. Od navedenih direktorijuma korisniki deo je wp-content.
Ostali su sistemski i kod kojih nije potrebna nikakva izmena. Bilo
kakve izmene poevi od sistemskog dela mogu se obaviti u wpcontent, korisnikom direktorijumu stoga je WordPress veoma
fleksibilan.
Wp-content sadri: plugins (proirenja), themes (teme) i uploads
(otpremanja). Proirenja i teme opirnije e se predstaviti u jednom
od narednih poglavlja. U direktorijumu otpremanja (uploads) se
nalaze svi otpremljeni fajlovi koji su uneeni preko mani stavke
Sadraj (Media) u administrativnom delu WordPress-a. To su slike,
video sadraji i razni fajlovi.
4.3. Struktura baze podataka

Na slici 3 je predstavljen dijagram baze podataka
WordPress-a, za verziju 3.4 aktuelnu kada je ovaj rad
pisan. Tokom razvoja WordPress-a njegova baza je
vremenom menjana. Do verzije WordPress 3.4 postoji 9
starijih verzija baze podataka. Strukture baza podataka
starijih verzija se nee opisivati jer su van domena
dozvoljene obimnosti ovog rada. U sutini su
meusobno slini, postoje male izmene.
WordPress interfejs je vezan sa bazom podataka. Krajnji
korisnik nema razloga da brine o shvatanju njegove
strukture u sluaju da e se praviti proirenja za njega.
Ovaj deo poglavlja moe da bude koristan kako bi shvatili kako WordPress uva svoje podatke u bazi i
njegove relacije.
Ovaj deo je potreban u sluaju pisanja WordPress aplikacija za pristup podacima, gde se utvrdilo da to nije
mogue bez direktnog pristupa bazi podataka. I u ovim situacijama WordPress prua olakicu uz pomo
wpdb php klase za direktan pristup bazi podataka.
Na slici 3 je vizuelni prikaz WordPress baze podataka i njegove relacije izmeu tabela koje su sadraj
standardne instalacije WordPress-a. Ujedno su prikazani dodatni detalji, imena tabela i njihove kolone.
11

Slika 3: WordPress 3.x dijagram baze podataka

Tabela 1 predstavlja sve tabele koje se prave tokom standardne instalacije u bazi, sa njihovim kratkim
opisom ta se u kojoj tabeli nalazi.
WordPress 3.4 Tabele

Ime tabele
Opis
wp_commentmeta
Sve informacije o funkcionalnosti i - Administration Comments

informacije komentara koje se
Comments
zovu meta data uvaju se u ovoj
Relevantna oblast u
WordPress korisnikom
interfejsu
12

wp_comments
tabeli.
- Administracija Komentari
Komentari
Ovde se uvaju komentari
- Administration Comments
Comments
- Administracija Komentari
Komentari
wp_links
Ova tabela je vezana za oblast

Veze (Links) u WordPress
svojstvima.
- Administration Links Add

New
- Administration Links Links
- Administracija Veze Dodaj
novu
- Administracija Veze Sve
Veze
wp_options
U ovoj tabeli se uvaju sva

sistemska podeavanja. Nalazi se
u oblasti Podeavanja (Settings) u
WordPress svojstvma.
- Administration Settings
General
Writing
Reading
Discussion
Privacy
Permalinks
- Administration Appearance
Widgets
- Administracija Poseavanja
Opta
Pisanje
itanje
Diskusija
Privatnost
Stalne veze
- Administracija Izgled
Videti
wp_postmeta
Svaki lanak (post) sadri

informacije funkcija koje se zovu
meta data i koje se uvaju u ovoj
tabeli
- Administration Posts Add

New
- Administration Pages Add
New
13

- Administracija lanci Dodaj

novi
- Administracija Strane Dodaj
novi
wp_posts
Jezgro samog WordPress-a su

lanci (posts) iji se podaci uvaju
u ovoj tabeli. Takoe se uvaju
stavke navigacionog menija i
stranice.

New
- Administration Posts Posts
New
- Administration Pages Pages
- Administration Media Add
New
- Administration Media
Library
- Administration Appearance
Menus
novi
- Administracija lanci Svi
lanci
- Administracija Strane
Dodaj novu
- Administracija Strane Sve
strane
- Administracija Sadraj
Dodaj novi
- Administracija Sadraj
Biblioteka
- Administracija Izgled
Izbornici
wp_terms
Kategorije lanaka i veza i oznake - Administration Posts Post

za lanke se nalaze u ovoj tabeli. Tags
- Administration Posts
Categories
- Administration Links Link
Categories
New
- Administration Posts Posts
New
- Administration Pages Pages
- Administracija lanci
Oznake
- Administracija lanci
14

Kategorije
- Administracija Veze
Kategorije veza
novi
- Administracija lanci Svi
lanci
- Administracija Strane Dodaj
novu
- Administracija Strane Sve
strane
wp_term_relationships
Svi lanci su vezani za kategorije i

oznake u wp_terms tabeli.
Takoe vai za kategorije veza.
wp_term_taxonomy
Ova tabela opisuje taksonomiju

(kategorije, veze ili oznake) za
unose u wp_terms tabelu.
wp_usermeta
Svi podaci o korisniku se uvaju u - Administration Users

ovoj tabeli, takozvani meta podaci
(meta data)
- Administracija Korisnici
wp_users
U ovoj tabeli se nalaze liste

korisnika.
- Administration Users
- Administracija Korisinici
5. WordPress ablon funkcije

Radi lakeg razumevanja narednih poglavlja u ovom radu, prvo e se predstaviti funkcije ablona.
WordPress elementi ili oznake ablona pruaju ubacivanje dinaminog sadraja u statinu web stranicu,
pisanu u HTML/XHTML programskom jeziku. WordPress ablon sastoji se od tri osnovne komponente:
PHP kd oznake,
WordPress funkcije,
Opcioni parametri.
5.1. PHP kd oznaka

U zavisnosti od toga ta se trai, Pisanje od nule, bilo koje dinamine web strane sa CMS sistemom
(administrativnim delom) i bazom podataka, zahteva mnogo vremena i naprednog znanja u PHP
programiranju. WordPress koristimo da bi se mogao ubrzati i pojednostaviti proces izgradnje kompleksnije
web strane. Vei deo WordPress-a se sastoji od PHP skripti, pisanih u PHP programskom jeziku. Te skripte
se sastoje od kolekcija PHP funkcija koje obavljaju kompleksne zadatke u pozadini i vraaju traeni rezultat.
Upotrebom tih funkcija se mogu napraviti dinamine stranice. Mnogo jednostavnije pravljenje dinamine
stranice i ne zahteva se veliko znanje u PHP programiranju. Pisanje PHP skripti uvek poinje sa:
<?php ?>
Kao to se vidi u gore navedenom primeru, sastoji od oznake otvaranja ili poetak PHP skripte <?php i
oznake zatvaranja ?> tj. kraj PHP skripte. Sve to se nalazi izmeu tih oznaka PHP kd se izvrava na
15

serveru i dobijeni rezultat se alje web itau.
5.2. WordPress funkcija

WordPress ili ablonske funkcije su PHP funkcije koje su pisane od strane WordPress tima, grupe
programera i cele zajednice. Te funkcije se sastoje od imena funkcije, zagrade koje opciono primaju
parametre (vie o tome u narednom poglavlju) i take zareza:
the_title();
Funkcija u ovom primeru prikazuje sam naslov lanka ili stranice. Da bi se ovo moglo upotrebiti i da bi
ablon bio kompletan funkcija treba da izgleda ovako:
<?php the_title(); ?>
5.3. Opcioni parametri

Parametri su komponenta koja nije obavezna u ablonskim funkcijama. Sa tim parametrima ablonske
funkcije se mogu dodatno prilagoavati. Na primer bloginfo() ablonskoj funkciji se postavi parametar
'name' to bi izgledalo:
<?php bloginfo('name'); ?>
U ovom sluaju dobijamo naziv web strane. Naziv web strane se nalazi u administrativnom delu kod opteg
podeavanja, naslova web mesta (blog title). Ako se postavi parametar 'description' dobijamo opis
sajta.
Postoje WordPress funkcije koje ne primaju parametre kao to je the_id(). Takoe postoje funkcije koje
primaju samo jedan parametar kao to je bloginfo() ili primaju vie parametara koji se razdvajaju
zarezima:
<?php the_title('<h3>', '</h3>', false); ?>
WordPress funkcije zavisno od njegove uloge primaju vie tipova parametara kao to su tekstualni koji su
ograeni apostrofima, numeriki, nizovi (array), i logiki (true, false).
Kao to se vidi WordPress ablonske funkcije su relativno jednostavne za shvatanje. Takoe su dobre za one
koji ne ele da ulaze u iru oblast mogunosti PHP-a. One zamenjuju veliki broj redova kda koje su
spakovane u jednu funkciju. Na ovaj nain dobijamo prednost u brzini izrade i preglednost kda. to se
tie nedostataka, moglo bi se rei da bi to bila ogranienost prilagoavanja funkcija. Mada se sa veim
znanjem PHP programiranja moe reiti i ovaj nedostatak. Funkcije se mogu u potpunosti zameniti sa
sopstvenim kdom kao i njegov unutranji kd.
Rezultati WordPress funkcija se mogu dobiti u tekstualnom formatu, numerikom, logikom, kao niz
(numeriki ili asocijativni), kao niz objekata ili mix objekata i nizova.
16

6. Anatomija WordPress Teme

WordPress teme se nalaze u poddirektorijumu wpcontent/themes/. U ovom poddirektorijumu se nalaze svi stilovi
CSS fajlova, abloni fajlova, opcioni fajlovi sa funkcijama, Java
skripte i slike. Sve je grupisano u jedom imenovanom
poddirektorijumu u direktorijumu za teme. Na primer, tema pod
nazivom proba se nalazi u wp-content/themes/proba/ , gde se u
proba direktorijumu nalaze svi fajlovi za tu temu. Bitno je
napomenuti da se izbegava imenovanje brojevima, jer kao takvi
nee biti prikazani u listi tema u administrativnom delu WordPressa.
Svaka instalacija WordPress-a sadri jednu podrazumevanu temu. Novije verzije sadre po dve ili vie tema.
Prva je Twenty Ten tema koja je podrazumevana jo od prvih verzija WordPress-a. Ona je po izgledu i kdu
jednostavna, obuhvata sve to je potrebno da se shvati njena struktura i nain rada, ujedno je i kd dobro
iskomentarisan. Ova tema je preporuljiva za poetnike. Druga tema je Twenty Eleven Theme. Ona je
naprednija i obuhvata sve najnovije funkcije koje koje su dolazile u novijim verzijama WordPress-a. Kd je i
u ovoj temi takoe iskomentarisan.
Podrazumevane teme (obe teme) koje dolaze uz WordPress su aurne sa trenutnom verzijom WordPress-a.
Takoe su unazad kompatibilne, funkcioniu i na starijim verzijama WordPress-a. Pojedinane funkcije su
naglaene komentarima u verzijama u kojima su te funkcije nastale. U sluajevima kad se pokrenu u starije
verzije WordPress-a koje nemaju tu funkciju, funkcija e biti ignorisana.
Tema se sastoji od tri glavna tipa fajlova:
Prvi tip su stilovi style.css u kojima se nalazi sami izgled i prezentuje vizuelni dizajni i raspored web strane.
Drugi tip je opcioni fajl sa funkcijama function.php. Tu su funkcije teme.
Trei tip su abloni, php fajlovi, koji omoguavaju upravljanje naina generisanja informacija iz WordPress
baze podataka i prikaz istih na web strani.
U navedene glavne podele WordPress teme e se zai u detalje individualno, u sledeim poglavljima.
6.1. Stilovi teme

U style.css fajlu pored sadraja samog izgleda teme nalaze se i njene informacije u formi CSS sa
komentarima na poetku. Napomena je da su informacije o samoj temi obavezne, jer se na taj nain
WordPress identifikuje i svrstava temu u listi tema u administrativnom delu Administracija Izgled
Teme. Ako je sve ispravno uraeno, automatski e se pojaviti u listi tema i moe se aktivirati i koristiti.
Takoe se napominje da duplikati tj. iste informacije o temi nisu dozvoljene u vie tema (ne dozvoljava
kopiranje postojeih informacija). U sluaju da je neka tema kopirana, treba je obavezno izmeniti jer u
suprotnom bi dolo do problema u listi izbora tema u administrativnom delu, tanije konflikta i tema ne bi
bila prikazana.
Informacija o temi na poetku style.css fajla zove se zaglavlje teme. Zaglavlje ima izgled kao u primeru:
17

/*
Theme Name: Skolska tema
Theme URI: http://vts.su.ac.rs
Description: Skolski primer WordPress teme.
Author: bbokac
Author URI: http://wordpress.org/support/profile/bbokac
Version: 1.0
Tags: vts, skola, probna tema, diplomski rad, subotica
License: GNU General Public License v2 or later

License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/
Kada zaglavlje teme malo bolje razmotri, moe se videti da je samoopisno. Ukratko objanjeno:
Theme Name naziv teme,
Theme URI web adresa teme,
Description opis teme,
Author ime autora,
Author URI web adresa autora,
Version verzija,
Tags oznake (opciono)
License licenca,
License URI web adresa licence
6.2. Funkcije teme ( function.php )

Fajl function.php ima identinu ulogu kao proirenja (plugins). O proirenjima e se opirnije govoriti u
poglavlju namenjenom za sama proirenja. Fajl funkcije, koji se nalazi u temi, se automatski uitava tokom
inicijalizacije WordPress-a, na samoj web strani, takoe i na administratinoj strani. Function.php je opcioni,
isto tako se opciono i koristi. U tom fajlu se mogu pisati sve nove eljene funkcije i funkcijalnost sajta.
Preporuljivo je za upotrebu:
Ukljuivanje teme funkcije kao to su sidebar, navigacioni meni, sliice za lanak, formati lanka,
prilagoavanje zaglavlja, prilagoavanje pozadine i ostalo.
Definisanje funkcija koje e se upotrebiti na vie mesta u temi.
Kreiranje meni stavke za podeavanje teme gde se mogu menjati boje, stilovi, tipovi slova i ostale
opcije podeavanja koje idu uz temu.
18

Zbog preglednosti i organizacije PHP kda, poeljno je da se sve nove funkcije stavljaju u functions.php. Te
funkcije u functions.php fajlu se odnose na samu temu, to znai da one prestaju raditi ako se aktivira druga
tema. Ako se eli da prilagoena funkcija bude nezavisna od teme onda ta funkcija mora da bude napisana
kao proirenje.
6.3. Fajlovi ablona

Fajlovi ablona su PHP fajlovi koji imaju ulogu prikazivanja delova stranica na koje ide posetilac. Ovi PHP
fajlovi, takozvani abloni generiu HTML stranicu kao krajnji rezultat. Oni osim PHP koda takoe sadre
HTML, CSS, JavaScript i WordPress ablonske funkcije.
WordPress prua mogunost da se abloni prave za razliite delove web strane koji se prikazuju u javnosti.
WordPress bira ili generie ablone na osnovu hijerarhije ablona u zavisnosti da li je taj ablon dostupan u
odreenoj temi ili ne. U sluaju da ablon nije dostupan, WordPress ga generie sam.
Na ovaj nain se moe izvesti najosnovnija tema koje se moe brzo napraviti.
Programer moe sebi uzeti bilo koji nivo prilagoavanja uz pomo ablona. Na ovaj nain kd je bolje
razvrstan i izmene se mogu izvriti veoma lako. U najekstremnijem sluaju, mogue je sve staviti u
index.php. na taj nain bi ablon sluio za sve strane. esta upotreba, koja je praktina, je da se prave
razliiti ablon fajlovi koji generiu razliite sadraje. Na ovaj nain se moe postii maksimalni nivo
prilagoavanja.
6.3.1.
Osnovna lista fajlova ablona
Osnovna lista je lista fajlova ablona sa nazivima fajlova koje WordPress prepoznaje tokom inicijalizacije
WordPress platforme. Naravno ablon moe da ima razliite stilove, slike i skripte koji se mogu ukljuiti u
sistem ablona. Lista fajlova je bazirana na osnovu hijerarhije teme.
style.css Glavni stil teme.
Ovaj fajl je obavezan i mora da se sadri u temi. On sadri zaglavlje teme koje je spomenuto u poglavlju
stilovi teme.
rtl.css Rtl stil.
Ovaj stil je za jezike. Ima pravac pisanja sa desna na levo.
index.php Glavni ablon.
Ovaj fajl je obavezan ukoliko se pravi nova tema.
comments.php ablon za komentare.
front-page.php ablon prve poetne strane.
Ovaj ablon se upotrebljava kada se eli postaviti neka statina strana.
home.php ablon za tkzv. Home stranicu koja je podrazumevana poetna stranica. U sluaju ako se
19

upotrebi front-page.php ablon onda e se ovaj ablon prikazivati kao blog strana i izlistae najnovije
lanke.
single.php ablon za pojedinano prikazivanje lanaka.
Ovaj ablon e WordPress upotrebljavati kada se obavi upit za pojedinano prikazivanje lanka. U sluaju da
ovaj fajl ne postoji upotrebie se index.php.
single-{post-type}.php ablon za prikazivanje prilagoenih tipova lanka.
Na primer imamo prilagoen tip lanka nazvan Beleke onda e ime fajla tog ablona biti singlebeleske.php. U sluaju odsustva ovog fajla podrazumevano se poziva index.php.
page.php ablon za prikazivanje stranica (pages).
category.php ablon za prikazivanje bilo koje kategorije.
On izlistava lanke koje se nalaze u odreenoj kategoriji.
tag.php ablon za prikazivanje na osnovu oznaka.
Izlistava lanke koji su pod odreenom oznakom.
taxonomy.php ablon za prikazivanje prilagoenih termina.
author.php ablon za prikazivanje lanaka koje je autor postavio i koji sadri informacije o autoru.
date.php ablon za prikazivanje lanaka po datumu i vremenu, po godini, mesecu, danu, satu, minutu i
sekundama.
archive.php ablon za prikazivanje arhive.
Ovaj ablon preuzima ulogu ablona za kategoriju (category.php), autora (author.php) ili datuma i vremena
(date.php) u sluaju da navedeni abloni nisu napravljeni.
search.php ablon za prikazivanje rezultata pretrage.
Koristi se kada se vri pretraga.
attachment.php ablon za prikazivanje priloga.
Koristi se kada se prilog prikazuje pojedinano.
20

image.php ablon za prikazivanje priloene slike.

Koristi se za pojedinano prikazivanje slike. U sluaju ako ovaj ablon nije upotrebljen WordPress e
automatski upotrebiti attachment.php.
404.php ablon koji je popularan pod nazivom 404 Not Found za prikazivanje greaka na stranici,
lanaka koji su zahtevani a nisu pronaeni.
Ovi predhodno navedeni fajlovi imaju poseban znaaj u WordPress-u. Koriste se kao zamena za fajl
index.php. Kad se prikazuje strana, lanak, blog, arhiva ili neka kategorizovana lista na osnovu tih tipova
prikaza, WordPress e potraiti odgovarajui ablon za prikazivanje tog traenog tipa. U sluaju da nema
potrebnog ablona za tu namenu, WordPress e se vratiti i upotrebiti index.php. Kada posetilac npr. poseti
stranicu nazvanu O nama koja je napravljena kao tip stranice (Pages) u administrativom delu, WordPress
e potraiti u temi da li postoji ablon za prikazivanje stranice (page.php), ukoliko ga ima upotrebie ablon
u suprotnom e upotrebiti index.php.
6.3.2.
Osnove ablona za temu
Da bi se napravila funkcionalna tema minimum to je potrebno jesu samo dva fajla:
style.css
index.php
Oba fajla se moraju nalaziti u direktorijumu same teme. ablonski fajl index.php je veoma fleksibilan i koristi
se da bi se obuhvatili svi tipini delovi web stranice kao to su zaglavlje, sidebar, podnoje strane,
kategorije, arhive, pretrage i prikazivanje greaka bilo koje druge stranice koje su napravljene u WordPressu.
Takoe postoji modularna podela ablona. U sluaju da se ne upotrebe modularni fajlovi ablona,
WordPress e automatski primeniti svoje ablone. Na primer, postoji modularni fajl za komentare nazvan
comments.php i ako se taj modul ne primeni, WordPress e automatski primeniti svoju podrazumevanu
funkciju za prikazivanje komentara. Ovo je korisno ako se ele napraviti izmene, tj. ako se prilagoavanje
vri po sopstvenoj potrebi. Na ovaj nain izmene nekih funkcionalnosti WordPress-a su odvojene od samog
WordPress-a, gde dobijamo bolju preglednost a izmene su zatiene od gubitka tokom auriranja
WordPress platforme.
Tipini i najee upotrebljeni modularni fajlovi ablona su:
comments.php
comments-popup.php
footer.php
header.php
sidebar.php
searchform.php
Ovi moduli se mogu sastaviti u index.php fajlu preko WordPress ablonskih funkcija, koje e ukljuiti
navedene module i generisati finalnu HTML stranicu.
Da bi se primenio header.php koristi se get_header() ablon funkcija.
21

Da bi se primenio sidebar.php koristi se get_sidebar() ablon funkcija.
Da bi se primenio footer.php koristi se get_footer() ablon funkcija.
Da bi se primenio searchform.php koristi se get_search_form() ablon funkcija.
Da bi se primenio comments.php koristi se comments_template() ablon funkcija.
Najjednostavniji primer je prikazivanje zaglavlja ubacivanjem sledeeg PHP koda:

<?php get_header(); ?>
6.3.3.
Prilagoeni ili sopstveni abloni za stranice

Na delu osobine strane.
WordPress stranici se moe
dodeliti
ablon
u
administrativnom delu kao to
je prikazano na slici 4. gde se
dodaje ili pravi izmena stranice.
U padajuem meniju za izbor
ablona postoji podrazumevani
ablon i lista prilagoenih ili
sopstvenih ablona koje dolaze
uz instalaciju teme ili teme koja
se izrauje.
Slika 4: Osobine strane sa izborom prilagoenog ili sopstvenog ablona

Prilagoeni abloni se prave u direktorijumu same teme.
Za dodeljivanje imena PHP fajlu koji e biti sopstvena prilagoena tema, moe da se dodeli bilo koje ime
osim rezervisanih imena PHP fajlova namenjenih za delove ablona koji su nabrojani u poglavlju lista
ablona fajlova. Na primer ako elimo poseban ablon za kontakt stranu, kreira se kontakt.php fajl.
Da bi WordPress prepoznao sopstveni prilagoen ablon, u kontakt.php fajlu se na poetku dodaje sledei
kd:
<?php
/*
Template Name: Kontakt
*/
?>
Ovaj kd definie kontakt.php fajl kao Kontakt ablon i WordPress ga dodaje u listu za izbor ablona, u
delu osobine strane.
Nakon ovog kda se proizvoljno kodira sve to se eli. Na ovaj nain se moe izraditi ablon po sopstvenoj
elji. Takoe se mogu upotrebiti WordPress funkcije i sopstvene funkcije da se ne bi poinjao kodiranje od
nule. Na primer, moe se kopirati page.php, izmeniti tamo gde se ele izmene i ujedno e se zadrati i
22

podrazumevani ablon stranice page.php.

Napomena: kada se u administrativnom delu kreira ili vri izmena neke strane, opcija za izbor ablona se
nee pojaviti sve dok se ne uradi barem jedan ablon stranice.
6.3.4.
abloni bazirani na osnovu upita

WordPress moe da prikazuje razliite ablone za razliite upite. Izvedba se moe uraditi na dva
naina. Jedan nain je preko same WordPress arhitekture ablona, a drugi je upotrebom
uslovnih WordPress funkcija u petlji ablona.
U samoj WordPress arhitekturi postoje rezervisana imena fajlova ablona i ona ine WordPress arhitekturu.
To su falovi koji su ve pomenuti u poglavlju lista fajlova ablona. Definisani fajlovi koji ine arhitekturu
WordPress-a su fajlovi koji preuzimaju funkciju index.php u odreenim tipovima upita. Na primer, ako se
zatrai prikazivanje stranica kategorije, i ako category.php fajl postoji, onda e taj fajl izvriti prikazivanje
umesto index.php-a. U suprotnom e se prikazivanje izvravati preko fajla index.php.
Ovo sve se konkretnije moe odraditi u hijerarhiji ablona preko
ablonskih fajlova. Svi lanci, stranice, kategorije i oznake koje se
prave u administrativnom delu imaju svoj identifikacioni broj, eng. ID
Identity. Mogue je napraviti ablon za konkretan upit, samo za
pojedinu kategoriju, lanak, stranu ili oznaku. Na primer ako imamo
kategoriju pod nazivom Studenti i dodeljen mu je identifikacioni
broj 3 moemo napraviti zaseban ablon za kategoriju studenti
imenovanjem category-3.php.
Umesto identifikacionih brojeva moe se primeniti podloak 3. U
prethodno navedenom primeru primena podloka bi izgledalo
category-studenti.php, gde se moe prepoznati da e se ovaj ablon izvravati onda kada se napravi upit
kategorije pod nazivom studenti.
Prednosti i mane vezivanja na osnovu identifikacionog broja:
Prednost kod konkretizovanja ablona na osnovu identifikacionog broja je ta to se identifikacioni

broj ne moe menjati ak i u sluaju ako se promeni podloak. Tada e ablon i dalje vaiti za tu
kategoriju, lanak, stranicu ili oznaku.
Mana kod vezivanja ablona na osnovu identifikacionog broja je ako se broj jednom izbrie ne moe
se ponovo vratiti. Bez obzira ako se postavi potpuno identian sadraj WordPress e dodeliti drugi
identifikacioni broj.
Prednosti i mane vezivanja ablona na osnovu podloka:
Prednost vezivanja ablona na osnovu podloka je u tome da u sluaju brisanja lanaka ili stranice,
pravljenje novih pod istim imenom, podlok automatski primenjuje taj ablon.
Navedena prednost za sobom ujedno nosi i manu. Ako se ime podloka promeni, automatski se
gubi veza sa ablonom.
WordPress prua veoma veliku fleksibilnost upotrebe ablona, ak i do prefinjenih zahteva za razliite
situacije koje e se u detaljima predstaviti u narednom tekstu.
Pored ablona koji pruaju mogunost prilagoavanja pojedinanih tipova strana postoji mogunost
3
Podloak je lepa verzija URL-imena. Obino je napisano malim slovima i sadri samo slova, brojeve i crtice.
Podloci su takoe jedinstveni naliku su identifikacionim brojevima. Ovaj nain URL adresama prua lake
pamenje adresa i njihovo prepoznavanje.
23

prilagoavanje pojedinanih delova u ablonu. Kao to na primer imamo ablon koji ima prilagoen prikaz
za kategorije (category.php) i eli se samo na odreenu kategoriju, odreen deo ili cela stranica kategorije
drugaije prikazati. Ovakav rezultat se moe postii upotrebom WordPress-ovih uslovnih funkcija.
Karakteristian prikaz lanaka koji se nalaze u odreenoj kategoriji :
<?php
if ( is_category( '9' ) ) {
get_template_part( 'specifican-sablon' ); // prikaz sablona za clanke koje se
nalaze u kategoriji sa ID '9'.
} else {
get_template_part( 'obican-sablon' ); // prikaz sablona za sve ostale clanke.
}
?>
ili upotrebom WordPress upita php klase:

<?php
$post = $wp_query->post;
if ( in_category( '9' ) ) {
get_template_part( 'specifican-sablon' );
} else {
get_template_part( 'obican-sablon' );
}
?>
Iz priloenog primera se vidi da su parametri, specifican-sablon i obican-sablon dokumenti

specifican-sablon.php i obican-sablon.php. Ako se zatrai prikaz kategorije pod identifikacionim brojem 9
preko ablona specifian ablon (specifican-sablon.php) onda e biti prikazana u tom ablonu za ostale
kategorije primenjuje se obian ablon (obican-sablon.php). Ovaj primer nije ogranien samo za
kategorije, on se moe primeniti na bilo koji segment sajta. Na raspolaganju su 37 uslovnih funkcija koje se
mogu kombinovati.
Lista naziva uslovnih WordPress PHP funkcija koje daju taan ili netaan odgovor:
comments_open()
is_attachment()
is_feed()
has_tag()
is_author()
is_front_page()
has_term()
is_category()
is_home()
in_category()
is_child_theme()
is_month()
is_404()
is_comments_popup()
is_multi_author()
is_admin()
is_date()
is_multisite()
is_archive()
is_day()
is_main_site()
24

is_page()
is_single()
is_time()
is_page_template()
is_singular()
is_trackback()
is_paged()
is_sticky()
is_year()
is_preview()
is_super_admin()
pings_open()
is_rtl()
is_tag()
is_search()
is_tax()
Na osnovu odgovora da ili ne ovim funkcijama se moe ispitivati I odrediti dalji tok radnje. Veina
funkcija primaju argumente, tako da se ispitivanje moe precizirati. Vie detalja o svakoj funkciji se moe
nai u WordPress kodeksu uslovne oznake4.
6.3.5.
Ukljuivanje ablon fajla kao dela stranice
ablon se moe podeliti na delove. Na web stranicama postoje delovi koji se pojavljuju na pojedinim ili ak
na svim stranicama. Radi preglednosti i efikasnijeg pisanja kda preporuljivo je da se delovi odvoje u jedan
php ablon fajl. U tom ablon-fajlu izmena jednog fajla automatski e uticati na sve stranice u okviru
primene ovog dela.
Primer ukljuivanja dela ablona upotrebom WordPress funkcije:
<?php get_template_part( $podlozak, $ime ); ?>
Ovim jednostavnim kdom se ukljuuje php fajl nazvan {podlozak}-{ime}.php. Argument ove funkcije
podloak obavezan, a ime opciono.
Argument podloak je podrazumevan naziv dela ablona, a ime je naziv specijalizovanog ablona.
Pored toga da PHP jezik ima jednostavnu funkciju ukljuivanja PHP fajlova include(),
include_once(), require() i require_once(), WordPress funkcija get_template_part()
prua veu fleksibilnost u ukljuivanju ablon-fajlova. PHP funkcija za ukljuivanje fajlova mora biti
jednoznana i tano odreena, dok WordPress-ova funkcija ide po nivou prioriteta strukture naziva php
ablon fajlova koje postoje u temi. Ako ne postoji ni jedna od navedenih funkcija WordPress nee ukljuivati
nita i ii e dalje.
Nain rada ove funkcije najbolje e se shvatiti ovim primerom.
<?php get_template_part( 'sadrzaj', 'galerija' ); ?>
Ova funkcija e ukljuiti ablon koji e prikazivati sadraj tipa galerije, potraie ablon pod nazivom
sadrzaj-galerija.php i njega e prikazati. Na ovaj nai se mogu praviti segmenti stranice, koji se sa
get_template_part funkcijom ubacuju na bilo koje mesto. Jedan segment se moe upotrebiti na vie mesta.
Ova funkcija e traiti sledee nazive fajlova po prioritetu:
1. wp-content/themes/dete-tema/sadrzaj-galerija.php
2. wp-content/themes/tema/sadrzaj-galerija.php
3. wp-content/themes/dete-tema/sadrzaj.php
4. wp-content/themes/tema/sadrzaj.php
Kao to se vidi dete tema i fajl sadrzaj-galerija.php imaju najvei prioritet. Funkcija e ovim redosledom
4
http://codex.wordpress.org/Conditional_Tags
25

prioriteta potraiti ablon koji se eli ukljuivati. U sluaju da se prave izmene postojee teme, na ovaj nain
originalni fajl se moe zadrati i u koliko se napravi izmene u njegovoj kopiji bez da naprave ne povratne
izmene originalnog fajla.
Mogua je izvedba sa poddirektorijumom radi bolje preglednosti organizacije fajlova u temi. Delovi ablona
se mogu odvojiti u zaseban direktorijum. Na primer kreira se direktorijum sa nazivom segmenti i u tom
direktorijumu se nalazi sadrzaj-galerija.php. Ukljuivanjem ovog dela kd bi izgledao ovako:
<?php get_template_part( 'segmenti/sadrzaj', 'galerija' ); ?>
6.4. Hijerarhija ablona teme

WordPress abloni su nalik slagalice, ijim se slaganjem dobija celokupna web stranica. Neki delovi teme tj.
abloni teme kao to su na primer header, footer abloni se upotrebljavaju u svim stranicama, dok se ostali
upotrebljavaju u odreenim uslovima i zahtevima.
Generalno WordPress koristi upite. Upiti su veze ka odreenim stranicama koje sadre informacije.
WordPress odluuje koji ablon ili grupu ablona e upotrebiti i prikazati ze web stranicu.
WordPress prvo proverava za svaki upit o kom tipu upita je re. Na primer da li je glavna strana, blog strana,
strana za pretragu, kategorizovana strana itd.
Nakon toga se upotrebi odgovarajui ablon po upitu i zatraena stranica e se prikazati u redosledu
WordPress hijerarhije u zavisnosti od toga koji ablon fajl postoji u temi.
WordPress e potraiti nazive ablon fajlova u aktivnoj temi direktorijuma i upotrebiti prvu postojeu
odgovarajuu ablon datoteku koja odgovara zahtevanom upitu.
Ukoliko WordPress ne pronae ablon datoteku sa odgovarajuim nazivom, on e je preskoiti i traiti
sledei naziv datoteke po hijerarhijskom redosledu. U sluaju da ne nae ni jedan naziv onda e upotrebiti
index.php ablon datoteku koja je obavezna i mora da postoji.
6.4.1.
Primer princip funkcionisanja WordPress hijerarhije
Da bi se razumeo princip rada, najbolje e se pojasniti tipinim primerima.

Ukoliko se naa WordPress strana nalazi na adresi http://webstrana.com/blog i posetioc klikne na
http://webstrana.com/blog/category/elektronika/ , u pozadini se dogaa ovo:
WordPress e prvo potraiti ablon datoteku u aktivnoj temi koja odgovara identifikacionom broju
kategorije. Poto je napravljen upit kategorija elektronike, WordPress e prvo po redosledu pogledati
prioritetno, a to je podloak. Redosled na osnovu veze je sledei:
1. WordPress e potraiti ablon datoteku pod nazivom category-elektronika.php,
2. Ako je ID broj kategorije 3, WordPress e prvo potraiti ablon pod nazivom category-3.php
3. Ako ablona nema, sledee to e potraiti je datoteka pod nazivom category.php,
4. U sluaju da ni ta datoteka ne postoji, sledea datoteka je generika datoteka archive.php,
5. Ukoliko ne postoji ni generika datoteka, WordPress se vraa na glavnu ablon datoteku, na
index.php.
Ako posetioc eli da se vrati na glavnu poetu stranu http://webstrana.com/blog/ u pozadini e se odvijati
sledei proces:
1. WordPress prvo potvruje da li ima statiku glavnu stranicu, prema hijerarhiji teme.
26

2. U sluaju da statina strana nije napravljena, WordPress trai datoteku nazvana home.php.
3. Ako nedostaje datoteka home.php, onda se u direktorijumu aktivne teme prikazuje index.php.
6.4.2.
Vizuelna predstava hijerarhije ablona teme
U prikazanim dijagramima predstavljaju se abloni datoteke koje WordPress stranicu prikazuje po

WordPress hijerarhiji ablona teme.
27

28

29

6.4.3.
Hijerarhija ablona teme u detaljima
U narednom tekstu e se predstaviti redosled primene ablona u zavisnosti od zahtevane stranice. Redosled
poinje od najvieg prioriteta ka najniem.
Poetna strana (Home Page)

Ovaj ablon predstavlja poetnu stranu, blog ili kako ga jo zovu naslovna strana.
1. home.php
2. index.php
Ukoliko je napravljen home.php, on preuzima ulogu od index.php. U suprotnom e se prikazati index.php.
Napomena: u podeavanjima u administrativnom delu se moe podesiti da poetna strana bude neka
druga strana koja preuzima kontrolu nad ovim ablonom.
Poetna strana (Front Page)

Preuzima prikaz poetne strane. Na njoj moe da bude blog, statina strana ili neto prilagoeno sopstvenoj
potrebi.
1. front-page.php Koristi se za oba Poetna strana i Stranica lanaka (blog) u odeljku Podeavanja
itanje
2. Pravilo prikazivanja strane Ako je podeen u odeljku za podeavanja prikazivanja poetne strane
opcija Stranica lanaka
3. Pravilo prikazivanja poetne strane Ako je podeen u odeljku za podeavanja prikazivanja poetne
strane opcija Poetna strana
Pojedinani lanak (Single Post)

ablon prikazuje pojedinani lanak.
1. single-{tip_clanka}.php Samo i samo ako se lanak se nalazi u drugom tipu lanka. Na primer ako
se lanak nalazi u tip lanka radovi onda e WordPress upotrebiti single-radovi.php ablon. Pod
uslovom ako postoji ovaj fajl.
2. single.php
3. index.php
Strana (Page)
Upotrebljava se za prikaz statine strane.
1. prilagoen ablon fajl Ako je u odeljku stranica u administrativnom delu dodeljen ablon.
2. page-{podloak}.php na primer ako je stranica imenovana referenca onda e se upotrebiti
page-referenca.php ablon.
3. page-{id}.php gde je id je jedinstven broj stranice. Ako je na primer ID stranice 7 WordPress e
upotrebiti page-7.php ablon.
4. page.php
5. index.php
30

Kategorija (Categoy)
Prikazuje listu arhive lanaka u odreenoj kategoriji.
1. category-{podloak}.php Na primer ako je ime kategorije voe onda e WordPress upotrebiti
category-voce.php ablon.
2. category-{id}.php Ako je jedinstven broj kategorije 3 onda e WordPress upotrebit category-3.php
ablon.
3. category.php
4. archive.php
5. index.php
Oznaka (Tag)
Prikazuje stranicu liste arhive oznaka.
1. tag-{podloak}.php Ako je oznaka imenovan zain onda e WordPress upotrebiti tag-zain.php
ablon.
2. tag-{id}.php Na primer ako je oznaci jedinstven broj 5 onda e WordPress prikazati tag-5.php
ablon.
3. tag.php
4. archive.php
5. index.php
Prilagoene taksonomije (Custom Taxonomies)

Prikaz odreene prilagoene taksonomije.
1. taxonomy-{taksonomija}-{termin}.php Na primer ako imamo taksonomiju struka i naziv termina
elektro onda e WordPress prikazati taxonomy-struka-elektro.php ablon. U sluaju ako je
odreen i tip formatiranja lanka, na primer tip lanka video onda e ime ablona izgledati
taxonomy-post_format-post-format-video.php.
2. taxonomy-{taxonomy}.php U ovom sluaju na primer samo za struka taksonomiju naziv ablona
e izgledati taxonomy-struka.php.
3. taxonomy.php
4. archive.php
5. index.php
Prilagoeni tipovi lanka (Custom Post Type)

Stranica koje prikazuje samo arhivu.
1. archive-{tip_clanka}.php Ako je tip lanaka na primer sa nazivom radovi onda e naziv fajla
ablona imati archive-radovi.php.
2. archive.php
3. index.php
31

Strana Autora (Author)

Prikaz stranica autora.
1. author-{ime}.php Ako je ime autora boris WordPress ce traiti ablon nazvan author-boris.php.
2. author-{id}.php Prikazivanje na osnovu jedinstvenog broja. Na primer za autora pod brojem 1
naziv fajla ablona e biti author-1.php.
3. author.php
4. archive.php
5. index.php
Strana Datum (Date)

Prikazivanje arhive po datumu.
1. date.php
2. archive.php
3. index.php
Strana rezultata pretrage (Search)

Ova strana prikazuje rezultat pretrage.
1. search.php
2. index.php
404 (Nepostojea stranica)

Stranica koje prikazuje poruku greke o nepostojeoj strani.
1. 404.php
2. index.php
Prilozi (Attachment)
Stranica koje prikazuje pojedinani prilog.
1. MIME_type.php Moe da bude bilo koji MIME tip (image.php, video.php, application.php). Za
obian tekst ide:
text.php
plain.php
text_plain.php
2. attachment.php
3. single-attachment.php
4. single.php
5. index.php
32

6.5. Arhitektura teme

Arhiktetura teme je nalik slagalici, ije delove spajamo u jednu celinu. Bilo koja web prezentacija bez obzira
na sloenost njene grae, uvek se moe razloiti u sitnije jednostavnije delove, do nivoa koji je lako shvatljiv
i razumljiv i gde se sitni delovi jednostavno pretvaraju u dinamiki deo. Sa primenom naina spajanja
statine strane u WordPress-u statina strana se lakoom moe pretvoriti u dinamiku stranu. Na kraju cele
ove izrade dobija se web prezentacija kojom se upravlja svim delovima strane bez ikakvog znanja kodiranja,
preko WordPress admnistrativnog dela. Ovo je idealno za one koji ne ele da ulaze u svet internet
programiranja a ele da iskoriste prednosti koje prua internet i to u to krae moguem roku.
6.5.1.
Vizuelna predstava arhitekture teme
Vizuelnom predstavom e se sve to je do sad bilo objanjeno prikazati u jednoj celini (slika 5).
Vizuelna predstava arhitekture teme

1. header.php
Globalna datoteka, prikazuje zaglavlje stranice sa
navigacijom i sadri samo HTML zaglavlje.
2. Petlja (Loop)
Prikazuje sam sadraj stranice.
3. sidebar.php
Stupci sa strane gde se mogu dodaju dodaci (eng.
Widgets). Postoji mogunost dodavanja vie stubaca u
functions.php datoteci teme. Dodatci (Widgets) se
nalaze u administrativnom delu.
4. footer.php
Podnoje stranice.
Slika 5: Podela teme

izmeniti i prilagoditi sopstvenim potrebama.
Ovo je tipini i najjednostavniji primer kako WordPress spaja

pojedine delove
stranice u jednu
celinu.
Naravno
sve
se
moe
Poetna strana (index.php)

Kod svee WordPress instalacije na poetnoj stranici se ukratko
prikazuju najnoviji lanci sa bloga. Hronoloki su sortirani od
najnovijeg ka najstarijem lanku.
Poetna stranica se moe izmeniti i podesiti da prikazuje
statinu stranu ili kombinaciju bloga i statine strane i u
potpunosti se moe prilagoditi svojim potrebama.
Ovo podeavanje se nalazi u WordPress administrativnom
delu, u Podeavanja itanje Poetna stranica prikazuje.
33

lanci (single.php)
Na poetnoj stranici web strane, bloga, arhive ili na stranicama
gde se ukratko prikazuju lanci sadrana je veza ka
pojedinanom prikazu lanka, gde se prikazuje kompletan
tekst.
Stranica pojedinanog lanka se sastoji od stupca sa dodacima.
On se nalazi sa strane gde se mogu dodati detalji i veze ka
drugim arhivama, lancima i drugim delovima web strane.
Takoe se moe u potpunosti prilagoditi svojim potrebama.
Stranice (page.php)
Ovaj deo je namenjen za prikazivanje stranica web strane, koje
se takoe mogu u potpunosti prilagoavati po sopstvenoj
potrebi.
Mogu se dodavati i uklanjati elementi stranice kao to su stupci
sa strane sa proirenjima.
Pojedinane strane se mogu prilagoavati upotrebom
prilagoenih ablona. Oni se prave kopiranjem page.php
datoteke i proizvoljno preimenuju, iskljuujui nazive datoteka
koji su rezervisani i dodavanjem sledeeg koda na poetku u
sledeem prikazu:
34

<?php
/*
Template Name: Sablon za clanove
*/
?>
Arhiva (archive.php, [category.php, tag.php])

U ovim datotekama se moe kontrolisati izgled prikazivanja
arhiva lanaka. Ako archive.php nije napravljen, WordPress e
upotrebiti index.php. U sluaju da datoteka archive.php ne
postoji index.php preuzima njenu ulogu. Isto vai i kad se eli
posebno izraditi izgled stranice za kategoriju. Kreiranjem
category.php e se zameniti archive.php. Isto tako vai i za
oznaku tag.php koja e preuzeti ulogu archive.php.
6.6. Petlje
Petlja (eng. Loop) je jedna od glavnih stvari u WordPress-u i WordPress temi. Ona poinje sa upitom, gde se
saznaje o kojoj stranici ili lanku je re. Sama petlja izlistava sadraj strane, lanka ili lanaka i arhive u
zavisnosti od toga ta je zatraeno.
Petlja poinje PHP kodom:
<?php if ( have_posts() ) : while ( have_posts() ) : the_post(); ?>
i zavrava se:
<?php endwhile; else: ?>
<p><?php _e('Nema lanaka koji odgovaraju zatraenim kriterijumima!'); ?></p>
<?php endif; ?>
Ovo je primer osnovne petlje.

Posle endwhile koda je opciono mesto gde se moe napisati dodatni deo koji e obavestiti posetioca da
35

nema naenih lanaka.

Izmeu poetka i zavretka petlje se konstruie kod koji e prikazivati eljene delove sadraja.
Delovi sadraja u petlji koji se mogu prikazati i upotrebiti su:
the_title() - Naslov sadraja,
the_time() - Datum kad je sadraj objavljen,
the_content() - Sadraj strane ili lanka,
the_excerpt() - Skraeni sadraj strane ili lanka koji se zavrava sa (...),
the_category() - Lista kategorije kojoj lanak pripada,
the_tags() - Lista oznaka koje su dodeljene lanku,
the_permalink() - Veza (link) same strane,
the_author() - Prikazuje ime autora koji je pisao ovaj lanak ili stranicu.
Ovde su navedene neke WordPress funkcije koje prikazuju eljene delove sadraja stranice ili lanaka u
temi o petlji.
Petlje se mogu izvesti i na sloeniji nain kombinovanjem vie petlji ili petlja u petlji.
Slika 6: ema Petlje

Na slici 6 je predstavljena ema petlje, gde se vidi da petlja ponavlja proceduru sve dok ne stigne do kraja sa
rezultatom po zahtevanom krijetijumu. Kada se stigne do kraja petlje, izlazi se iz nje i nastavljaju se
36

izvravanja otalih napisanih delova koda iz teme.
6.7. Proirenja, API (aplikacioni programski interfejs) kuke

Kada se pravi tema treba misliti na to da korisnici teme mogu koristiti WordPress proirenja, ukoliko se ona
ele instalirati. Proirenja (eng. plugins) koriste WordPress-ove takozvane Kuke. Upotrebom kuke
proirenja daju nove funkcije WordPress-a.
Veina Kuka je ve ugraena u jezgru PHP koda WordPress-a.
Kod svake izrade tema potrebno je postaviti sledee Akcione Kuke:
wp_head() - Postavlja se u <head> html elementu u header.php delu ablona teme. U ovom
sluaju proirenja mogu dodavati svoje JavaScript-e, kaskadne stilove (CSS) i izmene i dodavanje
html meta oznaka.
wp_footer() - Postavlja se u footer.php delu ablona teme pred kraj zatvaranja body html
oznake. Ovde se ubacuje sve to je potrebno da se nakon uitavanja cele strane obavi. esto se
ubacuje kd za analizu sajta, kao to je Google Analytics.
wp_meta() - Ree se koristi. Obino ide u <li>Meta</li> sekciju pored menija teme ili sa
strane stranice, sidebar.php ablon teme. Moe da sadri reklame, takozvane oblak oznake (eng.
Tag Cloud) ili neto prilagoeno za sopstvene potrebe.
comment_form() - Kuka koja uglavnom ide u comments.php datoteku. Ovde proirenja rade
eljene izmene u prikazivanju forme za pisanje novih komentara.
Kao to se vidi kuka nema mnogo, jednostavne su i samoopisive.
6.7.1.
Prilagoavanje Teme API-a dodavanjem novih karakteristika
Tokom razvoja WordPress-a mnoge stvari su se menjale i dodavale. Kako bi se zadrala kompatibilnost i
podrka starijim temama, WordPress je napravio novu funkciju kojom se naknadno mogu dodati nove
karakteristike. Na ovaj nain se WordPress moe nadograivati putem sigurnosnih zakrpa koje se
vremenom ispravljaju kako bi stara tema i dalje radila bez prekida.
Nove karakteristike tema se ukljuuju preko proirenja i preko same teme. Preporuljivo je da se kodira u
samoj temi, a ne kao proirenje. Dodavanje novih karakteristika se vri u functions.php funkciji teme.
Aktiviranjem novih karakteristika ili funkcionalnosti teme u administrativnom delu WordPress-a se
automatski pojavljuju nova podeavanja, koja su spremna za upotrebu.
Kd:
add_theme_support( $naziv-karakteristike, $argumenti );
Opcija naziv-karakteristike funkcije je obavezna i postoje sledee opcije:
post-formats
post-thumbnails
custom-background
custom-header
automatic-feed-links
37

Argumenti su opcioni i zavisni od tipa karakteristike koja se eli dodati.

Svaka karakteristika e ukratko biti pojanjena u narednim odeljcima.
Oblik lanka (post-formats)
Slika 7: Oblik lanka, podeavanje kod lanka.
Ova karakteristika teme daje mogunost

izbora vie oblik lanka (Slika 7). Oblici
lanka se moraju izraditi u temi da bi se
karakteristika mogla upotrebiti. Ova
karakteristika je dostupna u WordPress
verziji 3.1. Kod aktivacija ove
karakteristike izgleda:
add_theme_support( 'post-formats');
Ako se ele upotrebiti samo odreeni oblici lanka, onda se oni navode preko argumenta funkcije:
add_theme_support( 'post-formats', array( 'aside', 'gallery' ) );
U izradi ablona provera oblika lanka se radi na sledei nain:

if ( has_post_format( 'quote' ) ) {
echo 'Ovo je citat.';
}
Na primer, gore navedeni kd se upotrebljava u single.php, page.php ili nekom prilagoenom tipu lanka.
Izdvojena slika lanka ili strane (post-thumbnails)

Funkcionalnost izdvojene slike (Slika 8)
prua dodeljivanje izdvojene slike lanku
ili stranici. Funkcija je dostupna od
WordPress verzije 2.9. PHP funkcija za
aktiviranje funkcionalnosti izdvojene
slike se podeava sa dva argumenta. Prvi
argument je obavezan i nalae
WordPress-u da aktivira funkcionalnost
izdvojene slike. Drugi argument je
opcioni i njime se podeavaju sekcije
Slika 8: Izdvojena slika lanka ili stranice.
WordPress-a u kojima e se prikazati
izdvojena slika. Npr ako se eli da se funkcionalnost izdvojene slike koristi samo u lancima, onda se u
drugom argumentu podesi array('post'). Ako se eli prikazati izdvojena slika u svim sekcijama, gde
se upravlja sadrajima (lanci, stranice, prilagoeni tipovi lanka), ostavlja se prazna vrednost argumenta i
WordPress e podrazumevano prikazati izdvojene slike u svim sekcijama.
Primeri aktivacija prikazivanja izdvojene slike na svim ili na odreenim sekcijama:

38

// Svugde
add_theme_support( 'post-thumbnails' );
// Samo lancima
add_theme_support( 'post-thumbnails', array( 'post' ) );
// Samo stranicama
add_theme_support( 'post-thumbnails', array( 'page' ) );
// lancima i Filmovima
add_theme_support( 'post-thumbnails', array( 'post', 'filmovi' ) );
Za prikazivanje izdvojenih slika se upotrebljava WordPress-ova funkcija:

the_post_thumbnail();
Kako bi se proverilo da li je izdvojena slika dodeljena primenjuje se kd:

if ( has_post_thumbnail() ) {
the_post_thumbnail();
}
39

Prilagoena pozadina (custom-background)
Slika 9: Prilagodjena pozadina teme.

Ova karakteristika prua mogunost prilagoavanja boje i slike pozadine teme (Slika 9). Karakteristika
postoji od WordPress verzije 3.4. i definie se kodom:
add_theme_support( 'custom-background' );
U argument se postavljaju podrazumevani parametri za podeavanje pozadine teme:

$ podrazumevano = array(
'default-color' => '#1e73be',
'default-image' => get_template_directory_uri() . '/images/pozadina.jpg'
);
add_theme_support( 'custom-background', $podrazumevano );
Ukoliko se eli napraviti podrka starijoj verziji WordPress-a, moe se zasebno napraviti php funkcija koja e
obaviti identian zadatak. Proverom WordPress verzije moe se identifikovati i upotrebiti jedna od
odraenih karakteristika uz pomo koda:
40

global $wp_version;
if ( version_compare( $wp_version, '3.4', '>=' ) )
add_theme_support( 'custom-background' );
else
add_custom_background( $args );
41

Prilagoeno zaglavlje (custom-header)
Slika 10: Izgled prilagoavanja zaglavlja teme.

Ova karakteristika daje mogunosti prilagoavanja zaglavlja teme, ona postoji od WordPress verzije 3.4
(Slika 10).
42

Kd aktivacije:
add_theme_support( 'custom-header' );
Argumenti imaju podrazumevana podeavanja. Kd za podeavanje:

$ podrazumevano = array(
'default-image'
'/images/pozadina.jpg',
=> get_template_directory_uri() .
'random-default'
=> false,
'width'
=> 980,
'height'
=> 60,
'flex-height'
=> false,
'flex-width'
=> false,
'default-text-color' => '#1e73be',

'header-text'
=> true,
'uploads'
=> true
);
add_theme_support( 'custom-header', $ podrazumevano );
Za ovaj deo je takoe mogua podrka teme za starije verzije WordPress-a uz pomo koda:
global $wp_version;
if ( version_compare( $wp_version, '3.4', '>=' ) ) :
add_theme_support( 'custom-header' );
else :
add_custom_image_header( $wp_head_callback, $admin_head_callback );
endif;
RSS veze (automatic-feed-links)

Ova karakteristika dodaje vezu ka RSS u temi. RSS u WordPress-u postoji i
u ranijim verzijama upotrebom automatic_feed_links() funkcije.
Ova funkcija je zastarela i zamenjena je add_theme_support()
funkcijom od WordPress verzije 3.0 i e u buduim verzijama biti u
potpunosti uklonjena.
43

Kd za aktivacija RSS veze izgleda:

add_theme_support( 'automatic-feed-links' );
Kd za podrka za starije verzije WordPress-a:

global $wp_version;
if ( version_compare( $wp_version, '3.0', '>=' ) ) :
add_theme_support( 'automatic-feed-links' );
else :
automatic_feed_links();
endif;
6.8. Podaci koji nisu pouzdani i sigurnost teme, filtriranje podataka)

Da bi tema bila sigurna potrebno je obratiti panju na atribute HTML-a, forme, veze koje e korisnici sajta
upotrebljavati , unositi i postavljati, radi bezbednosti podataka. Te podatke treba filtrirati kako bi se izbeglo
prikazivanje podataka koji nisu pouzdani. WordPress za to ima funkcije za filtriranje.
esc_html() - Filtrira unos sadraja korisnika koji sadri HTML kd,
esc_url() - Slui za filtriranje veza,
esc_attr() - Pretvara HTML znakove <, >, &, " i ' u HTML entitete. Upotrebljava se za HTML
atribute kao to su alt, value, title...
6.9. Omoguavanje prevoenja tema na vie jezika / I18n

WordPress tema, kao i sam WordPress i ostala kvalitetno napisana
proirenja pruaju mogunost prevoenja na lokalni jezik. To znai da svi
napisani elementi koje korisnik vidi u administrativnom delu, kao i
posetilac koji gleda sajt, mogu da koriste sajt na svom jeziku.
I18n je internacionalizacija ili proces pravljenja aplikacija koji je spreman
za prevoenje na vie jezika. U WordPress-ovom sluaju se mogu
prevoditi tekstovi teme.
Za pruanje mogunosti prevoenja koristi se WordPress gettext-based
i18n funkcija u kojoj se ubacuje tekst za prevoenje.
Sam PHP jezik ima svoju funkciju za prevoenje, to je gettext()
funkcija ili _() gde se u zagradama postavlja tekst koji se prevodi, npr. echo _("Dobro doao!");.
Da bi prevoenje u potpunosti funkcionisalo, potrebno je dodati jo funkcija to zahteva vee znanje PHP
programskog jezika. Da bi funkcija potpuno radila, potrebno je podesiti jezik, lokaciju datoteke sa
prevodima i domen. WordPress je to pojednostavio i funkcija izgleda ovako: __(), to ukazuje na razliku da
je u pojednostavljenoj funkciji dodata jo jedna donja crta pa umesto jednog argumenta koriste se dva.
Pre nego to se nastavi dalje, u funkciju teme functions.php je potrebno dodati kd:
44

add_action('after_setup_theme', 'podesavanja_teme');
function podesavanja_teme(){
load_theme_textdomain('vts-tema, get_template_directory() . '/languages');
}
Ovaj deo koda upuuje nas da e se prevod teksta nai u direktorijumu same teme u poddirektorijumu
languages, gde prevodioci mogu da prave prevode tekstova teme. Nazivi datoteka sa prevodima daju se po
jezicima, npr. za engleski ameriki jezik naziv datoteke e biti en_US.mo ili za srpski jezik sr_SR.mo.
Podeeni domen je nazvan vts-tema, kao primer koji e se kasnije upotrebiti.
Tokom izrade teme u svim datotekama gde se eli postaviti prevodivi tekst, statiki tekst se ubacuje u
WordPress-ovu funkciju koja e prevoditi na odreeni jezik, ukoliko je jezik podeen i ukoliko za njega
postoji prevod. Primer:
echo '<h2>' . __( 'Blog Options', 'vts-tema' ) . '</h2>';
Ukoliko nema prevoda za Blog Options tekst, prikazae ga podrazumevano na engleskom jeziku. U sluaju
da za njega ima prevod, da postoji sr_SR.mo datoteka i ako postoji podeavanje na srpski jezik onda e
prikazati njegov prevod npr. Blog Opcije. Ovo je prvi neophodni argument.
Drugi argument je domen. Domen slui za oznaavanje dela WordPress-a e se napraviti prevod. Domen
indetifikuje pripadnost prevedenog teksta temi, proirenju ili samom glavnom WordPress-u.
Postoje dve funkcije za prevod. Jedna je __('neki tekst', 'domen') vraa prevod kao vrednost
koje se nakon toga moe prikazati ili ga dodatno obraditi. Druga je _e('neki tekst', 'domen') i
ona prevodi i odmah prikazuje tekst. Primeri:
echo __( 'Using this option you will improve speed.', 'vts-tema' );
_e( 'Using this option you will improve speed.', 'vts-tema' );
6.10.
Klase tema
U sloenim web stranama koje sadre vie tipova strana tokom izrade kaskadnih stilova teme (CSS) moraju
se identifikovati pojedinani tipovi strane, u nekim sluajevima i pojedinane strane ili odreeni deo
pojedinane.
WordPress prua tu olakicu upotrebom sledeih funkcija:
body_class()
post_class()
comment_class()
U navedenim funkcijama koristi se po jedan argument, gde se mogu dodavati sopstvene klase ili niz klasa.
Izuzima se comment_class funkcije koja ima jo tri dodatna argumenta. Argumenti su opcioni.
body_class()
funkcija se postavlja u telo HTML-a <body>. Praktian primer:
45

<body <?php body_class(); ?>>
Kao rezultat e biti prikaz nalik ovome. Meutim, sve varira u zavisnosti od tipova strana:
<body class="page page-id-2 page-parent page-template-default logged-in">
U CSS-u se mogu upotrebiti sledee klase:

.page {
/* stilovi koji se odnose na sve page (strane) stranice (pages) */
}
.page-id-2 {
/* stil koji se odnosi samo na jednu stranu sa ID brojem 2 */
}
.logged-in {
/* ovaj stil se odnosi na sve korisnike stranice koji su prijavljeni */
}
post_class()
Ima identinu funkcionalnost kao body_class(), samo to ova funkcija mora da bude unutar petlje koja
se odnosi na sam sadraj lanka ili stranice. Praktian primer:
<div id="post-<?php the_ID(); ?>" <?php post_class(); ?>>
Rezultat prikaza i nain upotrebe u CSS-u je identian kao to je objanjeno za body_class().
comment_class()
Ima identinu funkcionalnost kao i prethodne dve funkcije, samo ova funkcija mora da bude unutar petlje
gde se izlistavaju pojedinani komentari koji pripadaju stranici ili lanku. Praktian primer:
<li <?php comment_class(); ?> id="li-comment-<?php comment_ID() ?>">
46

6.11.
Dete Tema
WordPress dete tema je tema koja sve nasleuje od druge teme, zvane
roditelj tema. Dete tema dozvoljava menjanje ili dodavanje
funkcionalnosti roditelj teme bez izmene roditelj teme. Izrada dete
teme je najsigurniji nain vrenja izmena, dodavanja ili proirivanja
funkcionalnosti na originalnoj temi, a da roditelj tema bude netaknuta.
6.11.1.
Zbog ega koristiti dete temu
Prednosti zbog kojih je dobro upotrebljavati dete temu umesto vrenja

modifikacije originalne teme su:
Sa dete temom se moe bezbedno aurirati roditelj tema od

koje e sama dete tema naslediti sve, ujedno e se zadrati i
izmene.
Moe ubrzati vreme izrade.
Najbolji nain da se pone sa uenjem izrade WordPress teme.
6.11.2.
Kako se pravi dete tema?
Postupak izrade dete teme je jednostavniji od izrade same teme. Prvo se kreira direktorijum gde e se
nalaziti datoteke za dete temu. Imenovanje direktorijuma je proizvoljno. Praksa je da se za imenovanje
direktorijuma dete teme dodeli isto ime kao roditelj tema koju e naslediti sa nastavkom imena -child ili
dete. Na primer, dete teme od twentytwelve roditelj teme bi se zvalo twentytwelve-child. Ovaj nain
imenovanja nije obavezan, samo je preporuljiv radi lakeg prepoznavanja.
Sledei korak, ujedno minimalno potreban korak da bi bila spremna spremna nova dete tema je da se u
novokreiranom direktorijumu kreira style.css datoteka sa sledeim potrebnim delom koda:
/*
Theme Name:
Twenty Twelve Child
Theme URI:
http://www.vts.su.ac.rs/
Description:
Dete tema od Twenty Twelve teme
Author:
Boris
Author URI:
http://buranj.elance.com
Template:
twentytwelve
Version:
0.1.0
*/
Na prvi pogled gore naveden kd izgleda identian nain kreiranja nove teme. Razlika je u Template:
twentytwelve gde je taj deo koda bitan. On govori WordPress-u ko je roditelj ove teme i koje e dete
tema da nasleuje. To je naziv direktorijuma roditelja teme i on mora da bude taan.
Nakon navedenog bloka koda u nastavku se dodaje:
47

@import url("../twentytwelve/style.css");
Na ovaj nain se uvoze svi definisani stilovi od roditelj teme.

Dete tema je sad doslovno spremno za rad. Nova dete tema e se pojaviti u administrativnom delu u listi
tema. Na dete temi se mogu vriti izmene tako da se originalna tema zadri nepromenjena.
6.11.3.
ablon datoteke dete teme
U prethodnom poglavlju je objanjeno kako se kreira dete tema i kako se moe izvriti izmena samog
izgleda teme bez ikakve izmene glavne takozvane roditelj teme.
Ako se eli izmeniti funkcionalnost ili neki deo ablona, takoe je izvodljivo. Da bi se ablon roditelj teme
mogao izmeniti, kopira se originalan ablon u direktorijum dete teme i vre se potrebne izmene. Na ovaj
nain e se presnimiti tj. upotrebiti izmenjeni ablon i ujedno e se zadrati originalna verzija.
Ako se eli napraviti izmena ablona koji nije upotrebljen u roditelj temi a da ne postoji datoteka, onda se
pravljenje nove datoteke radi na standardan nain i imenuje po WordPress hijerarhiji.
6.11.4.
Funkcija dete teme
Datoteka funkcije teme (function.php) se moe proirivati i menjati. Kreira se prazna funtction.php datoteka
u dete temi, kopira se funkcija sa roditelj (function.php) teme u dete temu gde se ta funkcija moe menjati.
Funkcije koje ne postoje u roditelj temi se prave na klasian nain kao kada se pie nova funkcija. Na
primer:
function favicon_link() {
echo '<link rel="shortcut icon" type="image/x-icon" href="/favicon.ico" />' .
"\n";
}
add_action( 'wp_head', 'favicon_link' );
Kada se rade izmene i proirenja u ovoj oblasti roditelj teme treba biti vrlo oprezan, jer WordPress prvo
pokree function.php dete teme i nakon toga function.php roditelj teme. Treba imati na umu da je ovo PHP
programski jezik koji ne dozvoljava pisanje dve funkcije pod istim nazivom jer tako dolazi do greke. Da bi
roditelj tema bila proiriva za svaku napravljenu funkciju mora da bude proglaena uslovno (if). Na ovaj
nain se u dete temi mogu praviti izmene funkcije pod istim imenom. Roditelj tema je tako spremna, to se
moe proveri na sledei nain ukoliko je blok koda funkcije napisan nalik ovome:
if ( ! function_exists( 'neka_funkcija' ) ) {
function neka_funkcija() {
//
Kod koji ce se izvrsiti pozivanjem ove funkcije.
}
}
Kao to se vidi, roditelj tema e prvo proveriti da li je ta funkcije ve definisana u dete temi. Ukoliko je
napravljena izmena u dete temi onda e svoju funkciju preskoiti i upotrebiti funkciju od dete teme.
48

6.11.5.
Internacionalizacija dete teme
Dete tema se takoe moe pripremiti kao viejezina tema. Priprema se tako to se kreira novi
poddirektorijum gde se nalaze prevodi npr. languages i u functions.php dete temu se dodaje sledei blok
koda:
<?php
/**
* Aktivacija internacionaliyacije dete teme.
*/
function dete_tema_na_vise_jezika() {
load_child_theme_textdomain( 'dete-tema', get_stylesheet_directory() .
'/languages' );
}
add_action( 'after_setup_theme', 'dete_tema_na_vise_jezika' );
?>
Za prevoenje teksta u dete temi se upotrebljava definisan domen dete-tema po kome WordPress
prepoznati prevod dete teme i traiti ga u dete temi direktorijumu. Primer:
<?php
_e( 'Prikaz svih lanka autora:', 'dete-tema' );
?>
7. Vrednovanje Anatomije WordPress-a

WordPress je vrlo opiran to se tie njegove fleksibilnosti. Mogunosti upotrebe ove platforme su iroke,
kao to su: izrada proirenja, WordPress Multisite (mrea sajtova), viejezini sistem, izrada sekundarne ili
pod platforme bazirane na WordPress jezgro, API integracija kao to su Google API, YouTube API, Twitter
API, Facebook Open Graph, Pinterest, PayPal, Google Wallet, Authorize.net, Amazon, Amazon S3, CDN
sistem i mnogo drugih web tehnologija.
7.1. Zakljuak
Predstavljen je WordPress CMS sistem koji prua bru i efikasniju izradu sajtova. Za korisnike koji su ve
dobro uhodani u programiranju ovo je jedno od idealnih reenja kojim mogu sebi ubrzati proces izrade web
strane na zavidnom nivou. Korisnici koji se bave dizajnom mogu proiriti svoje usluge tj. osim dizajniranja
mogu samostalno pretvoriti svoj dizajn u potpuno funkcionalni dinamini sajt. Za poetnike je idealan da
naue i shvate jednu od naprednijih tehnika u Internet/Web tehnologiji i potpuno je besplatan. K d su pisali
programeri koji imaju veliko steeno iskustvo. Ujedno je podran i proveren od same zajednice i konstantno
se poboljava i unapreuje.
49

Sinopsisi
Anatomija WordPress teme
Ovaj projekat predstavlja jedan od popularnijih CMS sistema i njegovu napredniju upotrebu. Namenjen je
korisnicima koji ele da saznaju neto vie o WordPrewss-u a ne ele da se bave njime profesionalno kao I
za profesionalce. WordPress anatomija time upoznaje i predstavljanja strukturu, hierarhiju i nain izrade.
Cilj ovog projekta je da olaka rad svakom ko se ele predstaviti u dananjem modernom informacionom
svetu I da njihove usluge I informacije budu pristupane I profitabilne.
The WordPress theme anatomy
This project represents one of most popular CMS systems and their advance usage. This is usually for those
who want more but it is not their profession. But also for those who want to be professional in this area.
This WordPress anatomy project introduces structure, hierarchy and methods how to work with
WordPress. The main goal of this project is to guide in WordPress capabilites to can present your content
on Internet in easier way. To can give your services and info's more affordable to everyone and to be more
profatibile in modern communications.
WorldPress flptse
Ez a projekt bemutatja az egyik npszer CMS rendszert, s elrehaladott hasznlatt. Ez azon
felhasznlknak szl akik tbbet akarnak megtudni a WordPress-rl, de nem akarnak professzionlisan
foglalkozni vele, de a komoly felhasznlknak is. WorldPress felptse bemutatja strukturjt, hierarhijt
valamint kidolgozs mdjt. E projektum clja hogy megknnytse mindenki munkjt aki beakar
mutatkozni a mai modern informcis vilgban s bemutatsa szolgltatsait s hogy az informci
elrhet s jvedelmez legyen.
50

Literatura
[1] WordPress: The Missing Manual - O'Reilly Media - Matthew MacDonald - October 2012
[2] Digging Into WordPress - Chris Coyier & Jeff Starr 2009
[3] WordPress Codex - http://codex.wordpress.org/ - WordPress Foundation - Matt Mullenweg, Mike
Little, Mark Riley i Lorelle
51

Biografija
Buranj Boris je roen 20. Avgusta 1984. u Senti. Pohaao osnovnu kolu eh Karolj u Adi. Nakon toga
kolovanje nastavio u MC tehnikoj srednjoj koli u Adi, u struci Elektrotehniar pogona etvrtog stepena,
zatim struku nastavio u Vioj Tehnikoj koli strukovnih studija u Subotici, smer Elektronika sa
Telekomunikacijama. Poslednji ispit poloio 29. Decembra 2010.
52

Prilozi
tampani materijali:
Diplomski rad.
Elektronski materijali:
Diplomski rad u elektronskom formatu,
Kratka prezentacija rada,
Izvorne datoteke, slike i dijagrami koji su korieni za ovaj rad.
Kompletan materijal koji ide uz CD:
53

Anatomija WordPress Teme

Uploaded by

Document Information

Copyright

Available Formats

Share this document

Share or Embed Document

Sharing Options

Did you find this document useful?

Is this content inappropriate?

Copyright:

Available Formats

Anatomija WordPress Teme

Uploaded by

Copyright:

Available Formats

VISOKA TEHNIKA KOLA STRUKOVNIH STUDIJA - SUBOTICA

SZABADKAI MSZAKI SZAKFISKOLA