Šta je Joomla?

Odogovr na ovo pitanje nije težak. Joomla je CMS (Content Managment System)

koij podpada pod Open Source licencu i zbog toga je pored neospornog kvaliteta izuzetno

prihvaćen u svetu WEB dizajna i razvoja internet sajtova.

Ukratko svaki CMS želi da razvoji sadžaj od dizajna i programiranja sajta. Zadatak dizajnera

je da osmisli izgled sajta. Zadatak programera je da napravi "engine" (mašinu) koja će da

"tera" sajt a da izgleda onako kako je dizajner zamislio a zadatak

Imao sam negde zapisano par početničkih recepata za Joomlu i prilikom kopiranja instalacije i nekih template-a, slučajno je i taj spisak recepata otišao kod mog prijatela a

inače novopečenog joomliste. Taj prijatelj je baš insistirao da i ovih par receptića objavim na sajtu, pa rekoh da mu ispunim želju. Daleko od toga da sam neki Joomla majstor, nisam završio ni osnovnu Joomla školu ali možda nekom i ovo pomogne pa neka stoji.

Štete doneti neće, a kad nema štete možda i bude koristi. Odmah da vas upozorim da recepti nisu prošli lekturu ni u najmanjem obliku.

Kad nađem vremena biće bolje obrađeni a za sada će biti u ovom obliku. Naravno pišite ako imate neki vaš dobar ( a jednostavan) recept. Rado ću ga "prikačiti" na sajt.

1 Kako se prijaviti na CMS

 

Imamo dva nivoa on-line upravljanja sadržajem:

javni pristup - direktno na sajtu (mogu ga upotrebljavati administratori bilo kog nivoa)

pozadinski pristup - preko posebnog upravljačkog panela (mogu ga upotrebljavati samo superadministrator, administrataor ili menadžer)

Korisnike možemo podeliti u tri grupe:

javni korisnici (neregistrovani - nemaju nikakva prava izmene sadržaja) registrovani korisnici (nemaju nikakva prava izmene sadržaja - ali mogu imati neke

povlastice) specijalni registrovani korisnici (neki od 6 nivoa administratora - imaju pravo

izmena sadržaja)

 

Razlikujemo 6 nivoa administratorskih ovlašćenja (od najnižeg prema najvišem):

Javni pristup (direktno na Internet sajtu - online)

1.  autor - ima pravo samo da kreira članke, ali ne mogu da objavljuju niti da menjaju sadržaj koji su uneli drugi autori. Drugim rečima oni mogu da napišu nov članak (i da menjaju svoj stari članak) ali ne mogu da ga objave da se on vidi na sajtu, sve dok to ne uradi neki od administratora sa rangom editora ili većim.2. urednik - može da unosi sadržaj na potpuno isti način kao i autori, poput autora i dalje ne mogu da objavljuju sadržaj, ali mogu da menjaju sopstvene i tuđe tekstove, bez obzira da li su objavljeni ili ne.3. izdavač - imaju jednaka prava kao i urednici, ali i ovlašćenje da objavljuju članke na sajtu. Da ne bude zabune: članak može da postoji na sajtu ali sa oznakom neobjavljen, a tu oznaku izdavač ima pravo da promeni u objavljen (i tek tada postaje vidljiv posetiocima sajta).

Pozadinski pristup (sa pravom javnog pristupa takođe)

4. menadžer - ima sva prava koja ima i izdavač, ali i pravo privatnom pozadinskom pristupu, doduše sa najmanjim brojem opcija i menija.5. administrator - ima sva prava kao menadžer, i praktično sve administratorske funkcije sajta.6. superadministrator - ima sva prava kao i administrator, ali jedino on ima pravo da dodeljuje/ukida administratorska ovlašćenja registrovanim korisnicima.

 

Kao što vidite izrada web sajta sa dinamičkim CMS stranama pruža iznijansiranu kontrolu upravljanja sadržajem.

Dakle, prijavljivanje na sistem sa vašom administratorskom lozinkom (specijalni registrovani korisnik), prvi je neophodan korak u upravljanju sadržajem vašeg sajta.

2 Ažuriranje članaka u CMS (javni pristup)

 

Prvo se prijavite sa svojim korisničkim imenom (npr. Marko) i lozinkom, i ako je sve u redu sistem nas pozdravi.

Nakon prijavljivanja (kao specijalizovani registrovani korisnik), pored naslova primetićete sledeću ikonicu , koja vam omogućava da klikom na nju otvorite editor teksta u kojem odmah možete da uređujete vaš članak.

Nakon ažuriranja sadržaja, možete da zadate i ostale potrebne parametre, kao što su:

sekcija i kategorija u koju pohranjujete članak,

objavljivanje/(uklanjanje) [da/ne],

naslovna strana [da/ne],

nivo pristupa javni/registrovani/posebni korisnici itd.

Nakon klika na dugme Sačuvaj (opciono imate i dugme Odustani), vaše izmene su trenutno vidljive na sajtu.

3 Dodavanje novog članka u CMS (javni pristup)

 

Primetite da se nakon prijave (tzv. logovanja) na sistem, pojavio novi meni - Korisnički meni. On na pravi način odražava karakter dinamičkih web strana - one komuniciraju sa korisnikom.

Dodavanje novog članka je omogućeno opcijom Korisnički meni >> Podnošenje novog članka.

Nakon toga pojavljuje se isti editor teksta kao iz Ažuriranje članka u CMS.

 

