Child theme u WordPress-u

Ukoliko ste pročitali prethodni članak na ovom sajtu, ovo je nastavak koji objašnjava kako se prave i čemu služe child teme u WordPressu.

 

WordPress programeri su omogućili unutar WordPress-a mogućnost da se stvori child tema kako bi mogla da se stvori pod tema koja je bazirana na karakteristikama i funkcionalnostima svoje roditeljske teme. Dete, child tema vam daje mogućnost da se modifikuje roditeljska tema na takav način da se uzmu iz nje ve one funckionalnosti koje su nam za sajt potrebne, ali da se određene stvari roditeljske teme prilagode na takav način da se uklope u potrebe korisnika našeg sajta.

 

Prednosti stvaranja child teme

Child tema vam omogućava da stvorite novu temu baziranu na roditeljskoj temi sa malim ili drastičnim izmenama izgleda i funkcionalnosti roditeljske teme. Istovremeno, moguće je promeniti i dodavati funkcionalnosti child temi a da se ni malo ne utiče na iste ili slične postojeće funkcionalnosti unutar roditeljske teme. Istovremeno, child temu koju smo mi napravili neće ni na koji način poremetiti ažuriranja koja možemo vršiti nad roditeljskom temom. Štaviše, ukoliko je tema koju smo imali instaliranu na našem WordPress-ovom sajtu kupljena, ažuriranja roduteljske teme koju izdaju firme ili pojedinačni programeri koji su zaslužni za stvaranje roditeljske teme mogu nam biti vodič za održavanje i unapređenje naše child teme.

 

Kako funkcioniše WordPress-ova child Tema

 

Child tema se nalazi unutar odvojenog foldera u odnosu na rodiuteljsku temu i svaka child tema mora da ima sopstveni stzle.css i function .php fajl. o ovim fajlovima smo već govorili u prethodnom članku. Dodatni fajlovi za uređenje child teme mogu biti dodati unutar ovog foldera po potrebi.

Upotrebom relevantnih .css i .php fajlova, možemo da prilagodimo bilo koji stil ili izgled pojedniačnih delova sajta, da samostalno izprogramiramo skripte koje će uticati na ponašanje teme i da dodajemo skripte koje nisu ni prisutne u roditeljskoj temi.

Child temu ćemo najbolje razumeti ako je posmatramo kao sloj koji se nalazi iznad roditeljske teme. Kada posetilac učita naš sajt u svom pretraživaču, WordPress će prvo učitati uključenu child temu, a zatim sve stvari koje unutar child teme nedostaju ići će da traži unutar foldera u koji je smeštena roditeljska tema. Odatle će uzimati sve nedostajuće stilove i funkcionalnosti. Rezultat će biti takav da pomoću child teme mi zapravo prepisujemo sve one stvari iz roditeljske teme koje su nam se svidele, a umesto da dupliramo kod praveći celu novu temu iz početka, mi zapravo samo unutar child teme pregazimo, uradimo override roditeljske teme sa našim željenim funkcionalnostima, izgledom i ponašanjem.

Na kraju, trebalo bi napomenuti da se i roditeljske i child teme smeštaju unutar WordPress*ove strukture u wp-content/themes folder.

 

Registorvanje child teme se radi unutar foldera child teme upisivanjem na početku style.css fajla sledećeg koda:

 
/*
Theme Name: Moja Child Tema
Theme URL: http://skolaprogramiranja.com
Description: Twenty Seventeen Child Theme
Author: Laza Cvika
Author URL: https://portfolio-site-lazar-nikolic.web.app/
Template: twentyseventeen
Version: 1.0.0
Text Domain: twentyseventeen-child
*/ Css pravila za child temu idu nakon ove linije

Teme, vidžeti i dodaci u WordPress-u

Ukoliko ste pročitali prethodni članak o WordPress-u na ovom sajtu, vreme je da predjemo na sledeći nivo upoznavanja sa WordPress-om. Naime, trebalo bi da vidimo šta su to teme, vidžeti i dodaci za WordPress.

Za izgled vašeg WordPress sajta zadužene su dve stvari od ovih pobrojanih tri. To su teme i vidžeti. Temom se naziv askup fajlova koji su zaduženi za to da WordPress platformu obaveste o tome kako će izgledati prednji, korisnički deo vašeg sajta. Donekle, tema može modifikovati i izgled administratorskog panela. Kako će izgledati zaglavlje vašeg sajta, šta će se nalaziti sa leve, a šta sa desne strane vašeg sajta, sve se to odlučuje unutar teme WordPress-ovog sajta. Iako je već rečeno na prethodnim mestima da je WordPress lak za upotrebu administratorima, za pravljenje tema je ipak neophodno poznavanje programskih jezika koji se koriste za izradu Web sajtova i aplikacija. Teme se dakle mogu ili samostlno napraviti ili se jednostavno mogu kupiti.

 

