Manual-joomla-template-ser.pdf

Pravljenje tema za Joomla! 1.0.x & Mambo 4.5.2.x – v1.0

Iako na prvi pogled može delovati zastrašujuće, posao pravljenja Vašeg ličnog

dizajna za Joomla!/Mambo CMS je zapravo veoma jednostavan. Za rad će nam

biti potreban bilo koji uređivač teksta. Da, već možete pretpostaviti da ovo

uputstvo ne predviđa napredno grafičko okruženje već poznavanje HTML-a i CSS-

a. Za sve one koji žele da koriste bogata grafička okruženja kakvo je

Dreamweaver postoji dodatak za isti pod imenom Mambo Stand Alone Server

[MSAS].

Prvi korak će svakako biti da izaberemo šta će nam biti tema ovog rada. Iako

mi je namera bila da za primer koristim grafički bogat sajt kakav je

http://www.debris-files.net/ ipak sam se odlučio da za ovu priliku uradim jedan

sajt od nule kako bi i najveći početnici videli kako se priprema CSS datoteka za

Joomla!/Mambo temu. Osnovna ideja je da sve ostane što je jednostavnije

moguće. Tema našeg Joomla! sajta će biti fan sajt za novi film Final Fantasy

VII:Advent Children . Krenimo onda...

1.0 Osnovna podešavanja

Kao što sam već napomenuo, Joomla! koristi jako dobar i jednostavan sistem

kao rešenje za izgled sajta. Nema gomile konfiguracionih datoteka i nema

nerazumljivog koda. Sve što je potrebno da se uradi jeste pravljenje jedne jedine

datoteke koju ćemo nazvati index.php, definisanja eksterne CSS datoteke i

pravljenje potrebnih slika. Ja ću se zadržati na delu koji se odnosi na kod. Najbolji

način da naučite kako nečiji kod radi jeste da ga pažljivo pročitate. Verujem da će

mnogima koji malo bolje poznaju HTML već ovde biti jasno kako da sami naprave

svoje stranice.

Pošto ste uspešno instalirali svoj Joomla! softver idite u direktorijum sa

instalacijom. Tamo ćete videti direktorijum koji nosi ime templates . U njemu ćete

videti još dva direktorijuma. To su već gotovi šabloni koji če nam poslužiti kao

osnova za naš. Pogledajmo njihov sadržaj. Primer će nam biti rhuk_solarflare_ii

direktorijum. Unutar njega možemo videti dva dodatna diretorijuma - css i

images. Jedan će sadržati eksternu CSS datoteku dok će drugi, logično, čuvati

sve slike koje ćemo koristiti. Tu možemo videti još tri datoteke. Jedna je

index.php koji će nas kasnije najviše zanimati, templateDetails.xml i slika sa

ekstenzijom PNG. XML datoteka sadrži podatke o tome ko je autor teme, kontakt

autora, ime teme i sl. PNG datoteka sadrži umanjeni prikaz izgleda sajta. To je će

se prikazivati na spisuku mogućih tema kada u Joomla! uđete kao administrator

ili, ukoliko je omogućeno da korisnici sami menjaju izgled sajta, na spisku

postojećih tema.

Vratimo se sada u templates direktorijum. Naš prvi zadatak će biti da kreiramo

jedan prazan direktorijum za našu temu. To će u ovom slučaju biti

/templates/final/ . U njemu ćemo kreirati dva direktorijuma - css i images.

Napravimo za početak templateDetails.xml. Evo kako će on izgledati za projekat

koji ja radimo:

<?xml version="1.0" encoding="UTF-8"?>

<name>Advent Children</name>

<author>Spookhouse Inc.</author>

<copyright>BSD Licence</copyright>

<authorEmail>markom@joomlaserbia.com</authorEmail>

<authorUrl>www.joomlaserbia.com</authorUrl>

<description>Template for Advent Children

Project</description>

<files>

<filename>index.php</filename>

</files>

<css>

Ovaj XML dokument koji smo kreirali omogućava Joomla! Softveru da zna gde

se na serveru nalaze određene datoteke te da ih uspešno instalira.

Ovo uputstvo ne pokriva grafički dizajn te taj korak preskačemo.

Pretpostavljamo da je grafički dizajner već uradio svoj posao te da je naš

final/images/ direktorijum već pun pripremljenih slika. Pošto znamo kako treba da

izgleda naš sajt možemo da počnemo sa slaganjem HTML koda i pripremom

index.php stranice.

Kao što sam već napomenuo za rad na šablonu za Joomla/Mambo će biti

potrebno poznavanje HTML-a i CSS, posebno ovog drugog. Cilj nam je ovo:

<filename>css/style.css</filename>

</css>

</mosinstall>

1.0.1 Pozicioniranje modula

Kako do cilja može dovesti mnogo sredstava probajmo da naš proizvedemo sa

što manje istih. Osnovna stvar koju svako ko želi da napravi sopstveni šablon za

Joomla/Mambo jeste pozicioniranje i pozivanje modula. Pogledajmo jedan poziv

modula:

<?php

mosLoadModules ( 'left' );

Ovo je kod koji poziva levi meni. Ali ne samo njega već i deo za

prijavljivanje/registrovanje korisnika, RSS sindikaciju i sl. A šta ako mi

jednostavno ne želimo da RSS bude ispod menija već negde drugde? Naravno,

postoji rešenje i za to. Svaki modul u suštini dobija poziciju tj. način na koji će

biti raspoređen na sajtu. U Admin panelu izaberite iz menija Modules/Site

modules . Primetićete da se pored kolone Access nalazi kolona Position.

Svaki od modula ima određenu vrednost. Ukoliko više modula ima istu

vrednost, recimo "left", biće prikazani zajedno. Kao što se da videti, najveći broj

modula ima poziciju "left". To se, naravno, može promeniti. Kliknite na "Login

form", recimo. To su podešavanja samog modula.

Jedno od njih je i "Position". Trenutno je nameštena na "left" ali vi možete

izabrati bilo koju drugu vrednost iz menija. Predlažem vam da pre svega dobro

razmislite koji će vam moduli biti potrebni, kao i gde će se nalaziti na stranicama.

Nema razloga da razdvajate module koji će se svakako prikazati spojeno na

vašem sajtu, zar ne? Primetićete, takođe, da je broj mogućnosti u meniju

"position" nije neograničen te su vam zapravo slobodni user5 - user7. To može ali

i ne mora biti dovoljno. Ukoliko imate potrebu za većim izborom možete sami

kreirati dodatne pozicije tako što ćete ih ručno dodati putem Main

Menu/Site/Templates Manager/Module Positions .

Plik z chomika:

Inne pliki z tego folderu:

Inne foldery tego chomika: