Nu we de header van het ontwerp helemaal onder de knie hebben, zijn we toegekomen aan de body van het template. Ook hier begin ik met een bespreking van de body van rhuk_milkyway, aangezien die het eenvoudigst is. Belangrijk om even op te merken is dat de hele pagina opgemaakt kan worden met CSS! Dit biedt enorme voordelen voor een ontwerper.
De opbouw van de body is een beetje als het Droste vrouwtje: alle onderdelen zijn genest. Wil je de pagina begrijpen, dan moet je de onderdelen een voor een uitpakken.

De bodytag

Het eerste wat opvalt is de body-tag zelf. Hierin zie je drie variabelen die gebruikt worden om de vormgeving van de pagina te bepalen. Deze komen uit de instellingen die je in dit template kunt veranderen bij de installatie:
a) de kleur ( $this->params->get('colorVariation'); ),
b) de achtergrond ( $this->params->get('backgroundVariation'); ) en
c) de breedte ( $this->params->get('backgroundVariation'); ).

Nu Joomla 1.5 is uitgekomen, is het een goed moment om de nieuwe versie nader onder de loep te nemen! Bij deze dus een herziene versie van de eerdere beschrijving van een joomla installatie die ik al had gemaakt.

Joomla 1.5 installeren
Een Joomla installatie is heel eenvoudig, maar er zijn een paar dingen die goed zijn om te weten. In dit artikel meer over de voorbereidingen die je moet doen op je server en over de stappen die je doorloopt in de installatie. Ik werk daarin naar het eindresultaat dat je binnenkort vindt op de Joomla 1.5 demosite van WHELP!.

Download de broncode
1) Ga naar www.joomla.org
2) Klik op Download de laatste versie (dat is de stabiele versie, niet de beta)
3) Je bent nu in de SourceForge pagina van Joomla. Je ziet enkele versies van de laatste stabiele versies – het verschil zit hem in de compressie techniek. Ik kies voor het gemak de zip variant (klik op de link van het zip bestand).

Installeer Joomla op de server
Nu je dit hebt gedaan moet je je server voorbereiden op de installatie.
1) Maak een database aan; als je niet weet hoe dit moet, vraag het dan aan je provider.
2) Unzip je download en FTP de inhoud van de folder naar je server.

De basis voor Joomla controleren (pre-installatie controle)
1) Ga nu naar startpagina van je website. Je zult zien dat de standaard installatiepagina nu verschijnt.

< ?php include('wp-content/themes/relaxation_3column_beta1-5/elements/joomla-template-15-announcement.php'); ?>

In het vorige artikel heb ik toegelicht hoe je een artikel toevoegt aan een Joomla website. Daarbij heb ik 1 onderdeel overgeslagen, namelijk het plaatsen van afbeeldingen / plaatjes. Het plaatsen van een afbeelding in Joomla kan op twee manieren: 1) via de menubalk boven een tekstveld of 2) via de Mediamanager en het tabblad Image.

Een afbeelding plaatsen via de menubalk boven een tekstveld

Deze manier is het eenvoudigst, maar kent nadelen.
1) Bedenk de locatie van een afbeelding (ergens op een andere website, of op je eigen website)
2) Klik op het boompje boven een tekstveld.
3) Er verschijnt nu een klein schermpje dat je moet voorzien van de informatie over de afbeelding:

a) vul bij Image URL het volledige adres op van het plaatje (dus met http://);
b) daaronder de description (omschrijving) – dit ziet een bezoeker als hij/zij met de muis over de afbeelding gaat;
c) bij alignment stel je in hoe het plaatje staat ten opzichte van de tekst;
d) dimensions kan je weglaten, maar als je ze wel instelt zal het plaatje precies die grootte aannemen;
e) met border (rand) kan je aangeven hoe dik de rand moet zijn – als je geen rand wilt stel je dit in op 1 (want dat kan je net gemakkelijk met een stylesheet regelen);
f) vertical space en horizontal space kan je gebruiken om wat ruimte rond het plaatje te maken ten opzicht van de tekst;
Klik op Insert en klaar. Als je een plaatje wilt aanpassen, klik dan 2x op de afbeelding. Het schermpje verschijnt dan weer en je kan je instellingen aanpassen.

< ?php include('wp-content/themes/relaxation_3column_beta1-5/elements/joomla-template-15-announcement.php'); ?>

In het vorige artikel heb ik uitgelegd hoe je de homepage van Joomla kunt aanpassen en hoe je bepaalt welke artikelen er staan. De standaard startpagina van Joomla is een nieuwsblog. Dit laten we even zo. In dit artikel een korte toelichting over het plaatsen van artikelen. Het is goed om te weten hoe dit werkt, zodat je er rekening mee kunt houden bij de vormgeving van je template.

Nieuwe artikelen toevoegen
Om een nieuw artikel toe te voegen log je in in de backend van Joomla en klik je op je knop 'Add New Content'. Je ziet nu een scherm waarin je de inhoud van een artikel kunt vullen, kunt bepalen waar het verschijnt en onder welke voorwaarden.

Inhoud toevoegen aan het artikel
Start met de titel, de titel alias, de sectie en de categorie.
1) De titel verschijnt natuurlijk boven een artikel.
2) De alias kan je leeg laten of gewoon vullen met de titel. Het gebruik van de alias is vooralsnog niet toegepast.
3) De sectie en categorie zijn verplichte velden. Als je deze nog niet hebt, maak die dan eerst.

< ?php include('wp-content/themes/relaxation_3column_beta1-5/elements/joomla-template-15-announcement.php'); ?>

In het vorige artikel heb ik uitgelegd wat je zoal kunt instellen aan de homepage van Joomla. Dat bleek heel wat te zijn. Het eindresultaat ziet er ongeveer zo uit:

Bepalen welke artikelen op de homepage komen
In de Frontpage Manager van Joomla zie je welke artikelen op de homepage staan. Helaas kan je daar niet nieuwe artikelen selecteren. Dit doe je bij de inhoud van een artikel zelf.
1) Ga naar het overzicht van items: Content > Content by Section > News > News items.
2) Klik achter een item in de kolom Frontpage om het item op de homepage te zetten of juist van de homepage af te halen.

De items op de homepage vormgeven
De vormgeving van de items op je homepage wil je misschien aanpassen. Niet alleen om je eigen vormgeving beter weer te geven, maar ook omdat het stylesheet van Joomla geen rekening houdt met zoekmachine optimalisatie. Zo zou je elke titel binnen een header-H1 tag willen weergeven, omdat die beter scoren.
Helaas moet ik je hier teleurstellen. Het is niet mogelijk om de opbouw eenvoudig aan te passen zonder in de code te gaan hacken. Het schijnt dat dit in de volgende versie van Joomla wel mogelijk is.