|
Voordat we gaan beginnen met het maken van de template, moeten we weten op welke manier we de content in de template kunnen krijgen. Dit kan door middel van zogeheten jdoc statements.
Nu het design klaar is moeten we de verschillende elementen van onze Joomla! installatie in de website laden. Joomla! gebruikt hiervoor jdoc statements. Een typische jdoc statement ziet er als volgt uit:
We openen een jdoc statement door een '<' te typen, gevolgd door jdoc. Vervolgens vertellen we Joomla! dat we iets in de template willen laden. Dit doen we door direct achter jdoc ':include' te typen. Als laatste willen we weten wat we precies willen laden. Dit doen we door 'type=""' te typen. We sluiten de statement af met '/>'. Nu we weten hoe een jdoc statement er uit ziet, willen we dat allemaal met het type attribuut kunnen laden.
Het type attribuut
Je kan de volgende vijf verschillende typen jdoc statements onderscheiden binnen Joomla!:
- Head: met dit type wordt de meta-informatie van de website geladen. Denk bijvoorbeeld aan de paginatitel, de auteur, de meta-keywords. In de HTML vind je deze informatie terug tussen de <
head> tags; dat is waar we deze jdoc statement zullen plaatsen. De statement ziet er als volgt uit:
- Installation: met dit type wordt het Joomla! installatieproces opgeroepen. Deze wordt alleen gebruikt tijdens de installatie van Joomla! zelf. De statement ziet er als volgt uit:
- Message: met dit type worden systeem en errorberichten van Joomla! geladen. Mocht er zich een fout voordoen, dan kan je met dit type het bericht laden. Let op, dit type mag maar eenmalig voorkomen in de template. De statement ziet er als volgt uit:
- Component: met dit type laden we de hoofdcontent van de website. Als we het wireframe bekijken, wordt dit type geladen waar "Mainbody Content" staat. Dit type komt eenmalig voor in de template. De statement ziet er als volgt uit:
- Module/Modules: met deze statements worden de verschillende modules geladen binnen Joomla!. Als we wederom kijken naar het wireframe zien we dat er onder andere een menu, een logo, een laatste nieuws en een banner module moeten worden geladen in de template. Dit type is dan ook de meest gebruikte type jdoc statement. De statements zien er als volgt uit:
Wat direct opvalt is het verschil tussen module (zonder s) en modules (met s). Wanneer je module gebruikt wordt er eenmalig een module geladen, wanneer je modules gebruikt worden alle modules geladen. Een tweede element dat opvalt is de toevoeging van het name attribuut. Het name attribuut zorgt er voor dat alleen die modules die in Joomla! de positie beschreven hebben in name(bijvoorbeeld: menu) worden geladen.
Het style attribuut
Een laatste attribuut, dat alleen beschikbaar is voor het module type, is het style-attribuut. Met het style-attribuut vertellen we Joomla! hoe we de module willen tonen. In essentie voegt Joomla! bepaalde stukken HTML-code in om de module heen. Joomla! heeft zes verschillende typen, zogeheten module chrome, beschikbaar:
- None: de standaardkeuze. Als het style-element niet wordt gebruikt, gebruikt Joomla! deze. Deze voegt geen extra HTML-code toe aan de module.
- Rounded: voegt extra <
div> elementen toe aan de module, zodat ronde hoeken kunnen worden gebruikt.
- Table: voegt een <
table> element toe aan de module.
- Horz: voegt een extra <
table> element toe aan de module, zodat opeenvolgende modules horizontaal naast elkaar komen te staan.
- Xhtml: voegt XHTML-opmaak toe aan de module.
- Outline: voegt een preview outline opmaak toe aan de module.
Als we kijken naar het ontwerp, zien we dat we voor Poker Magazine een xhtml style attribuut zullen toepassen.
Voor meer informatie over jdoc statements raden we aan om in de officiële Joomla! Documentatie te kijken. Ook voor meer informatie over de typen module chrome kan je de Joomla! Documentatie raadplegen.
Samenvatting
Vandaag hebben we gekeken naar de manieren waarop we in de template modules en content kunnen laden vanuit Joomla!. We hebben gekeken welke verschillende typen template-tags er beschikbaar zijn en wat ze precies doen. Morgen gaan we de template maken en zullen daarbij de template tags-integreren in de HTML.
 |
