Een eigen Joomla template maken (9) – basisstructuur

Tot nu toe heb je je voornamelijk eigen gemaakt met de structuur van Joomla en de verschillende onderdelen van een Joomla Template. Als je mijn vorige artikelen hebt gelezen in deze serie, heb je voldoende basis om nu echt met een eigen template aan de slag te gaan.

De folderstructuur voor een eigen Joomla template
Mijn bedoeling is dat ik de vormgeving van www.whelp.nl overzet naar Joomla. Waarschijnlijk gaat dit niet helemaal slagen, maar we kunnen een eind komen. Ik ontwikkel alles op een ontwikkelmachine. Ik begin met mijn eigen folderstructuur aan te leggen.
1) Maak een kopie van de folder templates/madeyourweb
2) Plaats die met een nieuwe naam in dezelfde folder. Ik kies voor de naam whelp. Lees overal waar whelp de naam van je eigen template.

Basisbestanden aanpassen
We gaan nu de verwijzingen naar madeyourweb vervangen door whelp. Dit is nodig in een paar bestanden: index.php en templateDetails.xml.
1) Vervang in index.php in het pad naar de stylesheets het woord 'madeyourweb' door 'whelp' (regel 26 en 27)
2) Idemdito in templateDetails.xml: vervang in de name tag (regel 3) en in regel 8 de url naar www.whelp.nl
3) Pas ook andere gegevens aan in templateDetails.xml zodat duidelijk is dat dit jouw template is, maar dat het gemaakt is op basis van het template van Marc Hinse, de vormgever van Madeyourweb.
4) Het index.phps hoef je niet aan te passen. Dit is bedoeld als backupbestand.
5) Het bestand template_thumbnail.png laat je nog even staan, maar zal je – als het template klaar is – vervangen door een eigen afbeelding. Dit bestand wordt gebruikt om bij installatie te laten zien aan de gebruiker hoe het template eruit ziet.
6) De benaming van het bestand CSS/css_color_green.css is erg specifiek voor Madeyourweb. Hernoem dit naar CSS/css_whelp.css. Pas dit ook aan in index.php en templateDetails.xml.

Het template installeren
De volgende stap is het template te installeren (nog steeds op je testlocatie). Dit werkt als volgt:
1) Zip de directory van je template.
2) Upload deze via je administrator omgeving (Installers > Templates – Site).
3) Activeer het template en bekijk het voorlopig resultaat (vooralsnog zie je geen verschil…).
Zie ook mijn eerdere artikel over het installeren van Joomla templates.

Wat te doen als de installatie mislukt?
De installatie gaat vaak mis! Als je bijvoorbeeld een bestand hebt aangegeven in templateDetails.xml, maar dat niet bestaat, dan mislukt je installatie. Als je dit corrigeert en opnieuw probeert lukt dit evenmin, omdat de directory dan al bestaat. Kortom: ellende.
Dit los je eenvoudig op door na een mislukte installatie de directory die Joomla heeft aangemaakt eerst te verwijderen. Op je eigen testcomputer is dit eenvoudig uit te voeren. Voer daarna de installatie opnieuw uit met je gecorrigeerde zip.

Hoe nu verder?
De volgende stap is een nieuwe indeling van index.php; Madeyourweb is zo opgebouwd:
1) menu en zoekveld
2) logo en banner
3) crumblepath
4) linkerkolom, inhoud, rechterkolom
5) footer

Het ontwerp van whelp.nl is anders ingedeeld:
1) header (logo, inleidende tekst en zoekveld)
2) navigatie
2) inhoud (met footer), linkerkolom en rechterkolom

Meer hierover in het volgende artikel.

Stem / Bookmark [?]