Naravno, ovakav korisnički meni se pojavljuje samo ako ste se prijavili kao specijalizovani registrovani korisnik. (Ako je u pitanju običan registrovani korisnik, njegov Korisnički meni je znatno oskudniji - sadržaće samo opcije Vaši detalji i Odjava korisnika.)

4 Administratorski pristup (pozadinski pristup)

 

Privatni pozadinski pristup (poznat još kao administratorski pristup) ima zaseban panel i može mu pristupiti superadministrator i specijalni registrovani članovi sa posebno definisanim nivoom pristupa (administratori i menadžeri).

Iz ovog kontrolnog panela postiže se kompletna kontrola i najveću fleksibilnost upravljanja web sajtom.

5 Web dizajn i Joomla! CMS

 

Joomla! sistem za kreiranje  web sajtova baziran na modernim, dinamičkim rešenjima  i jedan je od vodećih sistema za upravljanje sadržajem. I ovaj sajt je napravljen primenom Joomla! CMS.

Takoreći neograničen broj proširenja omogućava pokrivanje raznovrsnih zahteva i potreba prilikom web dizajniranja. Zato predstavlja i najčešći izbor za poslovne ili kućne korisnike koji žele profesionalni izgleda sajta, koji je jednostavan za primenu tj. jednostavno se ažurira.

Pouzdan rad i robustan generisani kod je glavna odlika Joomla! sistema.

U odnosu na konkurentske sisteme Open Source (otvoreni kod - što znači besplatni softver) kao što su Wordpress i sl., Joomla se pokazuje kao kompletnije rešenje sa više funkcija - koje pružaju više fleksibilnosti.

Mnogi aspekti, uključujući jednostavnost upotrebe i proširivost, su učinili Joomla!-u najpopularnijim web sajt softverom koji je trenutno dostupan.

Sistem za upravljanje sadržajem (engl. Content Management System - CMS) nudi sofisticirana rešenja za online upotrebu jer upravo je ona glavna karakteristika CMS.

Joomla! se razlikuje od normalnog modela za upravljanje sadržajem softvera.  On je projektovan tako da radi (prvenstveno) sa drugim Open Source softverom kao što su PHP, MySQL, i Apache.

Kroz Joomla! CMS se uspešno kreiraju kvalitetna web rešenja, sajtovi, blogovi i posebno portali.

SEO

 

Optimizacija (načina pretrage) sajta (engl. Search Engine Optimisation - SEO), podrazumeva raznovrsne radnje i postupke tokom izrade i instalacije vašeg sajta na Internet. Te akcije će pomoći da sajt bude bolje rangiran kod pretraživača kakav je npr. Google, Yahoo i slični. Postupak optimizacije je dakle utkan u svaku fazu razvoja web sajta. Postoji mnogo načina da se dostupnost i posećenost sajta poboljša.

Neka istraživanja pominju da čak više od 50% posetilaca sajta sazna za njega preko pretraživača , tako da SEO postupci imaju značajnu ulogu u povećavanju rejtinga vašeg sajta kod gore navedenih pretraživača.

Ovo su ujedno i najpoželjniji posetioci, jer cilj njihove pretrage je pronalaženje sajtova koji zadovoljavaju zadate pojmove koje su uneli u polja za upit pretraživača - a ti pojmovi se nalaze na vašem sajtu. Nakon upita posetioci uglavnom dobijaju listu od više hiljada pa i miliona pogodaka (vidi sliku: Lista pogodaka). Ako je vaš sajt dobro optimizovan on će se pojaviti u listama pronađenih sajtova pretraživača među prvim stranicama liste pogodaka (vidi sliku: Prva stranica).

Lista pogodaka

Na postavljeni upit: "Izrada CMS web sajtova"

Prva stranica

Naš sajt na prvoj stranici Googl liste.

 

6 Najčešća pitanja u vezi izrade web sajtova

 

Izbor domena

Da bi vaš web sajt funkcionisao na Internetu, potrebno je da kupite ime (domen). Npr. ako je www.mojdomen.rs web adresa, tada je mojdomen.rs domen, a .rs je ekstenzija domena.

Domaće ekstenzije - .RS domeni  – pogodni su ako je ciljno područje posetilaca baš Srbija:

.rs  –  ekstenzija domena namеnjеn svim zaintеrеsovanim korisnicima – morate biti gradjanin Srbije ili firma sa sedištem u Srbiji

.co.rs – namеnjеn poslovnim korisnicima (firme, pravna lica) .org.rs – namеnjеn ostalim korisnicima koji su pravna lica; .edu.rs – namеnjеn obrazovnim ustanovama i organizacijama; .in.rs – namеnjеn korisnicima koji su fizička lica – uslovi registrovanja ovoga

domena su slični registraciji .rs domena, jedino je cena dosta manja

Medjunarodni najpopularniji domeni:

.COM domen je najpoplarniji domen u svetu. Ako ciljano tržište nije samo Srbija ili ako su vam nisu raspoloživi vaši omiljeni .rs domeni.

.NET domen je drugi po redu u popularnosti domena u svetu. U početku je bio namenjen isključivo web sajtovima čija je delatnost bila internet. Danas se on koristi kao savršena zamena za .COM domen.

 

Izbor provajdera za hosting i hosting plan

To je vrlo bitno pitanje. Nisu svi provajderi isti , niti je isti kvalitet njihovih usluga. Neki od njih čak ne mogu da pruže potrebne tehničke uslove za funkcionisnje CMS web paketa.

