Joomla upute za koritenje

Joomla 1.0 Vodi za poetnike Autor: Russell Walker (www.netshinesoftware.com) Prijevod na Hrvatski: eljko Mri zeljko.mrsic@zd.htnet.hr Obrada i dorada ovog vodia te konvertiranje u PDF oblik BIT Bendin Internet Technology http://www.webpromohosting.com

UPOZNAVANJE Ovo je kratko upoznavanje sa Joomla CMS-om. Koristite ovaj vodi za upoznavanje sa osnovnim funkcijama te kao podsjetnik kako koristiti neke stavke unutar aplikacije. Jednom kad se upoznate sa osnovnim funkcijama potrudite se upoznati i sa originalnom Joomla dokumentacijom kako bi vae web stranice bile to bolje i unikatne. OSNOVNI PRINCIPI-VANO! Prije nego shvatite kako koristiti Joomla sistem morate shvatiti osnovne principe. Zato molimo da proitate donji tekst jer ako njega preskoite moda e te imati potekoa u daljnjem upoznavanju. Kao CMS (Sistem za upravljanje sadrajima) Joomla je stvorena da bi organizirala vae website sadraje (tekst, slike itd.) To znai da morate misliti o vaem website-u kao o sadraju struktura prije nego kao o krajnjem rezultatu (web stranicama). Aktualni izgled vaih tema (predloaka) na stranicama su potpuno odvojeni od 'sadraja'. Boje, font, slike, poravnanja na predloenoj web stranici se mogu mijenjati te isto tako moete kreirati vlastite predloke uz pomo koji moete potpuno mijenjati izgled website-a. Za izradu vlastitih predloaka potrebno je imati neto znanja iz HTML i PH jezika i nekih drugi zato se u ovom vodiu neemo baviti s njima. Detaljnije oko instalacije predloaka obraeno je pri kraju ovog dokumenta. Nakon to ste izabrali predloak odnosno otvorili ste joomlu i pred vama se nalazi Joomlin predloak (web stranica). Moete zapoeti sa radom te poeti upravljati te umetati vae vlastite sadraje. Vai sadraji (tekst, slike, video..) mogu biti organizirani u sekcijama i kategorijama: Sekcije su kao kontejneri koji sadre jednu ili vie kategorija. Kategorije su kontejneri koji sadre jedan ili vie sadraja. Sadraji su svi oblici sadraja (slike, video, tekst itd.) koji ine vae web stranice. Na primjer, ako imate nekog klijenta koji se bavi investicijama (ivotno osiguranje) te on eli objaviti svoje usluge na Internetu. Klijent eli da se na stranicama prikae nekoliko razliitih naina, opcija investiranja. Morat e te napraviti sekciju koju emo nazvati 'investments, koja sadri kategorije pod nazivima 'Life Insurance', 'Savings' and 'Stocks and Shares'. U 'Life insurance' kategoriju moete ubaciti jedan ili vie sadraja koje opet moete povezati sa nekim drugim kategorijama. Da bi ste ubacili novi tekst na web stranicu morate dodati tekst odnosno (sadraj) u kategoriju te kategoriju dodati u sekciju. To znai da prije nego zaponete sa radom morate paljivo razmisliti koje sekcije i kategorije morate napraviti da bi ste ubacivali sadraj. Mogue je i kasnije premjetati sadraj u drugu kategoriju ili sekciju ali je puno lake i jednostavnije da odmah na poetku osmislite strukturu. Nakon to ste definirali sekcije i kategorije te ubacili sadraj on se nee odmah vidjeti na web stranicama osim ako ga odmah ne objavite (upload ,publish). Ovo je zgodno jer moete nesmetano raditi na izmjeni sadraja na vaim stranicama te kad ste zadovoljni sa izmjenama moete ih lako objaviti. Moete ak namjestiti opciju da se stranice izmjene odnosno sadraj