Postoji nekoliiko vrlo poznatih sajtova gde programieri koji prave teme za WordPress sajtove prodaju svoja gotova rešenja za teme od kojih je najpoznatiji Themeforest. Tamo možete pronaći gotova rešenja koja je vrlo lako upotrebiti na vašem sajtu. Ono što bi trebalo da uradite je ili da folder sa temom ubacite u folder strukturu vaše WordPress instalacije, pa da je kroz administratorski panel uključite ili da je direktno kroz administratorsko okruženje WordPressa instalirate. Osim tema, za izgled vašeg sajta se brinu i vidžeti. Ukoliko imate, na primer, tekstualni sadržaj na vašoj stranici koji se proteže samo do polovine širine vaše stranice, a ostatak prostora je prazan, možete kroz administratorski panel reći vašoj WordPress temi da želite da se na toj desnoj, praznoj strani nalazi vidžet. Vidžet je zapravo mesto gde unutar šireg organizacionog prostora vaše stranice može dodati nove dodatne funckionalnosti vašem sajtu. Na primer, unutar vidžeta možete dati mogućnost posetiocima vašeg sajta da se uloguju u vaš sistem kao korisnici, da imaju pregled kalendara, da imaju vremensku prognozu i mmnoge druge stvari.

 

Ovim smo došli do dodataka ili plugin-ova WordPress sajtova. Uglavnom, sve ove dodatne funkcionalnosti koje sajtovi imaju, kao što je vremenska prognoza, uživo praćenje sportskih rezultata ili live dopisivanje sa drugim korisnicima sve se to odvija preko WordPress dodataka. Dodaci ili plugin-ovi su mali softveri koji se dodatno instaliraju unutar već postojeće WordPress instalacija kako bi WordPress sajtovima dali dodatne opcije i omogućavali nova ponašanja koja sama WordPress instalacija nije imala prilikom instaliranja. Plugin-ovi se dele na one koje korisnik vašeg sajta vidi i na one koji su samo za administratore. Dodacima se manipuliše kroz desnu stranu strukture admin panela. Kada idaberete dodatak koga želite da instalirate ili koji je već unutar vašeg sistema, u centralnom delu će vam biti ponuđene opcije za sve funkcionalnosti tog plugin-a i moći čete da birate ono što je vama za funkcionalnost vašeg sajta neophodno.

Struktura teme WordPress sajta

Ova slika sa leve strane je savršen prikaz strukture koju fajlovi unutar jedne WordPress teme moraju da imaju kako bi činili dobru i funkcionalnu temu unutar WordPress sajta. Naime, da bi WordPress prihvatio temu kao način na koji bi sajt trebalo da izgleda, ovakva struktura fajlova mora biti izpoštovana. Hajdemo onda da pogledamo šta nam ova slika govori…

 

Da bi tema uopšte mogla da se iskoristi na WordPress-ovom sajtu, neophodno je da ima  makar dva fajla. Jedan je index.php koji se nalazi srkoz desno na ovoj slici, a drugi je style.css. Šta rade ovi fajlovi. Index.php je fajl koji je najosnovniji fajl unutar jedne teme. Ukoliko ne postoji ni jedan drugi php fajl teme, onda je za celokupan izgled sajta zadužen index.php fajl. On je kao backup fajl koga ukoliko za određene vrste stranica WordPress ne pronađe prigodan fajl, on onda iskoristi index.php. Ukoliko korisnik želi da pogleda neki post na našem sajtu, a tema nema fajl koji je zadužen za single post, onda će se Wrodpress vratiti index.php-u da iz njega pričita i izvuče kako bi stranica koju je korisnik tražio trebalo da izgleda. Tako isto i za ostale stranice. Početna stranica sajta, takozvani homepage je nešto što obično vlasnici sajta žele da im izgleda drugačije u odnosu na ostatak sajta. Ukoliko ne postoji fajl koji je zadužen za to, WordPress se opet vraća index.php-u. Ovo je upravo i razlog zbog koga WordPress tema ne može da postoji bez index.php fajla. Svi ostali fajlovi unutar teme služe za dodatno ponašanje teme, za dopunsko prilagožđavanje izgleda sajta.

 

Sledeći fajl koji je verovatno i najpotrebniji je style.css. Ovaj css fajl služi da bi se u njemu registrovala tema, jer WordPress kao softver, kada traži teme koje bi mogle da se uključe sa strane admin panela, traži po folderima u kojima su smeštene teme stzle.css fajlove koji bi trebalo da se u folderu teme nalaze. Kao i svi ostali css fajlovi, i ovaj je zadužen za izgled svakog od elemenata koji se nalazi na sajtu. Dakle, ovaj fajl služi za registrovanje teme, kao i za prolagođavanje izgleda svakog od elemenata na stranici.

 