Nikako ne zakupljujte hosting pre konsultacije sa nama.

Za čega služi hosting? Možete na to da gledate kao Vaše iznajmljivanje server računara koji je javno dostupan na Internetu, na koga ćemo postaviti Vaš sajt, i koji će tada i sam postati dostupan i vidljiv na Internet mreži.

Hosting plan određuje kakve treba da budu specifikacije hostinga da bi to zadovoljilo potrebe vašeg sajta i vaše. A to su: tip servera, prostor na disku, protok, podrška, dostupnost itd.

 

Rokovi izrade sajta

Okvirno vreme izrade za najednostavnije dinamičke CMS web sajtove oko 7 dana , pa naviše zavisno od raznih uslova (složenost sajta,  vreme prikupljanja radnog materijala - fotografija, tekstova (njihovo osmišljavanje ako ih nemate pripremljene),  itd.

Dinamički web sajtovi i njihov izgled

To su CMS web strane (stranice, sajtovi), blogovi, portali, forumi, vesti, galerije slika, katalozi i slično. Po pravilu, koriste baze podataka koje se nalaze na web serveru.

Cena ovakvih sajtova je veća od onih za koje nije potrebno izradjivati baze podataka ili sličnu podršku, ali pružaju laku mogućnost izmena sadržaja.

 

Statični sajtovi

Statični sajtovi su jeftiniji ali su problematični (skuplji) za održavanje. Za svaku izmenu (makar to bilo i jedno slovo) morate se obratiti onom ko vam je sajt napravio i pruža vam servisnu podršku.

6.1 Kako bekapovati JOOMLA sajt?

četvrtak, 28 maj 2009 15:41 | Author: Djordje M. Stanic |    

Naravno postoji više načina. Ručno i pomoću neke od ekstenzija.

A. Pomoću ekstenzije (ovaj način automatski radi bekap baze, fotografija i svih ostalih

sadržaja sajta):

1. Instalirajte extenziju JoomlaPack na oba računara. (Ekstenziju možete downloadovati sa

adrese http://www.joomlapack.net/download/JoomlaPack-Components-download.html

2. Components > Joomla Pack > Backup Now će napraviti bekap celog sajta

Možete promeniti default lokaciju na koju se snima bekap pomoću komande Components >

Joomla Pack > Configuration > Basic > Output Directory > upišute putanju

3. Restore sajta na drugom serveru

4. Kopirajte u root fajl sa ekstenzijom *.jpa (to je onaj fajl u kome je zapakovan sajt)

5. i fajl pod imenom kickstart.php (to je php skripta koja će sve otpakovati i staviti na svoje

mesto)

6. Pokrenite kickstart.php pomoću komande www.imevašegsajta/kickstart.php

7. Izaberite Operational Method > Ajax

8. Extraction Method > Use ftp

9. host: ftp.ime_domena.com

     port: 21

     username: vase_ime

     password: vasa_sifra

     Initial directory: ime_domena.com

10. Pritisnite veliko zeleno dugme > START

11. Sačekajte da se izvrti raspakivanje sajta

12. Nemojte zatvarati ovaj prozor! Kliknite na linkovanu podvučenu reč here

13. Biće pokrenuta instalacija Joomle i popunite je kao i u odeljku o instalaciji

14. Korak broj 4 u instalaciji Joomle

Database

Database Type: mysql

Host Name: mysql.ime_domena.com

User Name: vase_ime

Password: vasa_sifra

Database Name: ime_domena_mysql

15. Kad završite sa instalacijom doći ćete do dela gde Joomla traži da se izbriše instalacioni

folder. Jednostavno ovo ignorišite i zatvorite prozor sa instalacijom Joomle.

16. kliknite na here u drugom pasusu I to je to. Imate kloniran sajt!

Ovaj način je zapravo i mnogo više od bekapovanja sajta. Ovo je pravo kloniranje, nešto

slično Norton Ghostu za Operativni Sistem. Na ovaj način mogu se pripremiti i template

joomla sajtovi sa preinstaliranim ekstenzijama koje se uglavnom koriste ili sa setovima slika

koje su često u upotrebi.

6.2 Mogućnosti CTD-a

petak, 18 februar 2011 19:31 | Author: Djordje M. Stanic |    

Creative Template Designer je moćan program koji obiluje funkcijama. Najlakše ćete se upoznati sa njim ako posvetite vreme i pregledate par video klipova koji objašnjavaju šta je sve ovaj program u stanju da uradi.

Upoznavanje sa mogućnostima Creative template Deigner-a.

Ukoliko biste ipak voleli da pročitate šta Creative template Designer može evo i liste

funkcionalnosti:

• Miš se koristi za sve operacije koje će biti navedene ŠTO I JESTE NAJVEĆA PREDNOST OVOG PROGRAMA

• Boxovi (divovi, modulske pozicije) se crtaju.

• Crtanje je moguće na više načina: pravougaonici, jednostruko deljenje boxa, višestruko deljenje boxa, jednostruko deljenje više boxova istovremeno

• Pomeranje celog boxa ili neke njegove stranice

• Moguće je spajanje više boxova

• Imenovanje boxova (to će biti ime modulske pozicije)

• Moguće je dodeliti da neki box bude „component"

• Margine, padding, border, align se takođe određuju mišem u realno vremenu

• Importovanje slike (ili više njih) koja će biti korištena za „precrtavanje"

• Postoje slojevi (slično kao Photoshopu) gde je moguće manipulisati slikama

• Slika može da menja svoju „providnost" radi lakšeg „precrtavanja"

• Slike je moguće postaviti kao pozadinu celog templejta ili samo nekog boxa

• Biranje boje pozadine za background i za svaki box pojedinačno

• Moguće je postaviti i više slika na istu poziciju

• Omogućeno je „slajsovanje" (isecanje) slika po boxovima kao što radi recimo Photoshop ali sa to razlikom da se ovde sve automatski dodeljuje divovima koje su automatski i modulske poyicije u Joomla CMS-u

• Svaka slika može da ima svoju orijentaciju u boxu

• Može se odrediti deo slike koji će biti patern (modla, šablon) koji je moguće ponavljati po horizontali ili vertikali ili po obe ose – gradijentalni slajs

• Postoji deo programa pod imenom Background Generator u kome korisnik na krajnje jednostavan način pravi pozadine za svoj sajt. Pozadine se naravno automatski prebacuju u željene divove i sve se to kodira u pozadini bez ikakve intervencije korisnika.

• CTD ima modul koji kreira izgled menija. Tu je moguće napraviti dropdown meni u par klikova, dodeliti animacione efekte, senke itd.

• Sve što je navedeno CTD prikazuje na ekranu a zatim sve to direktno i bez ikakve intervencije korisnika pretvara u Joomla šablon.

• Sve što izađe kao kod, prolazi validaciju po HTML-u i CSS-u

• Pravi se zip arhiva koja sadrži sve potrebne fajlove (index.php, templateDetails.xml, template css, slike i ostali fajlovi)

• Prilikom snimanja korisnik upisuje podatke o nazivu templejta, datumu nastanka, emailu i sve one ostale podatke koje idu u „description"

6.3 Kako da imate više šablona na jednom sajtu?

subota, 09 oktobar 2010 15:54 | Author: Djordje M. Stanic |    

Ne zvuči baš jednostavno! Sreća nije baš ni teško.

Udjete u administratorski panel,

Extensions -> Template Manager,

tu izaberete šablon (kliknite na njegovo ime) koji NIJE već izabran kao default šablon,

kliknite na dugme pored koga piše "Select from List" i sa liste izaberete ono što želite da bude prikazano u tom šablonu

6.4 Promena jezika

Možda ovo i nije ekstenzija ali se instalira kao ekstenzija i radi korisnu stvar. Posle instalacije

srpskog jezika sve poruke na sajtu su posle nje na srpskom a i sam administratorski deo

(bekend) je na srpskom.

Dakle,

download jezika na adresi http://joomlacode.org/gf/project/rstransl/frs/

instalirajte ga kao klasičnu ekstenziju preko Ekstensions > Browse > Instal

a onda posle uspešne instalacije idite na Extensions > Language Editor i kliknite srpski a

zatim na dugme Defualt i imaćete srpski kao jezik kojim priča vaša Joomla. To naravno

možete da uradite i za sajt i za administratorski deo.

6.5 Kako da promenim način prikazivanja imena fajlova u

browseru?

Da bi onaj predugački red koji vodi do fajla promenili u neki smisleni tekst treba da uradite

sledeće:

Preimenujte fajl htaccess.txt u .htaccess

U Global Settings promenite

Search engine frendly URL-s na YES

Use Apache mod_rewrite na YES

6.6 Kako da indeksiram sajt za Google pretraživač?

Idite na sajt xml-sitemaps.com i pratite uputstva (jednostavna su) i to je to.

7 KAKO NAPRAVITI OFFLINE PORUKU

Napisao Leftfield u sekciji Tutorijali u kategoriji Razna Podešavanja na 25 jul 2010

Kada vaš Joomla! sajt stavljate offline kako bi ste ga apdejtovali ili radi nekog drugog razloga, Joomla! je podešena da javi pretraživačima poruku 202 Accepted. Ova poruka daje pretraživačima na znanje kako je zahtjev za pregled sajta prihvaćen ali se ne može izvršavati i da će možda uskoro zahtjev biti prihvaćen.

Ovo i nije loše ali postoji i mnogo bolje rešenje: 503 Service Unavailable. Ova poruka daje instrukcije pretraživačima da vaš sajt nije trenutno dostupan ali da će uskoro biti. Ova poruka veoma jasno stavlja do znanja pretraživačima da je ova mjera privremena i da se desilo da sajt ne radi zbog održavanja ili je pao radi preopterećenja.

Ovo možete uraditi na sledeći način:

Pronadjite fajl /templates/system/offline.php i kopirajte ga u vaš šablon /templates/vaššablon/. Na ovaj način ništa neće uticati prilokom apdejta Joomla! sistema. Editujte fajl templates/vaššablon/offline.php i ubacite u njega sledeću poruku (prije <head>):

<?phpheader('HTTP/1.1 503 Service Temporarily Unavailable');header('Status: 503 Service Temporarily Unavailable');header('Retry-After: 3600');?>

Ova brojka 3600 su sekunde. Izmjenite je po vlastitom nahodjenju. Ne zaboravite da sredite naslov i da postavite neku lijepu stranicu i dodate neko objašnjenje korisnicima.

 

7.1 Šta je Joomla template?

Joomla šablon je skup datoteka u okviru Joomla CMS koje kontrolišu prezentaciju (prikaz) sadržaja. Joomla šablon nije veb sajt; takođe, nije kompletan dizajn veb sajta. Template je osnovni dizajn izgleda vašeg Joomla veb sajta. To znači da je potpuno odvojen sadržaj (koji se nalazi u bazi)i prezentacija, posebno kada se koristi CSS za izgled (suprotno od korišćenja tabela u index.php datoteci). Ovo je jedan od osnovnih kriterijuma modernih veb sajtova. Novi šablon i odatle kompletno novi izgled veb sajta može da se primeni brzo. Ovo je moguće čak i ako imate različite pozicije sadržaja kao i boja i grafika. Takođe koriste se i uslovne PHP komande za kreiranje prikaza kojim se dinamički određuje broj kolona u zavisnosti od sadržaja koji se objavljuje.

7.2 Od čega se sastoji Joomla template?

Šablon se sadrži od nekoliko datoteka i direktorijuma. Te datoteke moraju biti u /templates/ direktorijumu Joomla instalacije i u svom zasebnom poddirektorijumu. Što znači da ako imamo dva šablona instalirana, to bi izgledalo recimo ovako:

/templates/prvitemp

/templates/drugitemp

Primetićete da nazivi direktorijuma moraju imati isto ime kao i template, u ovom slučaju prvitemp i drugitemp. Uočljivo je da su „case sensitive“ (bitno je da li su mala ili velika slova) i ne mogu sadržavati razmake. U okviru template direktorijuma su ključne datoteke:

/prvitemp/templateDetails.xml

/prvitemp/index.php

Nazivi i lokacija ove dve datoteke moraju se podudarati sa onim kako se pozivaju iz osnovnog Joomla skripta.

7.3 Tipična struktura Template direktorijuma

Tipični template za Joomla! 1.5 sadrži sledeće direktorijume:

/css – sadrži sve .css fajlove /html – sadrži template “override” fajlove za osnovni izlaz i “module chrome” /images – sadrži sve slike koje koristi template

Osnovna struktura šablona treba da sadrži najmanje ove četiri datoteke:

7.3.1 templateDetails.xml

Ovo je XML format metadata file koji govori Joomla-i koje druge datoteke su potrebne kada se učitava strana koja koristi ovaj šablon. Obratite pažnju na veliko “D.” Takođe sadrži i ime autora, autorska prava i koje datoteke čine šablon (uključujući i slike). Na kraju služi i za instaliranje šablona kada se koristi admistratorski backend. templateDetails.xml mora sadržati nazive svih datoteka koje su sadržane u šablonu. Takođe sadrži i informacije kao što su autori i autorska prava. Neki od tih su prikazani u administratorskom delu Template Manager-a. Primer XML datoteke:

<?xml version="1.0" encoding="utf-8"?> <install version="1.5" type="template"> <name>TemplateTutorial</name> <creationDate>Maj 2008</creationDate> <author>ImeiPrezime</author> <copyright>GPL</copyright> <authorEmail> adresaautora@gmail.com </authorEmail> <authorUrl>www.urlautora.net</authorUrl> <version>1.0</version> <description>opis templatea</description> <files> <filename>index.php</filename> <filename>templateDetails.xml</filename> <filename>js/somejsfile.js</filename> <filename>images/threecol-l.gif</filename> <filename>images/threecol-r.gif</filename> <filename>css/customize.css</filename>

<filename>css/layout.css</filename> <filename>css/template_css.css</filename> </files> <positions> <position>user1</position> <position>top</position> <position>left</position> <position>banner</position> <position>right</position> <position>footer</position> </positions> <params> <param name="colorVariation" type="list" default="white" label="Color Variation" description="Color variation to use"> <option value="blue">Blue</option> <option value="red">Red</option> </param> </params> </install>

Objašnjenja:

<install version=“1.5” type=“template”>. Instrukcija za backend instaler. Opcija type=“template” govori instaleru da je reč o instalaciji šablona i da je za Joomla 1.5.

<name>TemplateTutorial15</name>. Definiše naziv vašeg šablona. Ime koje ovde navodite će se iskoristiti za kreiranje direktorijuma u okviru template direktorijuma. Zbog toga ne sme sadržati karaktere sa kojima sistem ne može da radi npr. razmaci. Ako instalirate manuelno, morate kreirati direktorijum koji se zove identično kao i ime šablona.

<creationDate>Maj 2008</creationDate>. Datum kada je kreiran šablon. Možete ga uneti u bilo kom formatu npr. May 2005, 08-June-1978, 01/01/2004, itd.

<author>Ime i Prezime</author>. Ime autora šablona. <copyright>GPL</copyright>. Sve informacije o autorskim pravima idu u ovaj

element. <authorEmail> adresaautora@gmail.com</authorEmail>. Email addresa autora. <authorUrl>www.urlautora.net</authorUrl>. URL autorovog veb sajta. <version>1.0</version>. Verzija šablona. <files></files>. Različite datoteke koje se koriste u šablonu, a njihovi nazivi se

stavljaju između <filename> tagova:

<files> <filename>index.php</filename> <filename>templateDetails.xml</filename> <filename>js/somejsfile.js</filename> <filename>images/threecol-l.gif</filename> <filename>images/threecol-r.gif</filename> <filename>css/customize.css</filename> <filename>css/layout.css</filename> <filename>css/template_css.css</filename> </files>

“files” sekcija sadrži sve generičke datoteke kao što je PHP izvorni kod šablona ili thumbnail image za pregled šablona. Svaka datoteka koja je navedena u ovoj sekciji je između <filename> </filename>. Takođe su navedene i dodatne datoteke kao što je npr. JavaScript koji šablon koristi.

Sve slike koje šablon koristi su takođe nabrojane u okviru <files> sekcije, takođe između <filename> </filename>. Informacije o putanji su relativne u odnosu na root

template-a. Npr. ako je šablon u direktorijumu 'YourTemplate', i sve slike su u poddirektorijumu 'images' tada je prava putanja: <filename>images/my_image.jpg</filename>

Na kraju sve CSS datoteke su navedene u<files> sekciji, takođe između <filename> </filename>, sa putanjom relativnom u odnosu na template root.

<positions></positions>. Pozicije modula koji se koriste u šablonu. <params></params>. Ovo opisuje parametre koji su ugrađeni kao napredne funkcije

šablona, kao što je npr. promena boje šablona.

7.3.2 index.php

Šta je index.php datoteka? To je kombinacija (X)HTML i PHP skripte koja određuje sve što se tiče prikaza i prezentacije stranice.

Šta sadrži index.php?

Prvo da vidimo kritični deo za dobijanje ispravnog šablona, DOCTYPE na vrhu u index.php datoteci. Ovo je deo koda koji ide u sam vrh svake veb strane. U vrhu naše strane mi imamo sledeće:

<?php // no direct access defined( '_JEXEC' ) or die( 'Restricted access' ); ?><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

Prva PHP naredba koja osigurava nemogućnost direktnog pristupa datoteci iz bezbednosnih razloga.

DOCTYPE je jedna od fundamentalnih komponenti – kako se veb strana prikazuje u browseru, posebno, kako browser interpretira CSS.

Možete koristiti različite DOCTYPE. Osnovno, DOCTYPE (document type declaration) govori browseru kako da interpretira stranu.

HTML 4.01specificira tri tipa: Strict, Transitional i Frameset.

Sledeće je XML naredba (posle DOCTYPE):

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="<?php echo $this->language; ?>" lang="<?php echo $this->language; ?>" >

Šta sačinjava <head>?

<?php // no direct access defined( '_JEXEC' ) or die( 'Restricted access' ); ?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="<?php echo $this->language; ?>" lang="<?php echo $this->language; ?>" ><head>

<jdoc:include type="head" /><link rel="stylesheet" href="/templates/system/css/system.css" type="text/css" /> <link rel="stylesheet" href="/templates/system/css/general.css" type="text/css" /> <link rel="stylesheet" href="/templates/<?php echo $this->template ?>/css/template.css" type="text/css" /> </head>

<?php echo $this→language; ?> uzima jezik definisan u Global Configuration.

Sledeća linija je uključivanje još nekih header informacija:

<jdoc:include type="head" />

Ovo su sve header informacije koje su podešene u Global Configuration. Sadrže sledeće tagove (u podrazumevanoj instalaciji):

<title>Welcome to the Frontpage</title> <meta name="description" content="Joomla! - the dynamic portal engine and content management system" /> <meta name="generator" content="Joomla! 1.5 - Open Source Content Management" /> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta name="robots" content="index, follow" /> <meta name="keywords" content="joomla, Joomla" /> <link href="/?format=feed&type=rss" rel="alternate" type="application/rss+xml" title="RSS 2.0" /> <link href="/?format=feed&type=atom" rel="alternate" type="application/atom+xml" title="Atom 1.0" /> <script type="text/javascript" src="http://localhost/Joomla-1.5RC2/media/system/js/mootools.js"></script> <script type="text/javascript" src="http://localhost/Joomla-1.5RC2/media/system/js/caption.js"></script>

Neke od ovih header informacija su kreirane u letu u zavisnosti od specifičnosti strane odnosno sadržaja koji je u njoj. Sadrži i brojne metatags[md]the favicon, RSS feed URLs, i neke standardne JavaScipt datoteke.

Poslednje linije u headeru definišu link sa CSS datotekom:

<link rel="stylesheet" href="/templates/system/css/system.css" type="text/css" /> <link rel="stylesheet" href="/templates/system/css/general.css" type="text/css" /><link rel="stylesheet" href="/templates/<?php echo $this->template ?>/css/template.css" type="text/css" />

Prve dve datoteke system.css i general.css sadrže neke genričke Joomla stilove. Najmanje jedan je CSS za šablon, ovde nazvan template.css. PHP code <?php echo $this→template ?> vraća ime tekućeg šablona. Pisanje u ovom formatu a ne pisanje prave putanje čini kod više generičkim. Kada kreirate novi template možete kopirati ceo header koda bez da morate išta menjati.

Template CSS datoteka može biti više, npr. uslovni za različite browsere. Ovo je za IE6:

<!--[if lte IE 6]><link href="/templates/<?php echo $this->template ?>/css/ieonly.css" rel="stylesheet" type="text/css" /><![endif]-->

Ovo je primer za korišćenje template parametara:

<link rel="stylesheet" href="/templates/<?php echo $this->template ?>/css/<?php echo $this->params->get('colorVariation'); ?>.css" type="text/css" />

Naš <body> kod u index.php je:

<body><div id="wrap"> <div id="header"> <div class="inside"> <?php echo $mainframe->getCfg('sitename');?> <jdoc:include type="modules" name="top" /> </div> </div> <div id="sidebar"> <div class="inside"> <jdoc:include type="modules" name="left" /> </div> </div> <div id="content"> <div class="inside"> <jdoc:include type="component" /> </div> </div> <div id="sidebar-2"> <div class="inside"> <jdoc:include type="modules" name="right" /> </div> </div> <div id="footer"> <div class="inside"> Powered by <a href="http://joomla.org">Joomla!</a>Valid <a href="http://validator.w3.org/check/referer">XHTML</a> <a href="http://jigsaw.w3.org/css-validator/check/referer">CSS</a> </div> </div></div><!--end of wrap--></body>

Pozicioniranje modula?

Ova linija ubacuje lokaciju modula:

<jdoc:include type="modules" name="right" />

Puna sintaksa je sledeća

<jdoc:include type="modules" name="LOCATION" style="OPTION" />

Detaljniji opis nalazi se u delu o modulima

7.3.3 template.css

CSS datoteka šablona uređuje prezentacioni deo šablona, odnosno font, margine, zaglavlja, itd… Lokacija direktorijuma je opciona, ali morate ga tačno navesti u index.php datoteci. Možete ga zvati kako želite. Moguće je imati i više CSS datoteka.

7.3.4 template_thumbnail.ext

Zamenite .ext sa nekim od formata slika (.jpg, .png, .gif) Generalno to je slika u formatu 200×150 pixela koja prikazuje izgled strane kada se kursorom pređe preko naziva šablona u Template Manager-u. Ovo omogućava administratoru da vidi kako izgleda template pre nego što ga primeni na sajt.

How to create a Joomla template with Dreamweaver?

Most template developers use Dreamweaver when creating new templates. This is the most commonly used WYSIWYG editor and it certainly is the best choice if you decide to create your own Joomla template.

 

There are additional tools which will assist you in the creation of your Joomla template. One such tool is the Joomla Template Kit extension for Dreamweaver.

 

With this extension you can create templates for both Joomla 1.0.x and 1.5.x.

 

Please note that this extension is a commercial product and cannot be downloaded for free.

 

SiteGround provides the best Joomla hosting and we will help you with any questions/problems you may have regarding your Joomla application.

How to reset my Joomla administrator password?

Joomla's admin username can be easily changed with a simple MySQL query. The most convenient way to manage the database is through the phpMyAdmin tool. Go to your cPanel and click on phpMyAdmin in the Databases box. (If you are not using cPanel or do not have phpMyAdmin, you can run the query directly for Joomla's database.)

Once in the phpMyAdmin select the Joomla database from the drop-down menu at left. The page will refresh and the database's tables will be displayed on it. Open the SQL tab (look at the top navigation bar).

In the text field write the following SQL query:

UPDATE `jos_users` SET `password` = MD5( 'new_password' ) WHERE `jos_users`.`username` = "admin" ;

"new_password" - replace this with the new password you wish to use."admin" - replace this if your admin username is different.

Once you are ready, click on the GO button to submit the query. If everything goes fine without errors, you should be able to login to Joomla with the new password.

Note: These instructions are valid both for Joomla 1.5 and Joomla 1.0.*.

 

If you have problems resetting the password yourself, ask your host for assistance. SiteGround provides the best Joomla hosting and such requests are handled with ease.

How to migrate my local Joomla installation to the Joomla installation on my hosting account

First you should know that your Joomla application (portal) consists of two components: Joomla files and Joomla database.

The files and folders of your Joomla application contain the scripts and core application code.

The Joomla database contains all records for your website such as your site sections, categories, articles, etc.

Let's assume that you are running your own *LAMP or *WAMP webserver or you have a web hosting account with another company. You should know the root directory where your Joomla installation resides. It is often called httpdocs, public_html or www. Those are the so-called web server root directories. So let's suppose that your Joomla application in installed under your web server root directory.

 

The first thing you have to do when you want to transfer your Joomla applications to your SiteGround server, is to copy the entire content of your web server root directory straight into the public_html folder of your SiteGround web hosting account. Note that if you would like the site to be available via a sub-directory/sub-domain for your primary domain name it should be uploaded to the corresponding directory under public_html.

 

If you are running your own server probably you have already had your Joomla site files on your hard drive. In case you are hosting your account on a remote machine, simply download your Joomla site files and directories (please mind that you should keep the directory structure intact) on your desktop PC by using your favorite FTP client. (You can find here how to backup your Joomla site.)

 

Once the download is finished, you should connect to your SiteGround FTP account, change your current working directory to the public_html one (this is the root/main folder for your website) and drag and drop your Joomla files and folders from your desktop PC to your public_html folder.

 

The next step is to create a full dump of your Joomla MySQL database. If you are running your own *WAMP or *LAMP server probably you already have the phpMyadmin tool installed. If you are using different web hosting provider, they should provide you with access to a database management tool. Here we assume that you are managing your databases with phpMyadmin as it is the most popular tool for administrating MySQL databases.

 

Once you are logged in to your phpMyadmin tool, backing up (exporting) your database is simple. First choose your database from the left menu. Then click the Export tab. Select all the tables, check Add DROP TABLE and Save as file. Leave all other options untouched. Finally click on Go and the database dump will be downloaded to your PC. (You can find here how to export your database.)

 

The next step we should take is to import your database dump to your SiteGround account.

 

To do that you should go to your cPanel area and create a brand new database with a name of your choice. Please mind that you can create databases only from your cPanel area. You cannot execute CREATE database; MySQL statement from the phpMyadmin tool. Once you've created your new database, please create a new database username and add it to the database you have created during the previous step. For detailed instructions on MySQL database creation you can refer to the video tutorial for creating MySQL database and user in cPanel.

 

We assume that you have created your MySQL database and the next step is to go into your SiteGround phpMyadmin interface.

 

To restore (import) a database in phpMyAdmin, first choose the database you'll be restoring from the left menu. Then click the Import tab. You have the option of importing a .sql file. Use the “Browse” button to find it on your pc and then click “Go” at the bottom.

 

If you receive an error message which says access denied, you should open the database dump file you have downloaded on your desktop PC with your favorite text editor and look for lines that may contain CREATE database db_name; and/or USE db_name; mysql statements. If you find any simply delete them and try to re-import the dump. If you run into trouble our friendly technical support team is available 24/7 and ready to help you.

 

Here we go. The final step is to adjust the core settings which are defined in your main Joomla configuration.php file. Go to your SiteGround File Manager, change the current working directory to public_html and if you have followed the steps mentioned above correctly you should be able to easily locate configuration.php file in there. Open it for editing.

 

Below are the main variables you need to adjust so they can fit to your new SiteGround hosting enviroment:

$mosConfig_host = 'some.host.com';$mosConfig_user = 'some_db_user';$mosConfig_password = 'some_db_password';$mosConfig_db = 'some_db_user';$mosConfig_absolute_path = '/path/to/your/joomla/root/folder';$mosConfig_live_site = 'http://url.to.your.joomla.site.com';$mosConfig_cachepath = '/path/to/your/joomla/root/folder/cache';

 

Examples provided above are the core Joomla configuration variables you have used with your desktop/home LAMP/WAMP server or with your previous host.

 

In order to make your Joomla site run on your SiteGround account you should adjust them as follows:

$mosConfig_host = 'localhost';$mosConfig_user = 'yourSGusername_mysqluser';$mosConfig_password='the_password_you_have_defined_during_the_mysql_username_creation';$mosConfig_db = 'yourSGusername_mysqldb';$mosConfig_absolute_path = '/home/yourSGusername/public_html';$mosConfig_live_site = 'http://your-siteground-domain.com';$mosConfig_cachepath = '/home/yourSGusername/public_html/cache';

 

You should replace yourSGusername_mysqluser with the MySQL username you have created during the database setup process mentioned above. This also aplies for the password

for this username and for the database name. You should also replace yourSGusername with the username you are using for your SiteGround cPanel area.

$mosConfig_live_site is also essential and you should put the domain name you are using with your SiteGround hosting account there.

 

If you have correctly followed the instructions mentioned above and your domain name properly points to the DNS servers of your SiteGround hosting account, you should be able to see your Joomla portal.

 

*WAMP HTTP Server with Windows, Apache, MySQL and PHP*LAMP HTTP Server with Linux, Apache, MySQL and PHP

For more information on how to manage your Joomla, you can visit our Joomla tutorial.

Note: The above instructions are for Joomla 1.0.*. In order to migrate a local Joomla 1.5 please follow these instructions.

 

If you have problems migrating your Joomla yourself, ask your host for assistance. SiteGround provides the best Joomla hosting and such requests are handled with ease.

How to move Joomla to another directory?

Many web designers prefer to build their websites in test folders and when their development is over to move their Joomla applications to the root folder of their hosting accounts.

For the purpose of this article let us presume that we have a Joomla 1.5 installed in the public_html/test folder in our account and we want to move it to the public_html directory so that it will be directly accessible through www.yourdomain.com.

This change consists of the following steps:

1. Move all of the files and folders from your Joomla folder to the new directory. In our case from public_html/test to public_html

2. Reconfigure your application. You should edit your configuration.php file and make the following changes in it:

Change: var $log_path = '/home/user/public_html/test/logs';To: var $log_path = '/home/user/public_html/logs';

Change: var $tmp_path = '/home/user/public_html/test/tmp';To: var $tmp_path = '/home/user/public_html/tmp';

Change: var $ftp_root = '/public_html/test';To: var $ftp_root = '/public_html';

Change: var $live_site = 'http://www.yourdomain.com/test';To: var $live_site = 'http://www.yourdomain.com';

 

3. Remove the content of your cache folder (public_html/cache in our case)

Now when you reload your website it should be working flawlessly from its new location.

 

If you have problems moving your Joomla to another directory, ask your host for assistance. SiteGround provides the best Joomla hosting and such requests are handled with ease.

Joomla Template Step By Step Tutorial: If we are lazy, we can use Dreamweaver to help us write XHTML code. We can use template page that exist at Dreamweaver feature. In this post, we will talk how to make Joomla template use Dreamweaver CS3. But, before continue; please understand about module's and component's position at here. Better, if you read this post too.

1. First, open your Dreamweaver CS3. Click File > New. You will get New Document Dialog Box.

2. Choose Blank Page. 3. Choose PHP. 4. Choose 3 column liquid, header, and footer.

5. Click Create button. 6. In document toolbar, click Split. We can see page as code and design.

7. Please understand that we will write position code like following image:

For example, we rewrite for header like this:

Next, insert all position code like this:

8. Save this file as "index.php" within joomla/templates/dm3 (create folder named "dm3").

9. Create a file named TemplateDetail.xml within joomla/template/dm3. Enter following code:

10. Now, login as administrator. 11. Then click extensions > template manager. 12. Choose dm3. 13. Click default.

Now, point your browser to Joomla frontpage (http://localhost/joomla). You should get like this: