In het vorige artikel in deze serie hebben we bekeken hoe de linkerkolom van een van de basistemplates van Joomla 1.5 is opgebouwd. Je hebt kunnen zien hoe verschillende onderdelen van het menu een plek kregen. In dit artikel kijken we naar de hoofdkolom van dit template. Hoe wordt dit gevuld en vormgegeven?
Het hele plaatje
Als we de hoofdkolom bekijken zien we bovenaan twee onderdelen: A) het laatste nieuws en B) populaire artikelen. Daaronder begint de pagina eigenlijk opnieuw met links C) de inhoud van de pagina en rechts een menu met daarin D) een enquête, E) wie er online is en F) advertenties.
Hoe wordt dit opgebouwd??
Achter de schermen
De hoofdkolom wordt als volgt opgebouwd:
|
|
countModules('user1 and user2')) : ?>
countModules('user2')) : ?> |
|
|
|
countModules('right') and JRequest::getCmd('layout') != 'form') : ?>
|
1) Het begint allemaal met een check op de aanwezigheid van de linkerkolom. Als deze er is wordt het id van de hoofdkolom ‘maincolumn‘, anders ‘maincolumn_full‘. Het verschil zit hem in de breedte van de kolom. Bij maincolumn_full beslaat deze de gehele breedte van de pagina.
2) User1 en User2
a)Vervolgens wordt gecontroleerd of de module user1 of user2 in gebruik zijn. De benaming van deze modules stamt nog uit het verleden. Jammer, want het wordt er niet duidelijker op. Waarschijnlijk wel handig vanuit backwards compatibility: templates die gebouwd zijn op Joomla 1.0.x zullen eventueel nog werken in Joomla 1.5.
b) Via de module manager kan je zien dat aan user1 het laatste nieuws (A) is toegewezen en aan user2 populaire nieuwsitems (B). Als op beide posities modules zijn toegewezen laat het template in het midden een grijze lijn zien.
c) De modules zelf worden ingesloten met een jdoc:include (stijl:XHTML). Dit is voor het eerst in deze pagina. Het zorgt ervoor dat de module omgeven wordt door:
d) Tot slot zorgt div#maindivider ervoor dat onder de twee kolommen een grijze scheidslijn wordt gezet.
|
|
countModules('user1 and user2')) : ?>
countModules('user2')) : ?> |
|
3) De tekstuele inhoud van de pagina - Het volgende gedeelte van de code sluit het eigenlijke nieuws in en de rechterkolom. Dit stukje code is kort en eenvoudig:
a) Eerst sluit je het nieuws in (C).
b) Hieronder zorg je ervoor dat onderaan de pagina een advertentieblok staat.
c) Aan de rechterkant wordt het rechtermenu neergezet, maar alleen als er op die plek (positie right) ook modules zijn toegewezen en de opbouw van de pagina niet een formulier is (als je bijvoorbeeld de inhoud aan het aanpassen bent).
Als je dit allemaal bij elkaar voegt krijg je de volgende code:
|
|
countModules('right') and JRequest::getCmd('layout') != 'form') : ?>
|
De vormgeving van de nieuwsberichten zelf
De opbouw van nieuwsberichten heb je helemaal in de hand via de Administrator omgeving. Via de Front Page manager (Content > Front Page Manager) bepaal je precies wat er op de voorpagina komt te staan en in welke volgorde.
De opbouw van de artikelen op de voorpagina kan je instellen via Menus > Main Menu. Je komt dan in de Menu Item Manager. Klik daar op Home. Je ziet dan dat de Home page is toegewezen aan de Front Page Blog Layout. Aan de rechterkant heb je nu de gelegenheid om precies in te stellen hoe de nieuwsberichten opgebouwd worden.
De opbouw van de inhoud van het rechtermenu
Via de Module Manager kan je zien welke modules er aan de rechterpositie zijn toegekend: D) een enquête, E) wie er online is en F) advertenties. Klik op elk daarvan om de instellingen eventueel aan te passen (zoals je dit ook al eerder hebt gedaan in de vorige tutorials in deze serie).
Hoe nu verder?
In het volgende tutorial zullen we de footer behandelen helemaal onderaan de pagina. Daarnaast zullen we een blik werpen op het beez template.