Professional Documents
Culture Documents
nl)
Tips en tools voor Joomla!
Eric Tiggeler
De bij toepassing van art. 16b en 17 Auteurswet 1912 wettelijk verschuldigde vergoedingen
wegens kopiëren dienen te worden voldaan aan de Stichting Reprorecht, Postbus 3060, 2130
KB Hoofddorp, tel.: (023) 799 78 10.
Voor het overnemen van een gedeelte van deze uitgave in bloemlezingen, readers en andere
compilatiewerken op grond van art. 16 Auteurswet 1912 dient men zich te wenden tot de
stichting PRO, Postbus 3060, 2130 KB Hoofddorp, tel.: (023) 799 78 09. Voor het overnemen
van een gedeelte van deze uitgave ten behoeve van commerciële doeleinden dient men zich te
wenden tot de uitgever.
Hoewel aan de totstandkoming van deze uitgave de uiterste zorg is besteed, kan voor de afwe-
zigheid van eventuele (druk)fouten en onvolledigheden niet worden ingestaan en aanvaarden
auteur(s), redacteur(en) en uitgever deswege geen aansprakelijkheid voor de gevolgen van
eventueel voorkomende fouten en onvolledigheden.
All rights reserved. No part of this publication may be reproduced, stored in a retrieval system
of any nature, or transmitted in any form or by any means, electronic, mechanical, photocopy-
ing, recording or otherwise, without the prior written permission of the publisher.
While every effort has been made to ensure the reliability of the information presented in this
publication, Sdu Uitgevers neither guarantees the accuracy of the data contained herein nor
accepts responsibility for errors or omissions or their consequences.
Inleiding ix
vi
Copyright Academic Service / Eric Tiggeler (www.joomla.erictiggeler.nl)
Inhoud
Register 201
vii
Copyright Academic Service / Eric Tiggeler (www.joomla.erictiggeler.nl)
Inleiding
Joomla, een webrevolutie
Je wilt een website bouwen die goed te onderhouden is, prettig te gebruiken en een eigen-
tijdse uitstraling heeft. Als je dan gebruikmaakt van een contentmanagementsysteem zoals
Joomla, gaat dat stukken makkelijker.
De site ontwerpen, de content up-to-date houden, extra’s toevoegen: met Joomla hoef
je geen webprofessional meer te zijn om toch heel professionele resultaten te krijgen.
Of je nu een persoonlijke weblog wilt maken, een kleine site van een vereniging of een
omvangrijke corporate website, Joomla brengt het binnen ieders bereik. Het content
managementsysteem (cms) is een revolutionaire tool: wat de tekstverwerker jaren geleden
betekende voor het publiceren op papier, betekent het contentmanagementsysteem voor
het publiceren op het web.
Het cms Joomla is dan ook een enorm succes. Het is de motor achter zo’n 20 miljoen
sites wereldwijd en het eind van de groei is nog lang niet in zicht. Geen wonder, want het
biedt alle voordelen van een state-of-the-art contentmanagementsysteem. Het is relatief
gemakkelijk te gebruiken, je kunt het uitbreiden met een grote hoeveelheid extra functies
en het is opensourcesoftware, die gratis beschikbaar is en voortdurend wordt doorontwik-
keld door een internationaal team van vrijwilligers.
Dit boek is bedoeld om die stap over de drempel makkelijker te maken. Of je nu een
kleine of grote site wilt bouwen, Tips en tools voor Joomla! legt uit hoe je het aanpakt. Met
de nadruk op de praktijk: het gaat niet om wat Joomla allemaal kan, maar om wat jij
kunt met Joomla. Het gaat om de resultaten die je wilt bereiken en problemen die je wilt
oplossen: ‘hoe krijg ik dat voor elkaar met Joomla?’
Tips en tools voor Joomla! besteedt veel aandacht aan het eindproduct: verschillende soor-
ten pagina’s, en hoe je die maakt in Joomla. Hoe krijg je de homepage zoals je hem heb-
ben wilt, hoe maak je een slim ingedeelde contentpagina, hoe maak je logische menu’s?
Uiteindelijk draait het daarbij altijd om de bezoeker: hoe bied je die een aantrekkelijke,
goed te gebruiken website? Dat kan uitstekend met Joomla, maar je moet wel de juiste
keuzes maken om het gebruiksgemak van je site te vergroten.
Voor wie?
Tips en tools voor Joomla! is bedoeld voor iedereen die een site wil bouwen en daarbij
alle voordelen van Joomla wil benutten. Technische begrippen en webjargon zijn tot het
uiterste beperkt. Natuurlijk kunnen we om centrale begrippen als html en css niet heen,
maar in het boek vind je verwijzingen naar websites die je meer over die basisbegrippen
uitleggen. Het is meegenomen als je al ervaring hebt met ‘ouderwetse’, statische sites,
maar je hoeft geen ervaring te hebben met programmeren of coderen – het bijzondere
aan Joomla is nu juist dat je het uiterste uit je nieuwe website kunt halen zonder ook maar
een regel in een programmeer- of scripttaal te hoeven schrijven. Die laagdrempeligheid is
ook het uitgangspunt van dit boek.
De uitgebreide inhoudsopgave bij dit boek kun je gebruiken als een FAQ: als je een ge-
richte vraag hebt, kies je eerst de hoofdvraag waar die kwestie onder valt, en dan vind je
daaronder alle vragen die met dat onderwerp te maken hebben.
Copyright Academic Service / Eric Tiggeler (www.joomla.erictiggeler.nl)
Inleiding
Tot slot
Met Tips en tools voor Joomla! heb ik een boek willen schrijven dat heel veel praktische
informatie bundelt die ik zelf bij het webbouwen stukje bij beetje verzameld heb vanuit
de meest uiteenlopende bronnen – van websites uit Costa Rica tot Engelse, Nederlandse
en Duitse handboeken. Dit boek geeft je antwoord op concrete vragen die je gaande-
weg krijgt wanneer je Joomla wilt inzetten als serieus webgereedschap. Ik hoop dat je
het daarbij inderdaad kunt gebruiken, dat het je verder helpt bij praktijkproblemen en
je veel uitzoekwerk bespaart. Heb je vragen, opmerkingen, wil je meer weten? Kijk op
www.joomla.erictiggeler.nl voor aanvullende informatie, updates op het boek, een FAQ en
een reactieformulier.
xi
Copyright Academic Service / Eric Tiggeler (www.joomla.erictiggeler.nl)
1 Een cms, hoe werkt dat?
Een andere manier van websites bouwen
Een cms kun je zien als een krachtige ‘publiceermachine’: installeer de machine, zet een
paar knoppen om, stop er content in en je hebt een gemakkelijk aan te passen en voort-
durend uit te breiden website. De kracht van Joomla is daarbij niet alleen dat het een vrij
eenvoudig cms is om mee te leren werken, maar ook dat het voortdurend wordt dooront-
wikkeld en uitgebreid. Er is wereldwijd een enorme community die zich inzet om Joomla
zelf te ontwikkelen en te verbeteren, maar ook om nieuwe toevoegingen (extensies) voor
het systeem te maken.
Wat kun je met een cms dat je ‘met de hand’ niet kunt? Een cms maakt het vooral mogelijk
om de inhoud van je site makkelijk te beheren: je kunt nu al een berichtje schrijven voor de
homepage van volgende maand, en Joomla zorgt er automatisch voor dat het verschijnt
op de datum die jij bij het schrijven prikt. Maar ook het toevoegen en bijhouden van hy-
perlinks is een klus die met een cms veel makkelijker gaat: een statische website wordt al
snel een onoverzichtelijke kluwen van pagina’s en hyperlinks. Het cms houdt hyperlinks
voor je bij en zorgt er bijvoorbeeld voor dat, als je een nieuwspagina toevoegt, automa-
tisch een link verschijnt in de lijst met ‘laatste nieuws’.
Afbeelding 1.1 Met een cms voeg je zonder veel moeite extra’s toe, zoals automatisch bijgehouden
hyperlinks naar hot topics of meest gelezen artikelen.
Een cms zoals Joomla kan zoveel functies bieden doordat het gebruikmaakt van de krach-
tige programmeertaal PHP en gekoppeld is aan een database.
G Hoewel je weinig hoeft af te weten van html en css om met Joomla te wer-
ken, is het wel slim om van de basisbeginselen kennis te nemen. Dan sta je
niet meteen voor verrassingen als je eens een keer onder de motorkap moet
kijken. Als je zelf de lay-out van je site wilt aanpassen, dan is het zelfs een
must om wat van css af te weten. Gelukkig zijn html en css geen ingewik-
kelde codetalen en zijn er veel goede websites die je een introductie geven.
Een paar voorbeelden:
n http://www.handleidinghtml.nl/
n http://www.webontwikkelaar.nl/css/cursus/
1.2 Wat is het verschil met het werken aan een gewone site?
Werken met een cms verschilt sterk van het maken van ‘gewone’, statische websites, waar-
bij je pagina voor pagina maakt en die uploadt naar een webserver. In het editorscherm
van bijvoorbeeld Dreamweaver bewerk je de webpagina die je bezoeker uiteindelijk ook in
zijn browser ziet. Maar in Joomla bestáán geen webpagina’s. Joomla pakt stukje bij beetje
Copyright Academic Service / Eric Tiggeler (www.joomla.erictiggeler.nl)
1 Een cms, hoe werkt dat?
de inhoud van de pagina bij elkaar uit een database. Alleen de bezoeker van je site ziet
de volledige webpagina’s die Joomla samenstelt, jij als webbouwer of webredacteur werkt
met de blokken waaruit de webpagina’s bestaan.
Wat zijn dat voor blokken? Denk aan een blok met een menu, een blok met een afbeel-
ding, een blok met artikeltekst, enzovoort. Welke blokken Joomla precies bij elkaar pakt,
en in welke volgorde en lay-out die blokken op het scherm verschijnen, dat bepaal jij – niet
per pagina, maar per blok.
Via verschillende instellingen aan de achterkant van Joomla (de backend, zie 1.4.2) be-
paal je bijvoorbeeld waar het blok mainmenu verschijnt, dat het hoofdmenu van de site
bevat. In de Article Manager bepaal je welk artikel verschijnt in het ‘hoofdblok’ op de
pagina, en met Module Manager kies je welke extra modules er op die pagina te zien zijn
– denk bijvoorbeeld aan een banner of een newsflash.
Het lijkt misschien onhandig: wil je één pagina beïnvloeden, dan moet je in Joomla de
instellingen veranderen van de verschillende blokken op die pagina. Maar je moet het
eigenlijk andersom zien: als je op één plaats in Joomla de instellingen van een blok veran-
dert – bijvoorbeeld van een menu – dan stel je dat meteen in voor verschillende pagina’s
tegelijk. En je kunt precies bepalen op welke pagina’s een blokje opduikt: het blok met
de speciale aanbiedingen voor tuinliefhebbers kun je met een paar klikken alléén laten
verschijnen op de homepage en in de rubriek tuinartikelen.
Omdat één blok op heel veel pagina’s kan voorkomen, verander je door de instellingen
van één blok soms het hele aanzien van de site. Die flexibiliteit is onmogelijk als je pagina
voor pagina een statische site bouwt. Kortom, websites bouwen met Joomla betekent een
nieuwe manier van werken, maar je krijgt er veel flexibiliteit voor terug.
Hieronder zie je een illustratie van Joomla als ‘blokkendoos’. De sjabloon van de web
pagina (de template) bevat lege vakken die je kunt vullen met blokken. In dit geval zijn die
blokken de zoekmachine (bovenaan), het menu (in de linkerkolom), het broodkruimelpad,
de centrale paginacontent (een introductiepagina bij dit onderdeel van de site), en in de
rechterkolom een extra blok.
Copyright Academic Service / Eric Tiggeler (www.joomla.erictiggeler.nl)
Tips en tools voor Joomla!
Afbeelding 1.2 De webpagina als blokkendoos. Op de achtergrond zie je de sjabloon van de website,
dat Joomla vult met content. De bezoeker ziet één pagina, die in dit geval is samengesteld uit minstens vijf
verschillende ‘contentblokken’.
Copyright Academic Service / Eric Tiggeler (www.joomla.erictiggeler.nl)
1 Een cms, hoe werkt dat?
Om Joomla te kunnen installeren, heb je dus een hostingaccount nodig; je huurt ruimte
op het web. Een goed overzicht van webhostingbedrijven vind je via www.webhosters.nl/.
Zodra je beschikt over hostingruimte op een webserver, kun je Joomla installeren in vier
stappen:
Uitgebreide instructies voor deze vier stappen vind je in de Bijlage: Joomla installeren.
Hierna gaan we ervan uit dat je Joomla geïnstalleerd hebt en dat je beschikt over de mo-
gelijkheid om bestanden te uploaden naar je site (ftp’en). Je kunt de volgende hoofdstuk-
ken ook volgen als je nog niet over Joomla beschikt, maar het is gemakkelijker als je zelf
de stappen uit dit boek ‘live’ kunt uitproberen.
G Joomla zelf installeren is een koud kunstje: als je een account hebt bij een
webhost, en dus bestanden kunt uploaden en een database kunt aanmaken,
dan is het in tien minuten gebeurd. Maar als je geen zin hebt om Joomla zelf
te installeren, dan kun je ook kiezen voor een webhost die Joomla al voor-
geïnstalleerd aanbiedt in zijn hostingpakket. Je hoeft dan niets zelf te doen
om gebruik te maken van Joomla (of alleen op een knop ‘activeer Joomla’
te klikken). Googel eens op ‘webhosting Joomla’.
Met Joomla bouw en onderhoud je een website online, in je browser. Dat betekent dat je
vanaf elke plek met internettoegang je site kunt beheren. Dat doe je via de achterkant van
Joomla: de backend, die alleen toegankelijk is voor beheerders van de site. Je moet inlog-
gen met je gebruikersnaam en password om de backend te kunnen bereiken. Vervolgens
kun je vanuit de backend de site-indeling aanpassen, artikelen toevoegen, enzovoort.
Wat de bezoeker ziet van Joomla, is de voorkant: een website waar je niet aan merkt dat
Joomla de motor is. De frontend is dus de website zoals de bezoeker die ziet.
Copyright Academic Service / Eric Tiggeler (www.joomla.erictiggeler.nl)
Tips en tools voor Joomla!
Hieronder lees je eerst meer over deze twee centrale begrippen in Joomla: eerst over het
eindproduct van je werk in Joomla, de frontend, dan over de backend, de werkruimte voor
webontwikkelaar en -beheerder.
Je krijgt zo in één klap een kant-en-klare website, vol toeters en bellen. Dat is trouwens
meteen een risico van het installeren van Joomla inclusief voorbeelddata: de site zit wel
erg vol met extra functies, en je moet vooral de verleiding weerstaan om die allemaal te
handhaven als je je eigen site maakt. Het is immers maar de vraag of je bezoekers alle-
maal zitten te wachten op polls, newsflashes enzovoort. Maar de voorbeeldsite is wel een
uitstekende illustratie van wat Joomla allemaal kan. Hieronder zie je wat de belangrijkste
onderdelen en functies zijn.
Copyright Academic Service / Eric Tiggeler (www.joomla.erictiggeler.nl)
1 Een cms, hoe werkt dat?
Afbeelding 1.4 De onderdelen van een webpagina nadat Joomla geïnstalleerd is met voorbeelddata.
Deze elf onderdelen zijn nog niet eens het maximale: er kan ook nog bijvoorbeeld een
loginformulier zijn (dat geregisteerde gebruikers toegang geeft tot bepaalde pagina’s). Als
Copyright Academic Service / Eric Tiggeler (www.joomla.erictiggeler.nl)
Tips en tools voor Joomla!
een gebruiker is ingelogd, kan er een speciaal menu verschijnen dat hem de mogelijkheid
geeft een artikel toe te voegen.
Hoe de voorkant eruitziet, wordt niet alleen bepaald door welke onderdelen er ‘uit’ of
‘aan’ staan. De vormgeving van de site regel je met een template, een sjabloon dat de lay-
out van alle pagina’s in de site bepaalt. Het is heel gemakkelijk om een andere template
te laden en daarmee het uiterlijk van de site volledig te veranderen. Bij de installatie van
Joomla vind je al enkele templates in de Template Manager (waaronder rhuk_milkyway,
dat in het voorbeeld hierboven gebruikt is). Je kunt die templates aanpassen, je kunt je
eigen template maken, maar op het web vind je bovendien duizenden uitstekende (vaak
gratis) templates die je in een paar klikken kunt downloaden en installeren.
Copyright Academic Service / Eric Tiggeler (www.joomla.erictiggeler.nl)
1 Een cms, hoe werkt dat?
Hieronder zie je hoe de startpagina (het Control Panel) van de backend eruitziet. Die start-
pagina geeft toegang tot alle functies die je als sitebeheerder nodig hebt.
Afbeelding 1.6 Op de startpagina van de backend staan knoppen voor veelgebruikte functies, zoals het
toevoegen van een nieuw artikel.
Copyright Academic Service / Eric Tiggeler (www.joomla.erictiggeler.nl)
Tips en tools voor Joomla!
n Help: Joomla-hulpfunctie
3 Knoppen naar veelgebruikte functies (die je ook kunt bereiken via de menubalk), bij-
voorbeeld Add new article (nieuw artikel toevoegen).
4 Welkomstinformatie. Die zie je alleen na een nieuwe installatie; in de tekst zelf staan
instructies hoe je deze informatie weghaalt.
5 Extra informatie: onder andere links naar recent toegevoegde artikelen.
10
Copyright Academic Service / Eric Tiggeler (www.joomla.erictiggeler.nl)
1 Een cms, hoe werkt dat?
Afbeelding 1.9 De werkbalk past zich aan aan de activiteit waarmee je bezig bent.
n Preview: voorbeeld bekijken (het effect zien dat de wijzigingen hebben op de frontend
van de site)
n Save: opslaan (en het huidige Joomlavenster sluiten)
n Apply: toepassen (zonder het huidige venster te sluiten)
n Cancel: annuleren (zonder veranderingen op te slaan)
n Help: Joomla-hulpfunctie oproepen
De functies van de knoppen in Joomla spreken voor zichzelf, maar let wel op het verschil
tussen Apply (Toepassen) en Save (Opslaan). Klik op Apply om de wijzigingen die je op de
pagina hebt aangebracht, op te slaan, zonder de pagina te sluiten. Je kunt bijvoorbeeld
de tekst van een artikel bewerken en dan klikken op Apply en Preview, zodat je in een
nieuw venster kunt controleren of het resultaat naar wens is. Wil je vervolgens nog wijzi-
gingen aanbrengen in hetzelfde artikel, dan hoef je het niet opnieuw te openen. Pas als
je ten slotte op Save klikt, dan wordt het artikel opgeslagen én je sluit het Joomla-venster
waarin je aan het werk was.
11
Copyright Academic Service / Eric Tiggeler (www.joomla.erictiggeler.nl)
2 Hoe begin je met Joomla?
Een snelrecept voor je site
Stel je voor: je hebt het verzoek gekregen van een opdrachtgever om zo snel mogelijk een
website te maken. De opdrachtgever is een semi-professioneel theaterensemble, DaNova-
Music, dat komend weekend al een optreden geeft. Maar het heeft nog geen website! Het
bestuur vraagt of het mogelijk is om morgen al een functionele website online te hebben
dat bezoekers van het concert en andere belangstellenden voldoende informatie geeft
over het theaterkoor.
Natuurlijk kan dat. Wat een paar jaar geleden nog voorbehouden was aan gespecialiseerde
ontwerpbureaus en webontwikkelaars met diepgaande kennis van programmeer- en script-
talen, is met Joomla mogelijk met – bij wijze van spreken – een paar muisklikken. En zelfs als
het binnen een uur moet, krijg je al mooie resultaten. Je past daarbij de standaard-Joomla-
site zo aan, dat hij goed aansluit bij wat de opdrachtgever op het web wil presenteren.
Je kunt daarbij ook veel verder gaan en bijvoorbeeld de vormgeving perfect op maat
maken voor de opdrachtgever. Maar in dit scenario houden we het zo eenvoudig mogelijk
– en presenteren toch een professionele site.
Als je Joomla hebt geïnstalleerd met voorbeelddata (zie de Bijlage: Joomla installeren),
beschik je in één klap over een complete website. In het vorige hoofdstuk zag je al hoe
die eruitziet wanneer je Joomla op de standaardmanier hebt geïnstalleerd, inclusief alle
voorbeelddata (Afbeelding 1.4 op pagina 7).
Het is zinvol om die voorbeelddata te installeren als je Joomla voor de allereerste keer
leert kennen. Je krijgt dan in plaats van een lege pagina een volledige website waarin je
de verschillende pagina’s kunt verkennen en aanpassingen kunt uitproberen, zodat je een
goede eerste indruk krijgt van de mogelijkheden. Maar zodra je zelf een site bouwt, heb
je die voorbeelddata niet nodig. Om de site-in-een-uur te maken, verwijder je de voor-
beelddata dus. Mocht je Joomla zonder voorbeelddata hebben geïnstalleerd, dan kun je
de onderstaande twee stappen overslaan.
Je verbergt die extra’s door modules uit te zetten. Dat doe je als volgt:
Afbeelding 2.1 Met een klik op het vinkje bij Enabled verandert de status van de module: hij is nu voor de
bezoeker niet meer zichtbaar.
14
Copyright Academic Service / Eric Tiggeler (www.joomla.erictiggeler.nl)
2 Hoe begin je met Joomla?
n Klik op het vinkje achter de module Banners. Het vinkje verandert in een kruis: de mo-
dule is nu aan de voorkant van de site niet meer zichtbaar.
n Doe hetzelfde voor Banners, Example Pages, Advertisement, Resources, Login Form,
Who’s Online, NewsFlash, Latest News, Popular, Syndication.
n Bekijk het resultaat: klik op Preview.
Afbeelding 2.2 Joomla uitgekleed: zonder inlogformulier, banner, advertentie enzovoort. Wat overblijft: de
header, één menu, de ‘mainbody’ met content, en de module Polls (enquête). Een goede basis om de site zelf
verder aan te passen en te vullen.
15
Copyright Academic Service / Eric Tiggeler (www.joomla.erictiggeler.nl)
Tips en tools voor Joomla!
Afbeelding 2.3 Met een vinkje helemaal bovenaan in de kolom selecteer je alle items.
n Klik op Trash (de prullenbak). Bevestig dat je alle artikelen wilt verwijderen.
n Je moet de artikelen nu nog uit de Trash definitief verwijderen. Ga naar Content >
Article Trash, selecteer alle artikelen en klik op Delete. Bevestig dat je de artikelen wilt
verwijderen.
n Ga naar Content > Category Manager. Zet een vinkje om alle categorieën te selec
teren. Klik op Delete.
n Ga naar Content > Section Manager. Zet een vinkje om alle categorieën te selecteren.
Klik op Delete.
16
Copyright Academic Service / Eric Tiggeler (www.joomla.erictiggeler.nl)
2 Hoe begin je met Joomla?
Tot slot hoef je alleen nog het Main Menu te legen. Dat gebeurt op een vergelijkbare ma-
nier: ga naar Menus > Main Menu, zet een vinkje om alle menu-items te selecteren en klik
op Trash. Je krijgt nu een melding dat alle menu-items verwijderd zijn (naar de menuprul-
lenbak Menu Trash), op één na: het menu-item Home. Dat is essentieel voor een goede
werking van Joomla, dus dat blijft altijd staan.
n Sla het logobestand op als png-bestand, bij voorkeur met een transparante achter-
grond. Zo past het logo goed in de achtergrondkleur van de pagina. In dit geval geven
we het logo de naam danovalogo.png.
17
Copyright Academic Service / Eric Tiggeler (www.joomla.erictiggeler.nl)
Tips en tools voor Joomla!
pas de verwijzing naar het logobestand aan (background: url). De css-stijl moet er dan
zo uitzien:
n Klik op Preview.
Hoe kun je de basiskleuren van de site aanpassen? Bij de template rhuk_milkyway kun je
kiezen uit verschillende kleurencombinaties. Dat is niet bij elke template zo: de template-
18
Copyright Academic Service / Eric Tiggeler (www.joomla.erictiggeler.nl)
2 Hoe begin je met Joomla?
ontwerper kan dit soort extraatjes inbouwen. Je vindt zulke opties dan bij de parameters
van de template. In dit geval heeft de template een paar parameters waarmee je de
hoofdkleuren kiest.
Afbeelding 2.6 Met de parameters van de template rhuk_milkyway kun je het kleurschema veranderen.
Afbeelding 2.7 Als je het horizontale menu verwijdert, blijft een ongewenst stukje menuopmaak in beeld.
Daar staan normaal gesproken de menulinks tussen van het horizontale menu (het zo-
genoemde pill menu). Je verwijdert de bolletjes door een paar regels te schrappen in het
css-bestand.
pill tot en met de stijl #pillmenu a#active_menu-nav (die eindigt met background-posi-
tion: 0 0;} ).
n Omdat we het horizontale menu in deze site nooit zullen gebruiken, verwijderen we
deze stijlen.
n Klik op Save en klik op Preview.
19
Copyright Academic Service / Eric Tiggeler (www.joomla.erictiggeler.nl)
Tips en tools voor Joomla!
Voettekst verwijderen
n Tot slot kun je nog de voettekst verwijderen (of vervangen door andere tekst). Je vindt
die tekst in de template.
n Ga naar Extensions > Template Manager en klik op rhuk_milkyway.
<p id=”power_by”>
<?php echo JText::_(‘Powered by’) ?> <a href=”http://www.joomla.org”>Joomla!</a>.
<?php echo JText::_(‘Valid’) ?> <a href=”http://validator.w3.org/check/
referer”>XHTML</a> <?php echo JText::_(‘and’) ?> <a href=”http://jigsaw.w3.org/
css-validator/check/referer”>CSS</a>.
</p>
Als je ‘gewone’ html-sites maakt, voeg je pagina’s toe in twee stappen: je maakt een
pagina, en brengt een link naar die pagina aan. In Joomla gaat daar iets aan vooraf: je
moet de pagina eerst rubriceren. Je moet hem onderbrengen in een sectie en een catego-
rie. Nieuwe contentpagina’s maken gaat altijd in deze drie stappen: (1) maak een sectie
en een categorie, (2) maak een artikel, (3) maak een menulink. Die volgorde ligt vast. Je
kunt geen contentpagina publiceren zonder dat je een sectie/categorie hebt om de pagina
aan vast te maken. En je kunt geen link aanmaken naar een artikel dat nog niet bestaat
(zie afbeelding 2.9).
Voor de site-in-een-uur zet je die drie stappen hieronder met zevenmijlslaarzen aan. In de
volgende hoofdstukken lees je er nog veel meer over, want deze vormen de basis van het
werken met Joomla.
20
Copyright Academic Service / Eric Tiggeler (www.joomla.erictiggeler.nl)
2 Hoe begin je met Joomla?
Afbeelding 2.9 De volgorde waarin je een webpagina maakt. Er moeten eerst een sectie en categorie zijn,
dan kun je content (artikelen) maken, tot slot kun je een link daarnaartoe aanbrengen.
n Vul alleen het veld Title in: Recente optredens. Klik op Save. Je hebt een categorie ge-
maakt.
21
Copyright Academic Service / Eric Tiggeler (www.joomla.erictiggeler.nl)
Tips en tools voor Joomla!
Afbeelding 2.11 In dit popupscherm selecteer je een afbeelding. Met Insert voeg je die afbeelding in.
22
Copyright Academic Service / Eric Tiggeler (www.joomla.erictiggeler.nl)
2 Hoe begin je met Joomla?
n Vul bij Title in Nieuws. Selecteer onder Parameters – Basic de sectie Nieuws. Klik op
Save.
De site is af!
Nou vooruit, de site is nog niet helemaal af. Maar de basis wel: je hebt een vormgeving,
en je hebt een sitestructuur, mét een artikel. Op het web ziet de site er nu uit zoals je hier-
onder ziet. De homepage is nog leeg, maar bevat wel de menulink Nieuws uit stap 4:
Als de bezoeker klikt op Nieuws, komt hij uit bij een overzichtspagina van de sectie Nieuws.
Die pagina heeft Joomla ‘vanzelf’ toegevoegd doordat je er een menulink naar hebt ge-
maakt! Op die overzichtspagina staat nu nog maar het intro van één artikel:
23
Copyright Academic Service / Eric Tiggeler (www.joomla.erictiggeler.nl)
Tips en tools voor Joomla!
Klikt de bezoeker op Lees meer, dan komt hij uit bij het volledige artikel. Je ziet dat het
broodkruimelpad boven het artikel de structuur volgt die je met secties en categorieën
aanbrengt: van Home naar de sectie Nieuws naar het in de categorie Recente optredens
ondergebrachte artikel Spetterende show in Brussel (zie afbeelding 2.14).
24
Copyright Academic Service / Eric Tiggeler (www.joomla.erictiggeler.nl)
2 Hoe begin je met Joomla?
Afbeelding 2.14 De pagina met het volledige artikel uit de sectie Nieuws.
Hierna zie je diezelfde siteopbouw uit het schema terug in de Article Manager, nadat alle
secties, categorieën en artikelen zijn toegevoegd. Helemaal rechts staan secties en cate-
gorieën, links staan de titels van de artikelen.
25
Copyright Academic Service / Eric Tiggeler (www.joomla.erictiggeler.nl)
Tips en tools voor Joomla!
Afbeelding 2.15 Een overzicht van de content van de complete site: alle artikelen en de secties en
categorieën waar ze onder vallen.
Als je secties, categorieën en artikelen hebt toegevoegd tot je de bovenstaande lijst hebt,
maak je die inhoud toegankelijk via het menu (stap 3 hierboven). Aan het Main Menu
voeg je twee hyperlinks toe, allebei van het type Section Blog Layout. Dat laatste betekent
dat die links leiden tot overzichtspagina’s van de geselecteerde secties. Je voegt de links
als volgt toe:
n Maak via Menus > Main Menu > New een hyperlink van het Menu Item Type Articles
> Section Blog Layout, met de titel Wie zijn wij, en met als doel de sectie Wie zijn wij.
n Maak op dezelfde manier een hyperlink Wat zingen wij, van hetzelfde type, met als
Hieronder zie je het resultaat. In het Main Menu (Menus > Main Menu) staan nu in totaal
vier menu-items:
26
Copyright Academic Service / Eric Tiggeler (www.joomla.erictiggeler.nl)
2 Hoe begin je met Joomla?
Aan de voorkant begint de site nu al veel meer op een complete website te lijken. Hier zie
je de overzichtspagina van de rubriek Nieuws. Doordat we drie nieuwe artikelen hebben
toegevoegd aan de categorieën onder de sectie Nieuws, worden die artikelen automatisch
als intro’s op de overzichtspagina van de sectie Nieuws getoond. Plaats je in die intro’s
ook nog een afbeelding, dan krijg je een aantrekkelijke pagina:
Afbeelding 2.17 De homepage bevat nu een selectie van (intro’s van) artikelen op de site.
Nog een voorbeeld: dit is wat de bezoeker ziet als hij klikt op Wie zijn wij. Ook hier een
pagina met een greep uit de inhoud van de sectie.
27
Copyright Academic Service / Eric Tiggeler (www.joomla.erictiggeler.nl)
Tips en tools voor Joomla!
Afbeelding 2.19 Bij de artikeleigenschappen bepaal je of het artikel op de Front Page verschijnt.
28
Copyright Academic Service / Eric Tiggeler (www.joomla.erictiggeler.nl)
2 Hoe begin je met Joomla?
Je kunt ook via Content > Article Manager klikken op het kruisje in de kolom Front Page.
Het kruisje verandert in een vinkje: het artikel wordt nu op de homepage getoond.
Zelfs zonder daar iets voor te doen, heb je al de beschikking over extra functies in de
website tot nu toe: zo heb je standaard een zoekmachine en een dynamisch broodkrui-
melspoor, dat zich aanpast aan de locatie van de bezoeker en hem helpt om te navigeren
over de site. Maar je kunt nog veel andere extra’s toevoegen. Echte interactiviteit bijvoor-
beeld, in de vorm van een poll, een enquête van één vraag waaraan de bezoeker van de
site voor de aardigheid kan meedoen. Ga naar Components > Poll en klik op New.
Afbeelding 2.22 In het scherm Poll vul je de details in van een enquête.
30
Copyright Academic Service / Eric Tiggeler (www.joomla.erictiggeler.nl)
2 Hoe begin je met Joomla?
n Vul de Title in: kies een nieuw nummer voor ons repertoire.
n Vul een Alias in: kies-een-nieuw-nummer.
n De Lag kun je onveranderd laten. Een bezoeker mag binnen één dag (de standaard-
Lag van 86.400 seconden, ofwel 24 uur) maximaal één keer stemmen.
n Klik bij Published op Yes.
n Vul in de velden met Options de opties in waaruit de bezoekers mogen kiezen.
n Klik op Save.
De poll moet nu nog een positie krijgen: op welke pagina’s en wáár op die pagina’s moet
de poll verschijnen? Dat bepaal je via Extensions > Module Manager. Klik daar op de
module Poll.
Vanaf nu verschijnt de Poll op alle pagina’s. De bezoeker kan een keuze maken, klikken
op Stem en de resultaten bekijken.
31
Copyright Academic Service / Eric Tiggeler (www.joomla.erictiggeler.nl)
Tips en tools voor Joomla!
G Je kunt polls niet alleen gebruiken om een keus te geven uit verschillende
antwoorden, maar ook voor een simpele vraag of stelling met het antwoord
ja/nee of eens/oneens.
Afbeelding 2.24 Een poll om de lezer te laten reageren op een stelling (www.echo.nl).
Het laatste onderdeel uit de wensenlijst van de opdrachtgever: de bezoeker moet contact
kunnen opnemen via een reactieformulier.
Bepaal de contactpersoon
n Maak een contactpersoon aan: iemand wiens (mail)adres en andere bereikbaarheids-
gegevens op de site komen te staan. Je kunt een uitgebreid systeem aanleggen met
lijsten contactpersonen per afdeling, maar in dit geval volstaat één naam en mail-
adres. Je voert die gegevens in via Components > Contact Manager. Er zijn nog geen
contactpersonen; klik dus op New.
n Vul een naam in van de contactpersoon: in dit geval Management DaNovaMusic. Kies
op de contactpagina. Voor een informatieformulier is niet meer nodig dan een e-mail-
adres dat je invult bij Information. Daarmee werkt het formulier. Je hoeft dat adres (of
andere contactgegevens) niet te publiceren – tenzij je dat wilt, natuurlijk, om de bezoe-
ker meer mogelijkheden te geven om te reageren.
n Tot slot is bij de Advanced Parameters van belang dat E-mail form op Show staat. Zo
niet, dan verschijnt er wel informatie over de contactpersoon op de pagina, maar geen
contactformulier.
32
Copyright Academic Service / Eric Tiggeler (www.joomla.erictiggeler.nl)
2 Hoe begin je met Joomla?
n Vul een Title in voor het menu-item (bijvoorbeeld: Neem contact op) en een alias
(neem-contact-op).
n Kies onder Parameters-Basic de contactpersoon die je net hebt aangemaakt:
n Klik op Save. De site beschikt nu over een link Neem contact op en een reactieformulier:
33
Copyright Academic Service / Eric Tiggeler (www.joomla.erictiggeler.nl)
Tips en tools voor Joomla!
Afbeelding 2.27 De één-uur-website is compleet. In deze site zijn nog maar de basismogelijkheden van
Joomla toegepast.
34
Copyright Academic Service / Eric Tiggeler (www.joomla.erictiggeler.nl)
2 Hoe begin je met Joomla?
Met weinig moeite bereik je in Joomla een gelikte website – al is het nog maar een basis-
site. Met wat meer inspanning krijg je een nog veel geavanceerder resultaat. Wat die extra
inspanning precies inhoudt, dat lees je in de volgende hoofdstukken. Daar bouw je verder
op de kennis die je hier hebt opgedaan: de principes die gelden voor de site-in-een-uur,
gelden ook voor elke andere Joomlasite. Maar als je meer dan een uur neemt, kun je de
vormgeving verfijnen en de site uitbreiden met allerlei functies.
Afbeelding 2.28 Een voorproefje van het effect van templates: in één klap krijgt dezelfde content een volledig
andere vormgeving.
35
Copyright Academic Service / Eric Tiggeler (www.joomla.erictiggeler.nl)
3 Hoe bedenk je een
gebruikersvriendelijke indeling?
De site opbouwen met secties en categorieën
In het vorige hoofdstuk heb je kennisgemaakt met de basisvaardigheden: een site opzet-
ten, de standaardlay-out aanpassen, secties/categorieën en artikelen toevoegen. Je hebt
kunnen zien dat je bij het opbouwen van de content van een Joomlasite altijd drie stappen
volgt:
Vanaf hier gaan we op die vaardigheden dieper in. In dit hoofdstuk staat stap 1 centraal:
hoe maak je een handige indeling in secties en categorieën? Je moet eerst de indeling
áchter de content bedenken, voordat je content kunt maken. In dit hoofdstuk gaat het over
die indeling. In de hoofdstukken 4 en 5 komen de tweede en derde stap aan bod.