objavi na odreeni datum koji ste namjestili ili ak da se sadraj izbie sam tako to e te definirati kad je kraj pojedinog sadraja (npr. neka vijest itd.) ak i kad su vae sekcije, kategorije i sadraj objavljeni treba vam nain na koji e posjetitelji vaih web stranica moi upravljati sadrajima koje hoe. To znai da morate stvoriti tako zvani 'menu' sistem (kontrole) koje e povezati (link) vae sadraje s njima. Sekcije, kategorije te sadraj koji smo opisali slue prvenstveno za vau organizaciju unutar administratora. Posjetitelji vaih web stranica e vidjeti te sadraje upravo preko 'menu' kontrola na vaim web stranicama, one su kao svojevrsni 'prozor' u vae sadraje. Da zakljuimo, vi kao administrator gradite va website kao hijerarhiju sekcija, kontrola i sadraja. Kad ste zadovoljni sa vaim uratkom poveete sve to sa 'menu' kontrolama (linkate). Menu kontrole moete povezati i sa sekcijama i sa kategorijama ili direktno na sadraj. Ako menu kontrole poveete sa kontejnerom sekcija posjetitelj e vidjeti sadraj sekcija a to su kategorije, isto tako ako poveete menu kontrole sa kategorijama posjetitelj e vidjeti u pregledniku sadraj kategorija. Takoer moete direktno povezati pojedini sadraj unutar sekcija ili kategorija. LOGIRANJE U JOOMLA! Da bi ste pristupili administratoru i vaem control panelu koristite vau web adresu npr. www.mojastranica.com/administaror, ovo e vas odvesti na dole prikazanu log-in formu. Administrator koji se pokree preko lokalnog servera obino se nalazi na adresi http://localhost/croJoomla/administrator .

Ukucajte username i password i otvorit e vam se prozor odnosno va control panel gdje imate pristup svim funkcijama. Moete se vratiti na ovu poetnu stranu kad god to poelite tako to e te kliknuti na izbornik 'home' (pogledaj sliku2)

slika2

KREIRANJE SEKCIJA Prva stvar koju emo napraviti je da emo kreirati sekciju na nain kako je prikazano na slici3. Ovo moemo uiniti iz izbornika 'content' ili preko ikone 'section manager' Slika3

Ovo e vas odvesti u 'section manager' prozor gdje moete umetati ili brisati sekcije. Primjer prozora moete vidjeti na slici4, unutar prozora ve se nalaze sekcije 'news', 'frequently ask questions' i sekcija nazvana 'newsfalshes'. Ako elite otvoriti pojedinu sekciju samo kliknite

na sekciju koja je oznaena crvenim slovima, ako elite stvoriti novu kliknite na ikonu 'new' u toolbaru. Slika4

Ovo e vas odvesti u 'section editor' (prozor za ureivanje sekcija). Obino kad se otvori editor izbornici na vrhu (mainmenu) ukljuujuu i opciju za vraanje na poetak 'home' su iskljuene. Nemojte paniariti postoje dobri razlozi zato je to tako. Naime kad god vi otvorite editor on se zatvara to znai ako se sluajno netko drugi od administratora spoji na isti editor on e vidjeti da netko ve radi u tom editoru. Ako elite ponovno otkljuati gumbe (mainmenu) morate kliknuti na ikonu (gumb) 'save' ako elite spremiti promjene ili 'cancel' ako elite izai iz editora. Nakon toga ponovno e te imati pristup izbornicima na vrhu (mainmenu). 'Section editor' vam omoguuje da unesete 'title' i 'name' za vau sekciju te bilo koji uvodni tekst koji elite umetnuti. 'title' je obino jedna ili dvije rijei koje predstavljaju menu kontrolu ili listu, dok je 'name' obino malo vie rijei koje obino poslue za manji naslov (natpis) itd. Moete koristiti isti tekst za 'title i za 'name' po elji. Moete takoer odabrati sliku koja e se pridruiti sekciji kliknite 'image'. Svoje slike moete ubacivati pomou 'Media Menager' za vie o ovome pogledaj www.help.joomla.org . 'Image position' vam omoguuje da centrirat sliku. Za sada emo preskoiti druge opcije i skoknuti na 'Description' veliki bijeli okvir za tekst na dnu (slika5).