Na kraju, pored ove strukture prikazane na slici i fajlova koje smo pobrojali, vrlo je bitan i fajl koji se zove functions.php. U ovom fajlu bi trebalo da budu smeštene sve dodatne funkcionalnosti koje će omogućiti administratorskom delu sajta da komunicira sa korisničkim delom, kao i da omogući administratoru da radi prilagođavanje teme. Svaki novi plugin koji se instalira na sajtu, registruje se na WordPress sistem preko ovog fajla, te je za bilo kakvo prilagođavanje teme različitim korisničkim potrebama neophodno da ovaj fajl postoji unutar teme.

Kako se instalira WordPress?

WordPress je softver koji se koristi za razvoj web stranica. Budući da je softver, kao i svi ostali softveri, mora se instalirati na kompjuter kako bi mogao da se pokrene. Kompjuter na koga bi trebalo instalirati WordPress se obično zove server. Šta to znači? Serveri su kompjuteri kojima je dodeljena uloga da budu u internet saobraćaju zaduženi za “davanje odgovora”. Naime, kada vi u vašem pretraživaču ukucate internet adresu nekog sajta, sadržaj tog sajta se nalazi unutar nekog foldera na nekom kompjuteru.

 

Nakon što vi u pretraživaču ukucate adresu sajta i pritisnete Enter komandu, vaš pretraživa, preko DNS sistema, nađe na kom kompjuteru se nalazi sajt koga ste vi tražili i podnese zahtev tom kompjuteru da mu se taj sadržaj da. Taj kompjuter onda, na podneti zahtev odgovori sa sadržajem koji je povezan sa tom adresom tako što ili pošalje fajlove koji su povezani sa tom adresom, ili izvuče podatke iz baze podataka i te podatke u nekom formatu, obično JSON formatu, ponekad i XML-u, vrati nazad onom kompjuteru koji je zahtev i podneo.

 

Kompjuter koji prima zahteve i koji šalje odgovore se naziva server. Wordrpress o kojem govorimo, je softver koji se instalira na server kompjuteru. Medjutim, da bi WordPress uopšte obavljao posao za koji je namenjen, trebalo bi da na serveru prvo bude instaliran neki od sledećih programa: MAMPP, WAMPP ili XAMPP. Nakon što se instalira neki od ovih softvera koji služe da se napravi baza podataka, trebalo bi da skinete sa wordpressovog sajta najsvežiju WordPressovu instalaciju. Nju možete pronaći klikom na ovaj link.

 

Ukoliko ste već zakupili negde neki domen i hosting (obično su hostinzi radjeni u CPanel-u) potrebno je da u root folderu, folderu koji se nalazi na vrhu vaše hosting strukture, napravite folder čije će ime biti www i u njega ubacite celokupan sadržaj onoga što vam je došlo sa wordpress instalacionim paketom.

Ukoliko razvijate vaš sajt na lokalnoj mašini, u zavisnosti od toga koji ste od malopređašnje pomenutih programa skinuli (MAMPP, WAMPP ili XAMPP), potrebno je da odete u folder tih programa, koji se obično nalazi na C:// particiji vašeg kompjutera i da tamo napravite ili uđete u www folder i prebacite kompletan sadržaj vaše wordpress instalacije.

 

Sledeći korak je da odete ili na domen, ukoliko ste ga već zakupili, ili da odete preko pretraživača na adresu localhost i da samo propratite korake koje vam sama WordPress instalacija predlaže.

Instaliranje WordPressa je poprilično lako, te samo bi trebalo da pratite korake i uputstva koje vam WordPress predlaže.

Šta je to CMS, a šta je WordPress?

Od kada je sredinom devedesetih internet ušao u široku upotrebu, broj sajtova koji su se pojavljivali na internetu rastao je neverovatnom brzinom. Taj rast nije usporio n i do danas, te je broj sajtova koji sačinjavaju svetsku mrežu poznatu kao Word Wide Web astronomski.

U ranim danima svetske mreže, sajtovi su se sastojali od pojedinačnih HTML i CSS fajlova za svaku od stranica koje su sačinjavale jedan sajt. Ovakav pristup, osim što je bio neekonomičan u smislu internet resursa – brzine protoka i količine podataka koja se prenosila mrežom, bio je nezgodan iz još jednog razloga. Ljudi i firme koji su želeli da budu prisutni na svetskoj mreži, morali su da unajmljuju obučene ljude, programere, kako bi mogli da pune svoje sajtove novim ili da prepravljaju već postojeći sadržaj. Kako bi se prevazišao ovaj problem, te omogućilo ljudima i firmama da sami budu administratori svog prostora na internetu, smišljen je sistem za održavanje sajtova.

