Jest to jeden z najbardziej znanych systemów CMS jakie są dostępne za darmo w sieci. Silnik tego systemu zarządzania treścią jest dostępny do ściągnięcia, otrzymamy w ten sposób kilka uniwersalnych szablonów, jednak warto nauczyć się i stworzyć szablon indywidualny i niepowtarzalny w całym internecie. Szablon taki definiuje zarówno wygląd jak i rozmieszczenie poszczególnych elementów na stronie bowiem Joomla oferuje nam szeroki wachlarz modułów i komponentów które możemy zainstalować na swojej stronie. Jeśli nie chcemy bawić się w tworzenie szablonu to możemy odszukać w sieci strony które udostępniają szablony do Joomla za darmo, są ich setki. Jednak musimy się liczyć że wiele stron będzie wyglądało tak jak nasza a różniło się tylko treścią. Ciężko będzie znaleźć wśród nich taki który w pełni zaspokoi nasze potrzeby a do tego będzie niepowtarzalny. Najnowsze szablony należy opierać o strukturę bloków <div>, tworzymy je za pomocą styli css. Spójrzmy jak może wyglądać nasza strona. Idealny szablon najlepiej jak by się składał z lewego i prawego paska nawigacji który będzie się pokazywał lub ukrywał, zależnie od tego czy będą się w nim znajdowały jakieś moduły czy nie. Jest możliwe uruchomienie specjalnego formularza który będzie dostępny z poziomu administratora, będzie on nam dawał możliwość zmiany wyglądu strony bez edytowania plików na serwerze. Do tego formularz taki może określać takie wartości jak kolor tła czy wysokość nagłówka. W joomla 1.5 zresztą podobnie jak w poprzednich wersjach szablony znajdują się w katalogu templates. Ze względu na ułatwienie poruszania się po plikach zostały one podzielone na katalogi w których są pliki odpowiedniego zastosowania. Aby zacząć tworzenie szablonu zacznijmy od zorganizowania folderów. W tym celu łączymy się za pomocą programu FTP z serwerem, wchodzimy do katalogu templates i tworzymy kolejny katalog który najczęściej jest nazwą szablonu. Może być to dowolna nazwa np. mój-szablon. W głównym katalogu jaki utworzyliśmy stwórzmy dwa pliki, pierwszy index.php który będzie głównym plikiem szablonu, oraz template-Details.xml. kolejny krok powinien być skierowany w celu utworzenia arkusza stylów. |W tym celu stwórzmy katalog css a w nim plik styl.css. W tym momencie utworzyliśmy podstawową strukturę naszego szablonu. Dalsze kroki będą w głównej mierze polegały na tworzeniu nowych plików bądź edytowaniu tych które utworzyliśmy. Zacznijmy od najważniejszego pliku naszego szablonu czyli index.php – plik ten utworzyliśmy w poprzednim kroku. W pliku tym znajdują się różne instrukcje napisane w języku PHP które wyświetlają odpowiednie elementy na naszej stronie. Oprócz PHP często znajduje się tam też kod HTML i instrukcje jdoc, za ich pomocą sterujemy naszą joomlą. Zatem zabierzmy się do edycji tego plku. Na samym jego początku powinna znaleźć się deklaracja która uniemożliwia wykonywanie pliku poza przeglądarką internetową, następnie powinny znaleźć się linijki odpowiadające za język strony itp. kod ten możemy przekopiować z szablonów które są standardowo dołączone do joomla. Dalej powinna zacząć się sekcja head a w niej zdefiniowany jdoc z wartością head –
<jdcoc include type=”head” />
Kolejną linijkę możemy tez przekopiować z standardowych szablonów, powinna zaczynać się ona od <link href=… odpowiada ona za przypisanie pliku kaskadowych arkuszy stylów czyli linijka ta powinna wskazywać plik w katalogu css o nazwie styl.css
Po sekcji head przyszedł czas na body czyli ciało naszej strony www. Szablon strony powinien być podzielony na moduły które odpowiadają za rozmieszczenie poszczególnych elementów. Tak jak wspomnieliśmy wcześniej nasz szablon powinien wyświetlać paski prawy i lewy jeśli są w nich jakieś bloki. Do tego celu może posłużyć nam funkcja $this->countModules(‘left’). Zwróci nam ona liczbę modułów jakie są wyświetlone w odpowiednim bloku <div>. Jeśli liczba będzie większa od zera to zostanie wykonany odpowiedni kod. Funkcję zliczająca moduły możemy wykonać w dowolnym miejscu szablonu. Musimy jeszcze umieścić kod odpowiadający za wyświetlenie głównej treści strony i gotowe. Następnie zamykamy znaczniki body i html. Następny krok to stworzenie odpowiedniego pliku css Kolejnym ważnym plikiem jest templateDetails.xml, jest to plik konfiguracyjny który zawiera informacje o szablonie. Musimy w nim zawrzeć deklaracje takie jak nazwa szablonu, autor itp. I znowu najlepiej podejrzeć jak to wygląda w którymś z szablonów dostarczonych wraz z joomla. Gdy już szablon będzie działał to mamy możliwość utworzenia formularza który będzie pozwalał nam na sterowanie wyglądem za pomocą menu w panelu administracyjnym. Formularz taki jest generowany przez joomla na podstawie znaczników które powinny znaleźć się w pliku templateDetails.xml. Warto tez stworzyć miniaturkę strony w tym celu tworzymy w dowolnym edytorze graficznym plik o nazwie template_thumbmail.png, powinien mieć on wymiar 200×150 pikseli.