Slika5

'Description' tekstualni editor je prostor gdje moete unijeti opis sadraja vae sekcije. Zapamtite da e sadraj vae sekcije biti jedna ili dvije kategorije, to znai da e krajnji korisnik odnosno posjetitelj vae web stranice vidjeti ovaj opis. Za unos teksta moete se sluiti izbornicima na vrhu tekstualnog editora npr. za promjenu fonta (bold, italic, regular...), moete mijenjati boju i razne druge parametre te unositi pozadinsku sliku itd. Ostatak izbornika je slian kao u svakom drugom tekstualnom editoru npr. Word. Pogledaj sliku6. Slika6

Kad ste zavrili sa unosom teksta i ureivanjem kliknite 'save' kao to je prikazano na slici5 to e vas vratiti u 'section manager' prikazan na slici4. Za spremanje moete koristiti i gumb 'apply'. KREIRANJE KATEGORIJA Kreiranje kategorija je gotovo identino kao i kreiranje sekcija. Iz control panela slika2 moete pokrenuti ikonu 'category manager' ili moete kroz izbornike na vrhu 'content' slika3. Category manager izgleda kao i section manager sa par noviteta: u padajuem okviru ' select section' gore desno moete odabrati postojeu sekciju u koju elite postaviti kategoriju ili postojeu kategoriju premjestiti u drugu sekciju itd. Vidi sliku7 Slika7

Kada kliknete na 'new' gumb ili na link na postojeu kategoriju otvorit e se 'category editor' koji je pogaate potpuno isti kao i 'section editor' (slika5) s jedinom razlikom to u njemu imate opciju (padajui okvir) za odabir sekcije.

KREIRANJE SADRAJA Sljedea stvar je da kreirate sadraj 'create content item'- to je obino tekstualni sadraj koji e te umetnuti unutar neke kategorije. Nekoliko je naina kako ovo moete uraditi. 1) Moete otii u neku sekciju preko 'content by section' ili 'content' izbornika na vrhu (to e vas odvesti na listu kategorija u toj sekciji). 2) Kliknite na 'content item manager' na control panelu ili na 'all content item' u 'content' izborniku na vrhu (ovo e prikazati sve sadraje u sekcijama) 3) Kliknite na 'add new content' na control panelu to e vas odvesti ravno u 'content item editor'. Slika10 Slika 8 (prikazuje pristup 'content item manager') Za upravljanje sadrajima. Slika 8

'Content item manager' izgleda kao na slici 9

Slika9

Kada kreirate va sadraj imate nekoliko dodatnih opcija. Kako je prikazano na slici 10 'content item manager' je podijeljen na dva tekstualna editora. Ovo vam omoguuje da razbijete va sadraj na dva dijela ako to elite naravno. Razdvajajui va sadraj na ovaj nain omoguuje vam se da prikaete va sadraj u popularnom 'blog' ili 'journal' stilu. 'Blog' stil je popularan nain koji prezentira npr. kratke naslove koji su ujedno i link na cijeli sadraj. To mogu biti naslovi sadraja ili dio poetnog teksta sadraja. Posjetitelj stranica najprije vidi kratak opis sadraja te odluuje da li e proitati cijeli ili ne, ako eli proitati cijeli sadraj klikne na link i otvori mu se cijeli sadraj (koji smo upisali u donji dio editora). Ako ne elite koristiti 'blog' stil moete jednostavno odmah u prvom tekstualnom editor upiite cijeli sadraj a drugi ostavite prazan. Pogledaj sliku 10

Slika 10