CMS ili Content Management System – Sistem za upravljanje sadržajima je softver načinjen od fajlova pisanih u četiri jezika. U pitanju su HTML, CSS, JavaScript i PHP. Ovaj softver se sastoji iz dva sloja. Jedan je ono što vide korisnici, a drugi je onaj koga vide i imaju mu pristup samo odabrani ljudi kojima je dodeljena uloga administratora sajta. Takav softver omogućava ljudima koji imaju administratorsku ili neku drugu ulogu na odabranom sajtu, da vrlo lako i jednostavno, menjaju sadržaj, strukturu, izgled i ponašanje web mesta za koga su zaduženi. Među najpoznatijim CMS sistemima na svetu nalaze se Joomla, Drupal i WordPress.

WordPress je dakle, najkraće rečeno, sistem za upravljanje sadržajima. WordPress je usled izuzetne upotrebne jednostavnosti vrlo brzo uspeo za sebe da izbori lidersko mesto medju CMS sistemima. Njegova lakoća upotrebe, brzina kojom radi i mogućnost da se bez gotovo ikakvog predznanja upotrebljava učinili su ga brojem jedan medju CMS-ovima. I ne samo to, već skoro trećina svetskog interneta se nalazi na WordPress sistemu. Zapravo, ovaj sajt na kojem se trenutno nalazite sačinjen je pomoću WordPress-a.

Ono što je za WordPress značajno jeste da je to opensource softver. Što znači da nije u vlasništvu nikakve korporacije, već ga održava planetarna zajednica entuzijasta i ljudi koji svoje developersko umeće koriste kako bi pomogli da se ovaj brzi i lak za upotrebu CMS omogući što većem broju ljudi za korišćenje. Postoji veliki broj i nacionalnih zajednica koje rade na prevodu wordpress-a na lokalne jezike, pa smo i mi dali naš doprinos ovoj svetskoj platformi koga možete naći klikom ovde.

Struktura admin panela u WordPress-u

Na slici sa leve strane nalazi se slika koja predstavlja kako izgleda prosečan administratorski panel u wordpress okruženju. Izuzetna jednostavnost korišćenja je predstavljena tako što su celine koje wordpress ima na admin panelu uokvirene u tri različite boje o kojima će sada biti više reči.

 

Žutom bojom je pri vrhu okviren gornji meni koji sadrži nekoliko stvari. U srkoz gornjem levom uglu nalazi se ikonica koja vas vodi na wordpress-ov sajt gde možete pronaći dokumentaciju o tome kako wordpress funkcioniše, ako i pomoć ili podršku za probleme koji eventualno mogu da nastanu korišćenjem ove platforme. Zatim, imamo link koji nas vodi do klijentske strane našeg sajta, onoga što vide posetioci našeg sajta., imamo potom skraćenice koje nas vode do skorijih komentara na sadržajima nešeg web mesta i imamo +New dugme koje nam daje mogućnost da ubacimo na sajt nov post, stranicu, medijski sadržaj i tome slično. Na kraju, u gornjem desnom uglu imamo ikonicu sa trenutno ulogovanim administratorom i to je klasičan upravljački servis za trenutnog administratora.

 

Crvenom bojom je uokviren meni koji se bavi izgledom i sadržajem sajta. Unutar tog menija je sve ono što je najvažnije za sadrža, izgled i ponašanje sajta. Tu imamo mogućnost da menjamo strukturu menija, da dodajemo nove menije ili brišemo stare. Takođe, tu možemo dodavati stranice za sajt, ali možemo i praviti postove – objave koje će se nalaziti ili unutar okvira već postojećih stranica ili će biti sastavni deo menija. na kraju, imamo Tools menija opcije da menjamo izgled sajta, njegove boje, njegove widget-e i da eventulano dodajemo plugin-ove koji dodaju nove funkcionalnosti našeg sajta. O svemu ovome možete pronaći na našem sajtu.

 

Na kraju, ono što je uokvireno plavom bojom, centralni panel, je radna površina. Kada odaberete neku od opcija unutar gornjeg ili levog menija, sve opcije i funkcionalnosti koje vam taj odabrani meni nudi naći če se unutar okvira plave boje. Tu ćete moći da dodajete tekstualni sadržaj postova ili stranica, kao i da upravljate widget-ima i plugin-ovima.

 

Sve u svemu, jednostavnost upotrebe administratorskog dela sajta je ono što je i učinilo WordPress toliko popularnom platformom za upravljanje internet sadržajima.