In het vorige artikel (zie Joomla Templates Wat Heb Je Nodig) heb ik toegelicht: hosting, een ontwikkelpakket, een browser, basiskennis van HTML en CSS, en liefst ook kennis van PHP. In ieder geval een geinstalleerde versie van PHP. Ik ga ervan uit dat je dit hebt geïnstalleerd en dat je toegang hebt tot de beheeromgeving van Joomla. Standaard komt Joomla 1.5 met drie nieuwe templates: beez, JA_Purity en rhuk_milkyway. Deze templates zullen we eerst nader onderzoeken om een indruk te krijgen wat er zoal kan met Joomla 1.5.

Welke folders en bestanden zijn onderdeel van een Joomla template?

Als je een Joomla design bekijkt zul je zien dat er een vaste indeling is. Ik neem even het voorbeeld van het standaard template, rhuk_milkyway:

Het gaat om minimaal drie folders: css, html en images. Twee stuks herkennen we nog van Joomla 1.x: css en images. Hierin komen je CSS stylesheets en afbeeldingen. Nieuw is de html folder. Hierin komen bestanden waarmee je als ontwerper onderdelen van je template veel beter dan voorheen kunt bepalen. Hierover later meer.

Een vergelijking tussen rhuk_milkyway en de twee overige templates leert overigens dat beez twee extra folders heeft: images_general en javascript. De eerste bevat algemene afbeeldingen voor het template en de tweede de javascript bestanden. JA_Purity kent ook een javascript folder (js) en een extra styles folder (voor extra template mogelijkheden).

Verder zien we net als in Joomla 1.x index.html, index.php, templateDetails.xml en optioneel template_thumbnail.png. Nieuw zijn favicon.ico en params.ini. Een favicon.ico is een bestand waarmee je in het adres van je website een icoontje kunt laten zien. Dit wordt ook bij bookmarks opgeslagen. Dit is niet specifiek voor Joomla. Params.ini is een bestand waarmee je eenvoudig instellingen van je template zou kunnen aanpassen; het is gekoppeld aan templateDetails.xml.

1) Wat doet templateDetails.xml?

Dit bestand beschrijft welke bestanden je gebruikt in je template. Joomla gebruikt dit om - als je je template installeert - te controleren of alle bestanden aanwezig zijn en hoe de bestanden van je template zich tot elkaar verhouden. Meer hierover in het volgende deel van deze serie.

2) Wat doet template_thumbnail.png?

Deze afbeelding laat zien hoe je template eruit als je het zou installeren (je ziet het als je in Joomla met je muis over een template gaat in de Template Manager). Als je van plan bent een commercieel template te maken, voeg dit dan toe aan je template. Het is voor de juiste werking van een template overigens niet per se nodig.

3) Wat doet index.html?

Dit bestand is niet nodig en kan je eventueel weglaten. Je moet het dan ook wel verwijderen uit je templateDetails.xml.

4) Wat doet index.php?

Dit is het belangrijkste bestand: dit regelt dat alle modules die je wilt gebruiken bijelkaar worden gevoegd. Dit wordt (samen met je stylesheets en afbeeldingen) de kern van je ontwerp. We zullen dit later uitvoerig gaan bespreken.

Hoe nu verder?

In het volgende artikel in deze serie gaan we templateDetails.xml en params.ini nader bekijken.

Zie Joomla Templates De Basisbestanden Van Een Joomla Design