'Opisni okvir' (publishing info) (slika10 desno) donosi ekstra opcije za upravljanje sadrajem. Slika 10 do slika14 opisuje prve etiri stavke unutar 'opisnog okvira' (publishing info) . Zadnja stavka je obraena u slici 15.

Slika11

slika12

Kada elite koristiti sliku pri unosu sadraja koristite specijalni gumb 'mosimage' koji se nalazi pri dnu tekstualnog editora lijevo (vidi sliku10). Kada kliknete na gumb u tekstualnom editoru e se pojaviti slova uokvirena vitiastim zagradama koja izgledaju ovako {mosimage} Ova slova su svojevrsni kontejner koja govore joomli to mora napraviti a to je da ubaci sljedeu sliku iz 'content image' na to mjesto. Slika se nee vidjeti dok ne otvorite web stranicu. 'mosimage' moete koristiti nebrojeno puta joomla e svaki puta ubaciti sliku iz liste lijevo samo pazite da tono odredite sliku uz pomo 'up' i 'down' gumba. NAPOMENA: Moete koristiti i gumb 'media manager' da bi ste ubacili sliku. Slika e u tom sluaju biti dostupna u folderu u padajuem okviru ispod liste 'gallery image' (slika12), samo odredite u kojem se folderu nalazi.

Slika 13

Mnogi od ovih parametara moete namjestiti na tzv. Globalnoj razini da budu svi isti. Isto tako moete po elji odrediti pojedine detalje. Zadrite mi preko naslova koji su podcrtani isprekidanim crticama. Pojavit e se opis to svaki naslov (tab) predstavlja. Slika 14

KREIRANJE MENIA 'MENU' Kad smo kreirali sadraj do sada moramo omoguiti posjetiteljima stranica da pristupe informacijama koje smo unijeli. To moemo omoguiti na jo jedan nain a to je da poveemo informaciju (sadraj) uz pomo linka. Posjetitelj jednostavno klikom na link odnosno na gumbe u 'menu' izbornicima na stranici moe pristupiti direktno odreenom sadraju. Unutar Joomle moete kreirati jedan ili vie izbornika 'menu'. Zbog opirnosti u ovom kratkom vodiu emo se koncentrirati samo na jedan 'mainmenu' koji je ujedno i najkoriteniji oblik 'menu' izbornika. Svaki drugi se koristi na isti nain. Menu je ustvari skup linkova to su obino (home, kontakt, faq .....) ili bilo koji naziv koji vi odredite. Raspored 'menu' izbornika ovisi o vaem predloku (templates) i ili o modulima koji su povezani sa izbornicima. To dakle moe biti obian tekst koji je ujedno i link ili malo kompleksniji izbornici koji sadre jo i podizbornike itd. Najlaki nain za povezivanje sadraja sa 'menu' izbornicima je da oznaite izbornik 'menu' te kliknete na gumb 'link to menu' (slika 15). Ovaj nain je ponekad ograniavajui. Slika 15

Alternativni nain za povezivanje i mnogo bolji je da koristite 'menu manager' tako to e te selektirati 'mainemenu' unutar menagera, ovisi kad vam to i gdje pae. Vidi sliku 16

Slika 16

Ovo e vas odvesti u 'menu manager' u 'mainmenu' koji izgleda slino kao 'category manager' (slika 17) Slika 17

Kada odaberete 'add menu item' odnosno elite napraviti novi 'menu' to e vas odvesti do 'menu editora' koji izgleda malo zbunjujue. Najvanije stavke u 'menu editoru' su prikazane na slici 18 Slika 18

Kada kliknete na gumb 'next' to e vas odvesti na sljedei prozor gdje moete unijeti ime 'menu' izbornika te povezati (link) sadraje te jo dodatne opcije ovisno koji model odaberete. Slika 19 prikazuje to e te dobiti ako odaberete direktni link na sadraj (content item).

Slika 19

'Parent item' padajui okvir prikazuje sve postojee 'menu' izbornike te vam omoguuje da pridruite va novi 'menu' izbornik sa jednim ve postojeim. Ovu opciju moete koristiti samo ako imate za to predvieni predloak (templates), ova opcija se ne moe koristiti na nekom od free Joomla predloku (templates) jer obino ne podravaju ovu funkciju. Efekt ove funkcije je da kad kliknete na neki 'menu' izbornik na web stranice otvori vam se jo sub izbornika ili podizbornika, ovo moete postii i samo ako dovedete mi na izbornik odmah se pojavi padajua lista sa podizbornicima kao to ste sigurno vidjeli na mnogim web stranicama itd. Sada ako pregledate (preview) vae stranice vidjet e te va novi 'menu' izbornik na vaoj stranici koji e vas odvesti ako kliknete na njega na odabrani sadraj koji ste vi odredili. Pogledajte sliku 20.

Slika 20

Ovo bi vam trebalo biti dovoljno informacija za poetak rada u Joomla aplikaciji. Postoji jo niz opcija i naina rad za opirnije uenje i ostalo pogledajte slubene stranice Joomle www.help.joomla.org

DODATAK INSTALIRANJE PREDLOKA (TEMPLATE) Prva stvar koju e te uiniti kada instalirate Joomla aplikaciju je da e te traiti koji je predloak dobar za vas, da li ve ponueni ili neki koji e te pronai negdje na Internetu ima ih mnogo koji su besplatni (free). Veina predloaka za 'Mambo' aplikaciju 4.5.2.3. takoer su kompatibilni za Joomlu. Predloci za Joomlu obino su spremljeni kao ZIP dokument koji e te spremiti negdje u vae raunalo. Zatim otiite u 'template installer' koji se nalazi u 'site' izborniku na control panelu kao to je prikazano na slici A Slika A

Zatim jednostavno oznaite zip dokument na vaem raunalu tako to e te kliknuti na gumb 'browse' a zatim na gumb 'upload file & instal' da bi ste instalirali predloak kao to je prikazano na slici B NAPOMENA: Kada instalirate predloak on se ne pojavljuje odmah na vaoj stranici on je trenutno dostupan samo vama. Mogue je instalirati vie razliitih predloaka pa ak i umetnuti na stranice razliite predloke tako to e npr. kada kliknete na neki od 'menu' izbornika otvoriti novu stranicu u novom predloku. Postoji ak i opcija da posjetitelj va

stranica sam odabere predloak prilikom posjete stranice koji mu se vie svia, za to vam je potreban instaliran 'template chooser' modul ali to je preiroko za ovaj kratki vodi pa se tim trikovima neemo baviti u ovom vodiu. Slika B

Da bi ste postavili predloak na vae stranice potreban vam je 'template manager' . Da bi ste stigli do njega kliknite na link 'back to templates' koji se nalazi u gornjem lijevom kutu (slika B) ili preko 'site' izbornika (slika C)

Slika C

U 'template manageru' moete postaviti predloak na vae stranice te prestupiti jo nekim opcijama (slika D) Slika D

Ako odaberete 'assign' za predloak otvorit e vam se postojee 'menu' izbornici koje moete selektirati. Odaberite jedan postojei 'menu' izbornik za koji elite da bude primijenjen taj predloak. Ako odaberete 'default' zelena kvaica e treperiti pored predloka i stranice koje nisu selektirane u 'assign' modu bit e prikazivane u 'default' predloku. To je to Ukoliko negdje zapnete i smatrate da ba niste uspjeli iskoristiti ovaj vodi za vae potrebe slobodno nas kontaktirajte s naih web stranica http://www.webpromohosting.com Kada je u pitanju Joomla CMS mi smo tu da vam pruimo sve potrebne usluge i pomo oko Joomla CMS-a a za vas po izuzetno povoljnim cijenama moemo odraditi sve to je vezano uz Joomla CMS i slobodno nas kontaktirajte, stojimo vam na raspolaganju.