Joomla Templates

Templates bepalen het uiterlijk van je site, of in ieder geval van verschillende secties van je site. In de template manager (beheerpagina -> template manager -> site templates), zie je een paar templates klaar staan. Klik er eens op (de knoppen helemaal links, niet de template naam) en klik dan op de “default” knop in de Joomla menubalk. Ga vervolgens naar je site om te zien hoe de template het uiterlijk van je site heeft veranderd.

Wat is een template? Templates zijn verzamelingen van bestanden die het uiterlijk van je site bepalen. Het hoofdbestand is “index.php”, die html code bevat (voor layout elementen zoals tabellen en logo’s) en php code bevat voor dynamische elementen. Het tweede belangrijke bestand is de style sheet (css bestand). Deze bepaalt het lettertype, de kleuren en omlijningen van alle site elementen.

Hier is een voorbeeld van een index.php bestand:

Je logo is ”header.png”, “body” is een block dat de hoofdcontent zal bevatten. De oranje blokken in het figuur zijn posities, die je in de cellen van tabellen kunt zetten. Onthoud dat deze posities een x-aantal modules kunnen bevatten en dat deze modules afzonderlijk aan- en uitgezet kunnen worden. Zo kun je in de “top” positie een zoek- en datummodule hebben, terwijl je in de “left” positie een menu en een login module zet. Als je een template maakt, reserveer je als het ware ruimte voor de “posities”. Deze posities worden in tabellen geplaatst met php code die er zo uit ziet:

<?php mosLoadModules ( 'left' ); ?>

De style sheet. Je template heeft dus ook een style sheet die de lettertypes en dergelijke bepaalt van alle elementen op de pagina. Hier vind je wat regels over de naamgeving:

- http://www.mambohut.com/index.php?o...y&filecatid=107

- http://www.mambonotes.com/content/view/30/101/

- http://www.joomlaos.de/

Dat is de basisuitleg over templates. Nu volgen specifieke instructies voor het downloaden of ontwerpen van templates.

Theo Bakker van http://whelp.nl heeft een stappenplan geschreven hoe je een Joomla Template maakt:

(1) inleiding

(2) template Details.xml

(3) modules en posities

(4) rechten, locaties en volgorde

(5) de header van index.php

(6) de body van index.php

(7) de footer van index.php

(8) inleiding in CSS

(9) basisstructuur

(10) een nieuwe index

Downloaden van templates. Er zijn een hoop plaatsen waar je ze kunt vinden. Kijk bijvoorbeeld eens op http://joomlahut.com.

Nu je een template hebt, gaan we modules plaatsen in de posities die je zojuist hebt vastgelegd.

De huidige waardering is: 9/100 (1 stemmen)

 You need to enable JavaScript to vote