Dag 3: De standaard Joomla! template

Afdrukken

Vandaag bekijken we de standaard template van Joomla! en leggen we uit wat de verschillende onderdelen zijn. Deze informatie gebruiken we bij het maken van het design en bij het maken van de template.

Gisteren hebben we Joomla! geïnstalleerd met voorbeeld data. Dit komt vandaag van pas tijdens het bestuderen van de standaard template. Voordat we beginnen, bekijken we eerst hoe de standaard template er uit ziet. Klik op onderstaand plaatje om de volledige standaard template, met voorbeeld data, te bekijken.

template-klein

We hebben de template gemarkeerd met een aantal rode vlakken om het onderscheid tussen modules en content te markeren. De content, in dit geval het witte vlak tussen de rode blokken, is de werkelijke inhoud van een pagina. Dit kan een overzicht van nieuwsitems zijn, een artikel, of misschien een formulier. Modules, gemarkeerd met rood, zijn kleine extensies voor Joomla! die je op de website kunt tonen op plaatsen die de template toestaat.

Met name modules zijn binnen Joomla! een veelgebruikt element. Mede dankzij de veelzijdigheid van wat je in een module kunt tonen. Als we de standaard template er bij pakken kunnen we in ieder geval al de volgende modules onderscheiden:

  • Logo
  • Zoeken
  • Diverse menu's
  • Laatste nieuws
  • Populair nieuws
  • Login
  • Poll
  • Wie is online
  • Banners / Advertenties

En dit is nog maar het begin. Joomla! kan worden uitgebreid met verschillende extra modules. Neem bijvoorbeeld een Image Rotator module waarbij je verschillende plaatjes als een diashow kunt afspelen. Of een nieuwsbrief inschrijf module, waarbij mensen zich kunnen abonneren op de nieuwsbrief.

Samenvatting
We hebben gekeken naar de standaard template en welke twee kernelementen van Joomla! daar in voorkomen: content en modules. De informatie die we hebben opgedaan kunnen we nu gaan toepassen in het ontwerp. We moeten dus niet alleen de inhoud ontwerpen, maar ook de verschillende modules die we gaan gebruiken. Morgen brengen we dit in kaart tijdens het maken van een wireframe.

Commentaar (7)Add Comment
Kelly Bakker
december 04, 2008
213.73.179.157
...

Dit is echt super. Zo kan ik makkelijk leren hoe Joomla werkt, zonder me dood te staren in een boek!

Sjon
mei 29, 2009
195.121.14.2
...

Weet iemand hoe ik het voor elkaar kan krijgen zoals het plaatje opent op deze pagina?

Robert Roose
mei 29, 2009
84.27.116.188
...

Hoi Sjon,

Dat wordt gedaan met behulp van de JCE editor (bekijk dag 10 en dag 11) en de JCE utilities plugin.

Sjon
juni 03, 2009
195.121.14.2
...

Robert,

Ik had de JCE editor al geïnstalleerd, maar als ik op het bovenstaande plaatje klik dan opent hij in een mooi frame.
En dat laatste krijg ik niet voor elkaar.

Robert Roose
juni 09, 2009
84.27.116.188
...

Hoi Sjon,

Hier kun je meer lezen over de Image Manager Extended waarmee je de plaatjes op deze manier kan tonen:
http://www.joomlacontenteditor.net/support/documentation/12-image-manager-extended/33-about

Leander
oktober 21, 2009
195.241.218.89
...

nieuwsbrief inschrijf module - link werkt niet meer. Dat is voortaan geworden: Campaign Monitor!
Zie de volgende site:
http://extensions.vaneldijk.nl/

Sander
november 19, 2009
83.128.71.57
...

Echt heel erg goed. Ik doe het dat niet in 24 dagen maar in 1 dag maar het is zooo goed uitgelegd erg mooi

Schrijf commentaar
 
  kleiner | groter
 

busy