2. 1. INLEIDING
1.1 Een contentmanagementsysteem
Een contentmanagementsysteem (cms) is een softwaretoepassing, waarmee je
makkelijk en zonder veel technische kennis, gegevens op internet kan publiceren.
Een cms bevat al een kant-en-klare basis voor een website, zodat je niet vanaf nul
hoeft te beginnen. De functionaliteit wordt hierbij gescheiden van de inhoud.
Een CMS kan worden gebouwd voor een specifieke toepassing, maar er zijn ook
generieke CMS'en beschikbaar. Een aantal daarvan is onder een open source
licentie gepubliceerd. Deze open source-oplossingen zijn volgens onderzoek voor
77 % een goed alternatief voor closed source-oplossingen. Bekende voorbeelden
zijn Drupal, WordPress en Joomla.
Andere voorbeelden vind je op www.opensourcecms.com.
1.2 Joomla!
Joomla is een vrij, opensource contentmanagementsysteem.Het cms wordt
ontwikkeld en ondersteund door een wereldwijde groep of community van
vrijwilligers.
De naam "Joomla" is de Engelse fonetische spelling van het Swahili-woord "jumla"
dat "alles samen" of "als één geheel" betekent. De naam is gekozen om de
verbintenis van het ontwikkelingsteam en de gemeenschap met het project te
benadrukken. Vandaar ook het veelkleurige en verstrengelde logo.
Een Joomla-website is dynamisch en maakt gebruik van een database om content
op te slaan. De pagina die de webbezoeker ziet, is eigenlijk een combinatie van
bouwstenen uit een database. Die bouwstenen kunnen uit van alles bestaan :
artikelteksten, koppen, afbeeldingen, animaties, menu's, hyperlinks, inlogformulieren,
filmpjes, enz…. Al die bouwstenen kunnen op veel verschillende manieren
gecombineerd worden tot een webpagina.
Zodra de bezoeker klikt op een link, stuurt hij eigenlijk een verzoek naar Joomla om
stukjes en beetjes uit de database te halen om zo een volledige webpagina te
presenteren. Als de sitebezoeker klikt op Home, ziet hij een pagina met menu's, een
logo, afbeeldingen, introteksten en links. En als hij klikt op een Lees meer-link, wordt
een nieuwe mix van de gegevens weergegeven : een volledig artikel, met dezelfde
introtekst, met links naar gerelateerde artikelen, enz…
De beheerder van de website werkt dan ook niet met hele pagina's, maar werkt met
de bouwstenen van die pagina's. In Joomla stelt hij zelf de combinatie samen en
maakt hij een homepage of een willekeurige andere pagina op maat, zonder
programmeerkennis.
Joomla is geschreven in PHP en werkt met een MySQL-database.
2
3. 1.3 Geschiedenis
In 2001 ontwikkelde het Australische bedrijf Miro een contentmanagementsysteem
dat ze Mambo doopten. Ze stelden het pakket beschikbaar als open-sourcesoftware
om het testen. In 2002 splitste het bedrijf Mambo op in een commerciële en een
open-source versie. De commerciële versie werd Mambo CMS genoemd, de open-
source versie Mambo Open Source of MOS.
De voordelen van de commerciële versie waren vooral de grotere beveiliging voor
bedrijven en de ondersteuning door Miro.
De open-source versie bood het voordeel dat het gratis was en dat een enorme
gemeenschap van gebruikers en ontwikkelaars voor een continue verbetering
zorgde.
Om het voortbestaan en de continuïteit van de ontwikkeling van Mambo veilig te
stellen, werd in de herfst van 2005 de oprichting van de Mambo Foundation
aangekondigd. Na positieve reacties in het begin, werd het snel duidelijk dat de
nieuwe stichting was opgericht door Miro en dat het ontwikkelteam daar niet bij
betrokken was.
Het ontwikkelteam besloot uiteindelijk om zelf de ontwikkeling van Mambo verder te
zetten. Bovendien wilden ze vooral de open-source gedachte extra benadrukken.
Er ontstond snel een soms bitsige strijd tussen de Mambo Foundation (die door Miro
werd gedomineerd) en het ontwikkelteam. Ondertussen ging de ontwikkeling van
beide projecten wel door. Het open-source project had nood aan een nieuwe naam
en er werd gekozen voor Joomla.
Versie 1.0 van Joomla werd gelanceerd op 17 september 2005.
Twee jaar na de oprichting was Joomla een van de meest populaire open-source
projecten ter wereld. Vooral de grote gebruikersgemeenschap en de beschikbaarheid
van duizenden uitbreidingen maken de kracht van Joomla uit.
Op 10 januari 2011 werd Joomla 1.6 gelanceerd. Deze versie biedt alweer heel wat
nieuwe functionaliteiten. In deze cursus zullen we dan ook deze versie van Joomla
behandelen.
3
4. 2. JOOMLA INSTALLEREN
2.1 Voor je begint
Joomla is een web-applicatie die geschreven is in PHP (Hypertext Preprocessor) en
draait op een webserver. Om een Joomla website op het wereldwijde web te
plaatsen moet je de site hosten bij een web-host.
In deze cursus gaan we echter lokaal werken. Je kan je eigen computer omtoveren
tot een webserver en daarop Joomla installeren. Dat gebeurt in 3 stappen :
1. Een webserver installeren met PHP en MySQL
2. Een MySQL-database aanmaken
3. Joomla installeren
2.2 Een webserver installeren
Een webserver en PHP en MySQL installeren hoeft niet moeilijk te zijn. In plaats van
alles apart te installeren, kan je gebruik maken een alles-in-een-pakket.
De bekendste zijn WampServer en XAMPP. Zij installeren een Apache Web Server,
PHP en MySQL op je computer en configureren ze om samen te werken.
We zullen hier WampServer gebruiken.
Download de laatste versie van WampServer op
http://www.wampserver.com/en/download.php. We kiezen hier voor de 32-bit versie.
Sla het bestand lokaal op je computer op.
Voer het gedownloade exe-bestand uit.
Je klikt gewoon op Next en verklaart je akkoord met de voorwaarden. Daarna geef je
de folder op waarin WampServer mag geïnstalleerd worden. Klik op Next en nadien
op Install. Je eigen webserver wordt nu geïnstalleerd.
Vervolgens krijg je de vraag om de host en je e-mailadres in te geven. Laat localhost
gewoon staan en vul je e-mailadres in.
4
5. Klik op Next en nadien op Launch WampServer 2
now.
Rechts onderaan in de statusbalk zie je nu het
icoontje van WampServer verschijnen.
Nu gaan we testen of onze webserver effectief draait.
Start je webbrowser op en typ in de adresbalk http://localhost.
Je zou onderstaand scherm moeten zien verschijnen :
2.3 Een database aanmaken
Om een MySQL-database aan te maken gaan we het programma "PhpMyAdmin"
gebruiken. Dit zit reeds in WampServer en is dus al geïnstalleerd.
Ga in je webbrowser opnieuw naar http://localhost.
Bij Tools zie je PhpMyAdmin staan. Klik erop.
(Je kan ook rechtstreeks http://localhost/phpmyadmin/ ingeven).
Je krijgt nu het scherm van PhpMyAdmin te zien. Bij "Nieuwe database aanmaken"
vul je "joomla" in. Klik op aanmaken.
5
6. Daarmee hebben we onze database aangemaakt !
Nu gaan we een nieuwe gebruiker aanmaken. Klik bovenaan op "Rechten". Kies nu
voor "Voeg een nieuwe gebruiker toe".
Vul het formulier in om een gebruiker aan te maken.
• Gebruikersnaam : student
• Machine : localhost
• Wachtwoord : joomla
Vink "Geef alle rechten op de database joomla" aan en bij Globale privileges klik je
op "Selecteer alles".
Klik onderaan op "Start". Normaal moet bovenaan in een groen kadertje de melding
verschijnen dat de nieuwe gebruiker is toegevoegd.
6
7. Nu is alles klaar voor de installatie van Joomla!
2.4 Joomla 1.6 installeren
Eerst moeten we Joomla downloaden. Je vindt Joomla op http://www.joomla.org.
Standaard vind je hier de Engelstalige versie. Maar in de meeste landen zijn lokale
gebruikersgroepen actief die vertalingen van het pakket maken.
In het Nederlandstalige gebied is dit DutchJoomla (http://www.dutchjoomla.org/).
Het Joomla-bestand komt in zip-formaat. Dit is gecomprimeerd en bevat alle
bestanden die je nodig hebt.
Sla het bestand lokaal op je computer op.
Nu moeten we de bestanden van het Joomla-pakket uitpakken en op onze
webserver plaatsen.
Ga naar het gedownloade zip-bestand. Klik erop
met je rechtermuisknop. Kies voor "alles
uitpakken".
Klik op Volgende en kies de map waarin je de
bestanden wil uitpakken.
We zullen de bestanden uitpakken in
C:wampwww. Dit is de root-map van onze
webserver.
Klik op Volgende om het uitpakken te starten. Klik nadien op Voltooien.
7
8. Als we in onze map C:wampwww kijken, zien we dat daar een heleboel mappen en
bestanden zijn verschenen.
Nu kan je Joomla installeren.
Ga in je browser naar http://localhost. Je ziet nu het installatiescherm van Joomla.
Stap 1 : Kies in het eerste scherm "Kies taal" de taal die je wil gebruiken. Kies hier
voor Nederlands en klik op volgende.
8
9. Stap 2 : In het tweede scherm "Pre-installatie controle" controleert Joomla of alle
instellingen op de webserver goed staan. In de bovenste box zou alles in het groen
moeten staan.
Bij de aanbevolen instellingen kan het geen kwaad als er iets in het rood staat.
Joomla zal toch werken.
Als alles goed staat, kan je doorklikken op Volgende.
Stap 3: Op het derde scherm krijg je de licentievoorwaarden te zien waaronder je
Joomla mag gebruiken. Klik op Volgende.
9
10. Stap 4 : Dit is de belangrijkste stap. Hier gaan we de gegevens invullen die Joomla
nodig heeft om verbinding te maken met de MySQL-database die we hebben
aangemaakt.
Vul dit scherm als volgt in :
• Databasetype : Kies voor MySQLKl
• Naam host : vul hier localhost in.
• Gebruikersnaam : student
• Wachtwoord : joomla
• Naam database : joomla
• Tabelvoorvoegsel : laat dit gewoon staan
• Oude database verwerking : laat dit op backup staan
Klik op Volgende.
Stap 5 : Hier kan je de FTP-gegevens invullen. Je kan deze stap gerust overslaan.
Klik op Volgende.
Stap 6 : Configuratie. Voer de naam in die je aan je website wil geven. (bv. Opleiding
Joomla).
Vul ook je e-mailadres in en kies een gebruikersnaam voor de administrator
• Websitenaam : Opleiding Joomla
• E-mailadres : Joris.eeraerts@telenet.be
• Admin gebruikersnaam : admin
• Admin wachtwoord : joomla
10
11. Klik vervolgens op de knop "Installeer voorbeelddata". Joomla zal nu voorbeeld-
artikelen installeren waarmee kan geëxperimenteerd worden.
Klik vervolgens op Volgende.
Stap 7 : Voltooien. Joomla is nu geïnstalleerd.
Om de installatie volledig af te ronden moeten we de map "Installation" van de server
verwijderen.
Ga naar C:wampwww en verwijder de map "Installation".
Als dit gebeurd is, klik je op de knop "Website" rechts bovenaan je scherm of ga je
naar http://localhost.
11
12. 3. Eerste kennismaking met Joomla
3.1 De voorkant
Na de succesvolle installatie van Joomla op je eigen webserver staat er op
http://localhost een heuse website met (Engelstalige) voorbeeldartikelen.
Neem even de tijd om de website te verkennen. De voorbeeldsite geeft je alvast een
indruk van wat mogelijk is met Joomla : verschillende paginalay-outs, verschillende
soorten content (homepages, content-pagina's, pagina's met afbeeldingen).
Eigenlijk zijn het drie sites in één. Er is dus meer te ontdekken dan alleen de website
over Joomla die je als eerste ziet. Klik op de link Sample Sites bovenaan om twee
andere voorbeeldsites te bekijken : één over nationale parken en eentje over een
fruitzaak.
12
13. 3.2 De beheeromgeving
Je hebt al gezien bij de installatie dat een Joomla-site twee gezichten heeft. De
'achterkant' of 'backend' is de beheeromgeving. Gewone gebruikers komen hier nooit
terecht, maar de beheerders van de website des te meer.
Ga naar de beheeromgeving van onze website. Tik in de adresbalk van je browser :
http://localhost/administrator.
Je ziet dan bovenstaand inlogscherm. Voer je administrator-inlognaam in en het
wachtwoord. We hebben beide aangemaakt tijdens de installatie.
• Gebruikersnaam : admin
• Wachtwoord : joomla
• Taal : standaard
Klik op Login.
Op het eerste gezicht lijkt de beheersomgeving misschien wat verwarrend door de
vele knoppen en tientallen menuopties.
13
14. Het scherm valt uiteen in 4 onderdelen :
1. De menubalk
• Website : algemene site-instellingen regelen
• Gebruikers : gebruikers beheren, nieuwe gebruikers toevoegen,
toegangsrechten regelen
• Menu's : de verschillende menu's op de site beheren
• Inhoud : artikelen maken en ze indelen in categorieën
• Componenten : het beheer van speciale functies, zoals banners en
contactpersonen
• Extensies : het beheer van extra's waarmee je functies aan de site
toevoegt en van templates waarmee je de layout verandert.
• Help : links naar de onlinehulp van Joomla.
2. Pictogrammen : tien vaak gebruikte functies
• Toevoegen nieuw artikel
• Artikelbeheer
• Categoriebeheer
• Mediabeheer
• Menubeheer
• Gebruikersbeheer
• Modulebeheer
• Extensiebeheer
• Taalbeheer
• Algemene instellingen
• Templatebeheer
• Wijzig profiel
14
15. 3. Informatiebalk
• Ingelogd : informatie over het aantal gebruikers dat is ingelogd aan de
voorkant van de site, en het aantal gebruikers ingelogd in de
beheeromgeving.
• Berichten : aantal ongelezen privéberichten (interne berichten die je van
andere gebruikers van de site hebt gekregen).
• Bekijk website : bekijk de voorkant van de website in een nieuwe
browsertab of nieuw venster.
• Uitloggen : uitloggen uit de beheeromgeving.
4. Informatiepanelen
a. Laatste 5 ingelogde gebruikers
b. Top 5 populaire artikelen
c. Laatste 5 toegevoegde artikelen
15
16. 4. De inhoud indelen in categorieën
4.1 Bepaal welke categorieën je nodig hebt
In Joomla kan je websites bouwen in alle soorten en maten : van enkele pagina's tot
duizenden pagina's. Hoe klein of groot je site ook wordt, je begint altijd met een plan.
Maak voor jezelf een overzicht van de belangrijkste onderdelen van de site. Kies een
logische, simpele indeling. Als voorbeeld nemen we een website van een gemeente.
Dit is een heel simpele basisopbouw : een homepage, 4 pagina's daaronder en
vervolgens verdere vertakkingen. Als de site groeit, is het mogelijk om meer
vertakkingen toe te voegen.
Home
Bestuur & Economie & Vrije tijd &
Fotogalerij
Administratie Werk toerisme
College Gemeenteraad Markten Ondernemen Vacatures Bibliotheek
Artikelen Artikelen Artikelen Artikelen Artikelen Sport
Toerisme Artikelen
Je kan deze sitemap heel makkelijk toepassen in Joomla. Een Joomla-site bestaat in
de basis altijd uit een homepage, categorieën (en subcategorieën) en artikelen.
• Het blauwe vakje "Home" is uiteraard de homepage.
• De rode vakjes zijn onze categorieën.
• De groene vakjes zijn subcategorieën.
• De paarse vakjes zijn artikelen die aan (sub)categorieën hangen.
4.2 Een blik op categorieën en subcategorieën
Categorieën zijn de basis voor al je inhoud. Je moet eerst categorieën hebben
voordat je er artikelen aan kan toewijzen. (Je kan wel een artikel schrijven voor een
niet-bestaande categorie, maar dan moet je later alsnog die categorie maken en het
artikel weer openen om het aan die categorie toe te wijzen.
In Joomla 1.6 kan je aan elke categorie net zoveel subcategorieën toevoegen als je
wil. Natuurlijk is het niet handig om te veel subniveaus te maken : hoe dieper de site,
16
17. hoe onoverzichtelijker het wordt en hoe vaker bezoekers moeten doorklikken. Maar
als je een uitgebreide site hebt met veel gestructureerde informatie, dan is het handig
dat je meerdere subcategorieën kunt maken.
Alle inhoud op de voorbeeldwebsite is onderdeel van één hoofdcategorie : Sample
Data-articles. Onder die categorie vallen alle artikels op de site : de informatie over
Joomla en alles in de voorbeeldsites.
• Klik de knop "Categoriebeheer" aan in het Controlepaneel.
• Je ziet nu standaard 20 items in de lijst met categorieën. Klik op de
dropdownlijst Toon onder aan het scherm en kies Alle.
• Nu verschijnen alle categorieën van de site in één lange lijst.
De hoofdcategorie (Sample Data-Articles) staat helemaal aan de linkerkant. Voor de
namen van subcategorieën staat een grijs lijntje en ze springen iets in. De
subcategorieën daarvan springen nog iets verder in. De categorieën op deze site
gaan tot 5 niveaus diep :
Sample Data-Articles > Joomla > Extensions > Modules > Content Modules
In elk van deze categorieën kunnen artikelen zitten, maar de categorieën kunnen ook
leeg zijn.
17
18. 4.3 Categorieën en subcategorieën maken
• Ga naar Artikelen > Categoriebeheer in de menubalk en kies voor Toevoegen
nieuwe categorie.
• Vul als Titel in : Bestuur & Administratie.
• Je kunt Bovenliggende laten staan op : geen bovenligende. Met andere
woorden, de nieuwe categorie heeft geen hoofdcategorie boven zich en is dus
zelf een categorie op hoofdniveau.
• Achter Status staat : Gepubliceerd. Dat is nodig om de categorie zichtbaar te
maken aan de voorkant van de site. Standaard staat dat goed. Ook de andere
opties kan je onveranderd laten.
• Je eerste categorie is klaar om op te slaan. Om ook een subcategorie te
maken, klik je nu op Opslaan en nieuw. De categorie Bestuur & Administratie
wordt opgeslagen en je krijgt meteen een leeg scherm Categoriebeheer :
Toevoegen nieuwe artikelcategorie.
• In het veld Titel vul je in : College
• Om hier een subcategorie van te maken moet je in het veld Bovenliggende
kiezen de hoofdcategorie van deze subcategorie kiezen. Kies voor Bestuur &
Administratie.
• Klik op Opslaan en nieuw om een tweede subcategorie te maken.
• Noem deze subcategorie Gemeenteraad en kies opnieuw Bestuur &
Administratie als hoofdcategorie.
• Klik op Opslaan & Sluiten
18
19. 4.4 Instellingen van categorieën aanpassen
Je hebt nu alleen een titel en een hoofdcategorie opgegeven. Dat is genoeg, maar bij
het maken (of bewerken) van categorieën heb je natuurlijk nog meer keuzes.
Het scherm waarin je een categorie maakt of bewerkt, bestaat uit 5 delen die je kan
in- of uitklappen :
1. Details : Hier vul je de basisinformatie in. Veel opties staan standaard al goed.
Belangrijk zijn :
a. Titel : de naam van de categorie
b. Alias : niets invullen. Dit is de naam die Joomla intern gebruikt voor de
categorie, onder andere in de url (het webadres) van de pagina. Joomla
neemt automatisch de Titel over, in kleine letters en met streepjes tussen
de woorden.
c. Bovenliggende : kies de categorie waaronder de (nieuwe) categorie valt.
d. Status : kies Gepubliceerd om de categorie te tonen. Ongepubliceerd om
hem voor bezoekers te verbergen.
e. Beschrijving : kan je leeg laten, maar je kan hier een toelichting schrijven
op de categorie. Die beschrijving kan je tonen bovenaan categoriepagina's
(pagina's met links naar de inhoud van de categorie).
2. Toegangsregels categorie : Hier zie je een uitgebreid schema met de
rechten voor deze categorie van verschillende gebruikersgroepen. Met deze
rechten regel je bijvoorbeeld welke gebruikers categorieën mogen aanmaken
of verwijderen.
3. Publicatie-opties : Hier kan je aangeven welke gebruiker de categorie
aangemaakt heeft.
4. Basis opties : Basisopties voor de weergave van de categorie. Hier hoef je
niks in te vullen. In het vak Opmerking kan je een notitie voor jezelf noteren.
5. Metadata-opties : Metadata is informatie die het onderwerp van de pagina
beschrijft. Metadata komt terecht in de HTML-code. Gewone gebruikers lezen
de metadata niet, zoekmachines wel. Metadata invullen heeft (een beetje)
invloed op zoekmachineresultaten.
4.5 Categorieën verwijderen
Categorieën verwijderen gebeurt in 2 stappen. Eerst verplaats je de categorie naar
de Prullenbak, daarna kan je de categorie definitief verwijderen.
1. Ga naar Artikelen > Categoriebeheer. Je komt nu in het scherm
Categoriebeheer.
2. Zet een vinkje in het selectievakje voor de categorie Joomla! .
3. Klik in de knoppenbalk op de knop Prullenbak.
4. Je krijgt nu de melding "1 categorie naar prullenbak verplaatst" en de
categorie is verdwenen uit de lijst. De verwijderde items worden bewaard in de
prullenbak. Ze zijn dus nog niet definitief weg.
5. Als je wil zien welke categorieën in de prullenbak zitten, klik je in
Categoriebeheer op de keuzelijst Selecteer status. Kies in de lijst voor
Prullenbak.
19
20. 6. Nu krijg je een overzicht van verwijderde categorieën.
Als je het verwijderen ongedaan wil maken, selecteer dan de categorie(en) en
klik in de knoppenbalk op Publiceren.
Als je categorieën definitief wil verwijderen, selecteer dan de categorieën en
klik op de knop Prullenbak legen in de knoppenbalk. Maar let op : dat kan je
niet meer ongedaan maken !
20
21. 5. Inhoudspagina's maken
5.1 Artikelen schrijven en bewerken
Het belangrijkste onderdeel van een website is natuurlijk de inhoud. Een artikel
toevoegen is heel makkelijk.
• Ga naar Artikelen > Artikelbeheer
• Klik in de knoppenbalk op Nieuw
• Het scherm Nieuw Artikel toevoegen wordt geopend.
• In het vakje Titel vul je een titel in, bijvoorbeeld "Mijn eerste artikel"
• Kies de categorie "Sample Data-Articles"
• Selecteer in het keuzevakje Aanbevolen : ja. Dit zorgt ervoor dat het artikel
wordt getoond op de homepage.
• Typ wat tekst in het vak Artikeltekst. Dit is een mini-tekstverwerker (de
teksteditor) waarin je tekst kan invoeren en opmaken.
• Klik op de knop Opslaan in de knoppenbalk. Een melding verschijnt dat de
wijzigingen zijn opgeslagen (Artikel opslaan geslaagd).
• Klik op Bekijken Website. Je ziet nu de homepage van de site. Bovenaan staat
je artikel!
21
22. Als je een bestaand artikel wil bewerken, selecteer je in Artikelbeheer het artikel door
op het selectievakje te klikken (naast de titel van het artikel) en te klikken op de knop
Bewerken in de knoppenbalk. Een andere en snellere manier is klikken op de titel
van het artikel. Je komt dan meteen in het artikeleditorscherm.
Het scherm van de artikeleditor bestaat uit drie delen
1. Het editorvenster ziet er een beetje uit als een tekstverwerker. Je voert er
tekst in en kunt die opmaken. Boven de tekst vul je de belangrijkste gegevens
in : titel, de categorie waaronder het artikel valt, en of het artikel gepubliceerd
is of niet.
2. Met de knoppen op de knoppenbalk kan je het artikel opslaan en het
editorscherm sluiten (Opslaan & sluiten), of je kan er voor kiezen om het
artikel op te slaan en het scherm open te houden om een nieuw artikel in te
voeren (Opslaan & nieuw). Annuleren staat voor wijzigingen annuleren. Als je
een bestaand artikel bewerkt, heb je ook nog de knop Opslaan als kopie
beschikbaar, die je de gelegenheid geeft om een kopie van het artikel op te
slaan.
3. Met de Artikel opties kan je nauwkeurig regelen hoe het artikel eruitziet
(welke gegevens allemaal zichtbaar zijn) en met Artikelrechten (helemaal
onderaan) bepaal je welke gebruikersgroep wat mag doen met het artikel.
22
23. Nu gaan we enkele artikels aanmaken voor elk van de categorieën die we eerder
gemaakt hebben.
Artikel 1 : Administratie
1. Artikelen > Artikelbeheer > Toevoegen nieuw artikel
2. Titel : "Het bestuur van onze gemeente"
3. Categorie : "Bestuur & Administratie"
4. Aanbevolen mag je op Nee laten staan. Het artikel wordt dan niet op de
voorpagina getoond.
5. Schrijf het artikel in het editorscherm. De teksteditor werkt op een
vergelijkbare manier als Microsoft Word. Zo kan je tekst vet, schuin of
onderlijnd maken. Je kan hem ook links, centraal of rechts uitlijnen.
Pas de opmaak aan :
Selecteer de eerste alinea en maak ze vet (knop B).
Selecteer een tussenkopje (Gemeenteraad en College). Klik op de keuzelijst
Format (die staat standaard op Paragraph) en selecteer de tekststijl Heading
2. De tussenkop wordt nu wat groter.
6. Klik op Opslaan & sluiten.
Om snel een aantal dummy-artikelen te maken, kan je met de knop Opslaan als
kopie snel kopieën maken van één artikel. Maak het eerste artikel en sla het op.
Open nu dat artikel, pas het een beetje aan (verander de titel en kies een andere
categorie) en klik op Opslaan als kopie. Maak zo 3 artikels aan.
23
24. 5.2 Het artikel zichtbaar maken op de site
Je hebt een artikel geschreven, maar als je de site bekijkt (klik op Bekijken website)
zal je het nergens ontdekken. De reden is dat er nog geen menulink is naar dit
artikel.
1. Ga naar Menu's > Main Menu. Je komt dan in het scherm Menubeheer :
Menu-items.
2. Klik op Nieuw om een nieuwe menulink toe te voegen.
3. Klik bij Menu-itemtype op de knop Selecteren en kies Enkel artikel. Dat
betekent dat je een menulink maakt naar een pagina met één artikel.
4. Voer als Menutitel in : "Bestuur & Administratie"
5. Onder Verplichte instellingen bepaal je vervolgens naar welk artikel de
menulink verwijst. Klik op Selecteren/Wijzigen en kies in het popupvenster
voor het artikel "Het bestuur van onze gemeente".
6. Klik op Opslaan en vervolgens op Bekijken website.
24
25. 7. Nu zie je in het menu This Site onderaan een nieuwe link : Bestuur &
Administratie. Als je op die link klikt, verschijnt de bijhorende pagina.
5.3 Afbeeldingen toevoegen
Ons artikel bestaat nu alleen uit tekst. Om een afbeelding toe te voegen volg je deze
stappen :
1. Eerst moet je de afbeelding kopiëren (uploaden) naar de webserver. Ga
naar Artikelen > Mediabeheer.
2. Om te voorkomen dat al je afbeeldingen terechtkomen in één map op de
webserver, maak je eerst een nieuwe map. Zo houd je overzicht en heb je
straks niet tientallen of meer ongeordende afbeeldingen. Maak een map
voorbeeldafbeeldingen aan. Klik op Map aanmaken. De nieuwe map
verschijnt in het venster Bestanden.
3. Selecteer nu die nieuwe map (klik op de naam). Nu kun je afbeeldingen
naar die map uploaden.
4. Klik in het vak Bestand uploaden onder in het scherm op de knop Bestand
kiezen om een afbeelding te selecteren op je computer. Selecteer de
afbeelding in het popupscherm en klik op Openen. Het popupvenster sluit.
Klik op de knop Upload starten om de afbeelding te verplaatsen naar de
webserver.
5. De geüploade afbeelding verschijnt in het venster Bestanden.
25
26. Nu onze afbeelding op de webserver staat, kunnen we die in ons artikel plaatsen.
1. Ga naar Artikelen > Artikelbeheer.
2. Selecteer het artikel "Het bestuur van onze gemeente".
3. Klik op de knop Afbeelding onder het editorscherm.
4. In het popupscherm dat nu wordt geopend, selecteer je de map
voorbeeldafbeeldingen. Nu kan je de afbeelding selecteren die je wilt
invoegen.
5. Klik op het bestand. In het vak URL van de afbeelding voegt Joomla
automatisch de juiste bestandslocatie in. Daarnaast kan je een beschrijving en
een titel opgeven. Laat Bijschrift op nee staan als je niet wil dat de titel
getoond wordt.
6. Klik rechts bovenaan op invoegen.
7. Klik op Opslaan en Bekijken website om de voorkant te zien.
26
27. Nadat je een afbeelding hebt ingevoegd, kan je de weergave-instellingen aanpassen.
Zo kan je bijvoorbeeld de uitlijning aanpassen en wat extra ruimte maken tussen
afbeelding en tekst.
1. Open het artikel in de artikeleditor.
2. Klik op de afbeelding.
3. Klik op het pictogram Insert/Edit image in de knoppenbalk van de teksteditor.
Er verschijnt een popup met afbeeldingseigenschappen.
4. Kies bij Alignement voor Left om de afbeelding links uit te lijnen ten opzichte
van de tekst. Je kan ook een waarde invoegen voor de Vertical space of
Horizontal space in pixels. Als je hier 10 invult, leidt dat tot een goot van 10
pixels rond de afbeelding, waardoor die los komt te staan van de tekst uit het
artikel.
5. Klik op Update om de wijzigingen toe te passen.
27
28. 5.4 Artikelen verdelen in intro en hoofdtekst
In de artikeleneditor kan je niet alleen het artikel layouten en foto's toevoegen. Je kan
ook bepalen hoe het artikel op de pagina moet worden weergegeven : als één
volledig artikel of gesplitst in 2 delen.
Joomla kan de intro van het artikel apart publiceren, los van de hoofdtekst. Op de
homepage worden dan alleen de introteksten getoond, met een knop Lees meer
erbij.
1. Ga naar Artikelen > Artikelbeheer en open het artikel dat je net gemaakt hebt.
2. In het teksteditorscherm plaats je de cursor net na de eerste (vet gezette)
alinea.
3. Klik nu op de knop Lees meer onderaan het scherm. Er verschijnt een rode
stippellijn.
4. Om ervoor te zorgen dat het artikel op de homepage verschijnt, kies je bij
Aanbevolen voor Ja.
5. Klik op Opslaan en daarna op Bekijken website.
6. Het extra artikel is op de homepage terechtgekomen, toch zie je het niet. Er is
nu teveel inhoud om op het scherm van de homepage te passen. Nieuwe
content schuift door naar een soort tweede homepage.
7. Klik onderaan op Volgende om het vervolg van de homepage-content te zien.
5.5 Instellingen van artikelen aanpassen
Wanneer je een artikel maakt of bewerkt kun je nog veel meer instellingen
veranderen in het editorscherm. Die instellingen bepalen welke artikeldetails worden
getoond wanneer het artikel wordt gepubliceerd.
De belangrijkste opties zijn :
• Nieuw artikel / Bewerk artikel : Hier vul je de basisinformatie in. Belangrijk
zijn
o Titel : de titel van het artikel
o Alias : niets invullen (Joomla vult zelf de titel in)
o Categorie : kies de categorie
o Status : kies Gepubliceerd om het artikel te tonen, Ongepubliceerd om
het voor bezoekers te verbergen.
o Aanbevolen : hier bepaal je of het artikel op de homepage komt (Ja) of
niet.
• Publiceeropties : Hier kun je de naam van de auteur kiezen, als je die wilt
afbeelden bij het artikel. Als je een artikel tijdelijk wilt publiceren, kun je hier
een start- en einddatum kiezen.
• Artikelopties : Hier kun je instellen welke gegevens allemaal wel of niet
moeten worden getoond bij het artikel, zoals de auteursnaam en de
publicatiedatum.
• Metadata-opties : Metadata is informatie die het onderwerp van de pagina
beschrijft. Metadata komt terecht in de HTML-code. Metadata invullen heeft
invloed op zoekmachineresultaten.
28
29. • Artikelpermissies : Hier zie je een uitgebreid schema met de rechten voor dit
artikel voor verschillende gebruikersgroepen. Met deze rechten regel je
bijvoorbeeld welke gebruikers het artikel mogen bewerken.
5.6 Artikelen verwijderen
Als artikelen niet meer relevant of actueel zijn, kan je ze verwijderen.
1. Ga naar Artikelen > Artikelbeheer.
2. Selecteer het artikel of de artikels die je wil verwijderen door een vinkje te
zetten in het selectievakje voor de naam van het artikel.
3. Klik in de knoppenbalk op de knop Prullenbak.
4. De artikels worden nu verplaatst naar de Prullenbak.
5. Om de inhoud van de Prullenbak te zien, klik je in Artikelbeheer op de
keuzelijst Selecteer status en je kiest Prullenbak.
6. Om een artikel definitief te verwijderen, selecteer je het en klik je dan op de
knop Prullenbak legen in de knoppenbalk.
5.7 Artikelen archiveren
Als je oudere nieuwsartikelen niet tussen de actuele inhoud wil laten staan, kan je die
artikelen archiveren. Gearchiveerde artikelen zijn nog steeds beschikbaar, maar ze
staan niet langer in de normale site-inhoud.
1. Ga naar Artikelen > Artikelbeheer.
2. Selecteer in Artikelbeheer het artikel of de artikelen die je wil archiveren.
29
30. 3. Klik op de knop Archiveren in de knoppenbalk. Er verschijnt een bericht om te
bevestigen dat de artikelen gearchiveerd zijn.
4. Om te zien welke artikelen gearchiveerd zijn, selecteer je in Artikelbeheer in
de keuzelijst Status : Gearchiveerd.
Om het archief zichtbaar te maken voor bezoekers, moet je een menulink maken.
5. Ga naar Menu's > Main Menu en klik op Toevoegen nieuw menu-item.
6. Bij Menu-itemtype kies je voor Gearchiveerde artikelen. Geef de menulink een
titel (bv Archief) en sla de nieuwe link op.
7. Vanaf nu kan de bezoeker de gearchiveerde artikelen bereiken via de menu-
link Archief.
30
31. 6. Homepages en categoriepagina's maken
6.1 Bepalen welke informatie op de homepage komt
Centraal op de homepage van een Joomla-site staat standaard een aantal intro's van
artikelen op de site met "Lees verder"-links.
Maar de homepage wordt niet vanzelf gevuld. Welke artikelen (of intro's of links) er in
de mainbody van de homepage staan, bepaal je via de instellingen van die artikelen
zelf.
Om plaats te maken voor onze eigen artikelen, gaan we eerst enkele voorbeeld-
artikelen verwijderen.
1. Ga naar Artikelen > Voorpagina-artikelen.
2. Selecteer de artikelen die je wil verwijderen.Vink de vier bestaande
voorbeeldartikelen over Joomla aan.
3. Klik op Verwijderen in de knoppenbalk. Daarmee verwijder je de artikelen niet
zelf, maar je verwijdert ze van de voorpagina.
Nu de voorbeeldartikelen verwijderd zijn kunnen we onze eigen artikelen op de
homepage plaatsen.
1. Ga naar Artikelen > Voorpagina-artikelen.
2. Om artikelen toe te voegen ga je naar het tabblad Artikelen. Je krijgt dan de
lijst met artikelen te zien.
31
32. 3. Klik bij elk artikel dat je op de homepage wil plaatsen op het grijze rondje in de
kolom Aanbevolen. Het grijze rondje verandert in een blauw rondje met een
witte ster.
4. Klik op Bekijken website.
Als je niet tevreden bent met de volgorde waarin de artikels getoond worden, kan je
die ook aanpassen.
1. Ga naar Artikelen > Voorpagina-artikelen.
2. Hier zie je welke artikelen op de homepage verschijnen en in welke volgorde.
Klik op de kolomkop Volgorde om de volgorde te kunnen veranderen.
3. Nu verschijnen er pijltjes in de kolom Volgorde, zodat je de volgorde van de
items kan aanpassen. Om het artikel "Het Bestuur van onze gemeente"
bovenaan te plaatsen, klik je op het pijltje naar boven.
4. Nu moet je nog een volgorde-instelling aanpassen. Ga naar Menu's > Main
Menu.
5. Klik op Home.
6. Bij de Layoutopties kan je de weergave instellen. Bij Categorievolgorde kies je
voor Geen volgorde. Bij Artikelvolgorde staat de instelling al goed : Volgorde
voorpagina-artikelen.
7. Klik op Bekijken website. De artikelen verschijnen nu in de nieuwe volgorde.
32
33. 6.2 De indeling van de homepage veranderen
Standaard staat op de homepage één artikel over de volle breedte, en daaronder
drie artikelen in kolommen. Die indeling kan je natuurlijk aanpassen. Dat doe je door
de instellingen van de menulink Home aan te passen.
We willen de homepage overzichtelijker maken. We willen maximaal 2 introteksten
tonen in maar één kolom. Daaronder willen we enkele hyperlinks plaatsen naar
andere artikelen.
1. Ga naar Menu's > Main Menu.
2. Klik op de menulink Home.
3. In de sectie Lay-outopties staan de standaard weergaveopties. Wijzig de
waarden in :
a. # Hoofdartikelen : 2 (twee artikelen over volle kolombreedte)
b. # Intro-artikelen : 0 (geen artikelen in méér dan een kolom)
c. # Kolommen : 0
d. # Links : 10. (als er meer dan 2 artikelen zijn geselecteerd voor de
homepage, verschijnen de titels vanaf het derde artikel in een rij van
maximaal 10 hyperlinks).
4. Klik op Opslaan & sluiten.
5. Klik op Bekijken website om de wijzigingen aan de voorkant te zien.
Er zijn nu 2 introteksten over de volle breedte. Omdat tot nu in totaal 4 artikelen zijn
toegewezen aan de homepage, zie je onder de 2 introteksten ook nog 2 links naar
artikelen. Als je meer artikelen toewijst aan de homepage, zal deze lijst met links
groeien tot een maximum van 10 hyperlinks.
33
34. In het menu-editorscherm van de Home-menulink vind je een lange lijst van andere
opties die je kan gebruiken om de homepage-indeling aan te passen. Behalve de
Lay-outopties zijn vooral de Artikelopties van belang.
De Artikelopties bepalen de weergave van de afzonderlijke artikelen die op de
homepage voorkomen. Je kan bijvoorbeeld bepalen of bij de artikelen ook de datum
moet worden vermeld. Hiermee kan je de indeling en de weergave van de homepage
flink veranderen.
34
35. 6.3 Categoriepagina's maken
Als je een categorie hebt met artikelen erin, kan je voor elk afzonderlijk artikel een
eigen menulink maken. Maar het is veel makkelijker om een menulink te leggen naar
de categorie zelf. De categoriepagina die je daarmee maakt, wordt automatisch
gevuld met links naar de categorie
categorie-inhoud.
Categoriepagina's kan je zien als een soort homepages op een lager niveau. De
homepage is bedoeld om een snel overzicht te geven van de belangrijkste conten
content
van de hele site. Categoriepagina's doen hetzelfde voor categorieën. Ze worden ook
.
wel overzichtspagina's of subhomepages genoemd.
Joomla leidt de bezoeker in principe in drie stappen naar artikelcontent.
Homepage Categoriepagina Artikelen
• (menu)links • Intro's en links • Content :
naar naar artikelen artikeltekst,
categorieën uit categorie foto's, enz.
Wat er op categoriepagina's staat, helpt de bezoeker om de artikelen te vinden in
bezoeker
een of meer categorieën. Hoe zo'n categoriepagina er precies uitziet en wat erop
staat, bepaal je grotendeels zelf. De pagina kan een aantal artikelintro's bevatten met
"Lees verder"-links, maar het kan ook een eenvoudige opsomming zijn van
links, eenvoudige
hyperlinks naar artikelen.
We zullen nu een categoriepagina maken voor de categorie Bestuur& Administratie
Administratie.
Eerst voegen we enkele artikelen aan die categorie toe en dan maken we een
menulink waarmee we de inhoud van de categorie kunnen tonen.
Stap 1 : Artikelen toevoegen
1. Ga naar Artikelen > Artikelbeheer > Toevoegen nieuw artikel.
2. Vul als Titel "Beleidsnota" in. Kies als categorie : "Bestuur & Administratie".
3. Typ of plak wat voorbeeldtekst in het editorscherm.
4. Plaats de cursor na de eerste alinea en klik op de knop Lees verder (onder de
artikeltekst) om een scheiding aan te brengen tussen introtekst en hoofdtekst.
5. Klik op Opslaan in de knoppenbalk.
35
36. 6. Schrijf nu in hetzelfde scherm een nieuw artikel door het huidige artikel aan te
passen. Vul een andere titel in en maak het veld Alias leeg. Klik op Opslaan
als kopie.
7. Herhaal stap 6 een paar keer tot je drie of vier artikelen hebt in de categorie.
8. Als je klaar bent, klik je op Opslaan & sluiten.
Stap 2 : een categoriepagina maken
1. Ga naar Menu's > Main Menu en klik op Toevoegen nieuw menu-item.
2. Klik naast het vak Meny-itemtype op de knop Selecteren. Kies voor
Categorieblog (onder Artikelen).
3. Als titel vul je "Ons Bestuur" in.
4. Bij Verplichte instellingen kies je de categorie "Bestuur & Administratie".
5. Klik op opslaan en klik op Bekijken website.
6. Klik aan de voorkant van de site op de nieuwe link in het hoofdmenu. Nu
verschijnt er een overzicht van de categorie.
36
37. In dit geval bevat de categorie artikelen die in de artikeleditor allemaal verdeeld zijn
in een intro, een Lees verder-lijn en vervolgtekst. Daarom beeldt Joomla onder alle
intro's een link af naar het volledige artikel.
Een categoriepagina toont standaard bovenaan 1 artikel in één brede kolom, dan
enkele artikelen in twee kolommen, dan nog een aantal hyperlinks. Je kan deze
layout veranderen door de instellingen in de menulink aan te passen.
37
38. 1. Ga naar Menu's > Main Menu en klik op "Ons bestuur".
2. Klik dan op het kopje Bloglay-outopties om het paneel te openen met de
verschillende weergaveopties voor de blogweergave.
3. Pas de verschillende waardes aan.
a. # Hoofdartikelen : 0
b. # Intro-artikelen : 4
c. # Kolommen : 4
d. # Links : 1
In het vak Details kan je bovendien ook nog een andere Templatestijl kiezen om je
categoriepagina het uitzicht te geven van een aparte homepage.
38
39. 7. Menu's en hyperlinks
7.1 Een nieuw menu maken
Een Joomla-site kan meer dan één menu tegelijk hebben. De voorbeeldsite heeft
bijvoorbeeld een horizontaal menu helemaal bovenaan en 2 menu's in de
linkerkolom.
Via volgende stappen krijg je een overzicht van welke menu's actief zijn :
1. Ga naar Menu's > Menubeheer
2. Je krijgt de lijst van alle actieve menu's.
Je kan ook zelf een eigen menu maken.
1. Ga naar Menu's > Menubeheer > Toevoegen nieuw menu.
2. Vul de naam in van het nieuwe menu : "Extra menu". Als menutype vul je in
extramenu. Dit is een naam die Joomla intern gebruikt. Gebruik hier geen
spaties of bijzondere tekens. Tot slot kan je een beschrijving toevoegen.
3. Klik op Opslaan & sluiten.
4. Je komt nu opnieuw in het scherm Menubeheer. Onderaan zie je het nieuwe
menu Extra menu.
5. Klik op Extra menu om het te bewerken. Je komt nu in het scherm
Menubeheer : Menu-items.
6. Klik op Nieuw om een menu-item toe te voegen. Je komt in het scherm
Menubeheer : Nieuw menu-item. Vul hier in :
a. Menu-itemtype : klik op Select en kies Enkel artikel. We maken een link
naar een artikel.
b. Menu Titel : vul hier de naam van de menulink in : Beleidsnota
c. Onder Verplichte instellingen moet je het artikel kiezen waarnaar je wil
linken. Klik op Selecteer/Wijzig en selecteer een doelartikel door te
klikken op de titel ervan : Beleidsnota.
7. Klik op Opslaan & sluiten.
39
40. We hebben nu een menu en hyperlinks toegevoegd, maar op de website is hier nog
niks van te zien. Dat komt omdat je eerst moet instellen waar je menu moet
verschijnen. Dat doe je via Modulebeheer aangezien elk menublokje een module is.
1. Ga naar Extensies > Modulebeheer en klik op Nieuw.
2. Kies in het popupscherm voor Menu.
3. In het scherm Modulebeheer : Module Menu stel je de volgende instellingen
in:
a. Vul de Titel in die boven het menu verschijnt : Beleid
b. Kies de positie waar het menu verschijnt. Je maakt een keuze uit de
posities die in deze template beschikbaar zijn voor modules. In dit geval
is position-7 goed.
c. Onder Basisopties moet je nog het zojuist aangemaakte menu
selecteren. Kies in de lijst achter Selecteer Menu voor Extra menu.
4. Klik op Opslaan en klik op Bekijken website.
7.2 Een menu aanpassen
Je kan een menu uiteraard aanpassen naar je eigen voorkeur.
De volgorde van de menu-items aanpassen :
1. Ga naar Menu's > Extra menu.
2. In de kolom Volgorde klik je op de kolomnaam Volgorde. De pijltjes worden
zichtbaar waarmee je de volgorde kan aanpassen.
3. Klik het pijltje omhoog of omlaag om een menu-item te verplaatsen. Je kan
ook de cijfers invoeren.
40
41. 4. Verander de volgorde zodat Administratie boven Beleidsnota komt te staan.
5. Klik op het diskettepictogram boven aan de kolom Volgorde om de nieuwe
volgorde op te slaan.
De titel veranderen en de plaats van het menu wijzigen :
1. Ga naar Extensies > Modulebeheer.
2. Klik op de titel van de module (Beleid) om de eigenschappen van het menu te
bewerken.
3. Onder Toon titel verander je de instelling van Toon in Verbergen.
4. Verander Volgorde naar Login Form. Dat betekent dat de module nu helemaal
onderaan komt te staan in de linkerkolom.
5. Klik op Opslaan & Sluiten en klik op Bekijk website. Het menu verschijnt nu,
zonder titel, onderaan in de linkse kolom onder het login formulier.
41
42. 7.3 Verschillende soorten menulinks
De basisstappen om een menu-item toe te voegen zijn :
1. Ga in de beheeromgeving naar Menu's en klik op de naam van het menu,
bijvoorbeeld Main Menu.
2. In het volgende scherm klik je op Nieuw in de knoppenbalk.
3. In het scherm Nieuw Menu-item vul je de Menutitel in : de tekst van de
menulink.
4. Bij Menu-itemtype klik je op Selecteer om uit te kiezen wat voor link je wil
maken.
5. Er verschijnt een popupscherm met de keuzes die je hebt.
De keuzes zijn gegroepeerd in groepen menu-itemtypes :
• Contactpersonen : Hoort bij het 'adresboek' van contacten dat je kunt
bijhouden via Componenten > Contactpersonen. Als je veel contactpersonen
voor je organisatie online wil zetten, kan je die systematisch en doorzoekbaar
presenteren. Eerst maak je categorieën contactpersonen aan, dan voer je hun
contactgegevens in, en met de menulinks maak je ze zichtbaar.
• Artikelen : Dit is de groep menulinks die je waarschijnlijk het meest zult
gebruiken. Het gaat om links naar gewone content (artikelen).
42
43. o Gearchiveerde artikelen : link naar gearchiveerde artikelen. Dit
gebruik je alleen als je eerst artikelen gearchiveerd hebt met de knop
Archiveren in Artikelbeheer.
o Enkel artikel : een link naar één artikel.
o Lijst alle categorieën : handig om bijvoorbeeld een sitemap te maken.
Je laat op één pagina alle subcategorieën zien vanaf een bepaald
categorieniveau. Joomla toont dan alle categorieën onder elkaar.
o Categorie blog, Categorielijst : een link die een pagina laat zien met
een overzicht van de artikelen in de categorie. Een Blog laat hele
artikelen zien, of hun intro's. Een Lijst laat een lijst zien met artikeltitels.
o Voorpagina-artikelen : deze link gebruikt Joomla standaard voor de
homepage. Artikelen die je hebt geselecteerd als Voorpagina komen
terecht op de pagina met deze link.
o Maak artikel : alleen nodig als je ingelogde gebruikers de mogelijkheid
wilt bieden om zelf een artikel te schrijven.
• Nieuwsfeeds : Om links te maken naar pagina's met nieuwsfeeds : nieuws
vanuit bepaalde andere sites dat op jouw site wordt 'binnengehaald'. Maak
eerst via Componenten > Nieuwsfeeds categorieën en links naar nieuwsfeeds
aan, vervolgens kan je die feeds hier zichtbaar maken met menulinks. In de
voorbeelddata zijn al wat nieuwsfeeds over Joomla aangemaakt. Als je een
link van dit type aanmaakt en daarbij de Sample-Data-Newsfeeds selecteert ,
kan je die feeds op een pagina zichtbaar maken.
• Zoeken : Hiermee maak je een link naar de zoekpagina van de site.
• Gebruikersbeheer : De menulinks hier gebruik je om pagina's te maken
waarop geregistreerde gebruikers inloggen, zich registreren, hun profiel
aanpassen, enzovoort.
• Weblinks : Bedoeld om links te maken naar pagina's met weblinks (links naar
andere sites). Maak eerst via Componenten > Weblinks categorieën en links
naar sites aan, vervolgens kan je die hier zichtbaar maken via menulinks.
• Wrapper : Dit is een speciaal linktype. Als je een andere site wilt laten zien
binnen jouw webpagina (in een zogenaamd iframe), dan maak je een link naar
zo'n pagina-in-een-pagina aan met Iframe Wrapper.
• Systeemlinks : Gebruik Externe URL om een link te maken naar een externe
webpagina. Menu-item Alias is een kopie van een link naar een bestaand
menu-item (gebruikt als je vanuit twee menu's naar één doelpagina wilt
linken), en Scheidingsteken is geen link, maar een lijntje dat je in het menu
aanbrengt om de verschillende onderdelen van het menu visueel te scheiden
(bijvoorbeeld als je groepjes wil maken).
7.4 Een hyperlink binnen een artikel
Je kan niet alleen links aanmaken binnen een menu, maar je kan ook rechtstreeks
vanuit een artikel linken naar een ander artikel. In Joomla 1.6 is daarvoor een nieuwe
knop Artikel aanwezig onder het Artikeleditorscherm.
43
44. Als je deze knop gebruikt om een link in te voegen naar een artikel, maakt Joomla
automatisch de linktekst aan. De titel van de doelpagina wordt op de cursorpositie
ingevoegd als tekst van de hyperlink.
1. Ga naar Artikelen > Artikelbeheer en open in het scherm Artikelbeheer een
artikel om het te bewerken.
2. In het Artikeleditorscherm plaats je de muiscursor ergens in het artikel waar de
nieuwe linktekst moet verschijnen.
3. Klik op de knop Artikel om een popupscherm te openen met een lijst met alle
artikelen in de site.
4. Klik op de titel van het artikel.
5. Het popupscherm sluit en de titel van het artikel wordt ingevoegd in het
huidige artikel als een hyperlink.
6. Sla het artikel op om de wijzigingen te bewaren. Als je het artikel nu aan de
voorkant van de site bekijkt, bevat de tekst de nieuwe hyperlink naar het
andere artikel.
44
45. 8. De site uitbreiden met extensies
8.1 Soorten extensies
Extensies zijn er in drie soorten. Van groot naar klein zijn dat : Componenten,
modules en plugins. Hoewel extensies uitbreidingen van het CMS zijn, zitten er al
heel wat standaard in Joomla ingebouwd. De zoekfunctie en het Menusysteem van
Joomla zijn voorbeelden van deze voorgeïnstalleerde extensies.
• Componenten : Componenten zijn de meest uitgebreide extensies, vaak met
veel mogelijkheden en instellingen. Je beheert ze via het speciale menu
Componenten in de beheeromgeving (dus niet via Extensies).
o Banners : Hiermee kan je banneradvertenties op de site beheren.
o Contactpersonen : Hiermee kan je contactinformatie toevoegen en
beheren en links maken naar pagina's met informatie over
contactpersonen.
o Omleiding : is nieuw in Joomla 1.6. Dit helpt je als je webpagina's hebt
vernieuwd of verplaatst en oude URL's (bijvoorbeeld
www.voorbeeld.be/oudadres) niet meer werken. Je kunt dan bezoekers
die het oude adres intypen automatisch doorleiden naar
www.voorbeeld.be/nieuwadres.
• Modules : Modules zijn 'blokjes' op de webpagina die een speciale functie
vervullen, zoals de menumodule. Je beheert modules via Extensies >
Modulebeheer. Modules verschijnen in positions (posities) in de linker- en
rechterkolom, of in de header of footer.
Standaard zijn in Joomla al een groot aantal verschillende modules
beschikbaar. Als je in de beheeromgeving naar Extensies > Modulebeheer
45
46. gaat, zie je daar welke modules al aan het werk zijn op de site, en als je op
Nieuw klikt, krijg je een overzicht van alle beschikbare modules. Als je wil
weten wat al die modules precies doen, navigeer dan met de muiscursor over
de lijst. Bij elke module verschijnt dan een korte uitleg.
• Plugins : Plugins zijn kleine uitbreidingen, handigheidjes zoals een extra knop
in de teksteditor die het gemakkelijker maakt om bijvoorbeeld met een
speciale code een filmpje in de webpagina in te voegen. Welke plugins
geïnstalleerd zijn, kan je zien via Extensies > Pluginbeheer.
8.2 Werken met de meegeleverde extensies : Nieuwsflits-module
Zodra je site groter wordt, wil je natuurlijk dat de homepagina een goede selectie laat
zien van al je waardevolle content. Centraal op je homepage staan de artikelen die je
als Aanbevolen hebt gemarkeerd. Maar er zijn meer manieren om de aandacht te
trekken naar specifieke artikelen. Je kan de module Nieuwsflits gebruiken om een
aantal artikelintro's te laten zien uit een bepaalde categorie.
1. Ga naar Extensies > Modulebeheer. Klik op de knop Nieuw in de
knoppenbalk.
2. Klik in het popupscherm op Artikelen – Nieuwsflits om een nieuwe Nieuwsflits-
module aan te maken.
3. Nu verschijnt het scherm Modulebeheer : Module Artikelen – Nieuwsflits. Hier
regel je de instellingen van de module.
a. Titel : Nieuwste artikelen
b. Toon titel : Verbergen om de titel te verbergen.
c. Positie : position-12. Dit is een positie boven de gewone content,
midden op de pagina.
d. Menutoewijzing : Kies Alleen op de geselecteerde pagina's, kies voor
Selectie wisselen om alle vinkjes te verwijderen en zet dan één vinkje
bij Main Menu > Home om de module alleen op de homepage te tonen.
e. Bij Basisopties > Categorie : kies de categorie Bestuur & Administratie.
f. Bij Toon afbeeldingen : kies Ja
g. Bij Toon artikeltitel : kies Ja
h. Bij Lees verder … link : kies Toon
i. Bij Aantal artikelen : kies 3
j. Bij Sorteer resultaten kan je kiezen voor Willekeurig. De module laat
dan elke keer dat de pagina opnieuw wordt geladen, een andere
selectie uit de categorie zien.
46
47. 4. Klik op Opslaan & sluiten en klik op Bekijken website.
Op de homepage verschijnen nu drie intro's van artikelen uit de categorie Bestuur &
Administratie.
Voor elke module werken de instellingen op een vergelijkbare manier :
via Extensies > Modulebeheer. Door op de naam van de module te klikken, kom je in
het scherm waar je alle instellingen kunt regelen.
Instellingen van de Nieuwsflits :
• Bij Details :
o Titel : wat de titel is van de module en of die getoond moet worden of
niet
o Gepubliceerd : of de module gepubliceerd is. Zorg dat dit op
Gepubliceerd staat om de module zichtbaar te maken op de site.
o Positie : op de pagina : je kunt hier kiezen uit de beschikbare posities in
de template.
o Volgorde : volgorde van modules op die positie.
o Start Publiceren en Stop Publiceren : eventueel een begin- en
einddatum voor het publiceren van de module.
• Bij Basisopties maak je keuzes die specifiek zijn voor deze module. Hier
kunnen tientallen opties beschikbaar zijn, afhankelijk van de module.
• Bij Menutoewijzing bepaal je op welke pagina's de module zichtbaar is. Je kan
hier elke pagina kiezen die door een menulink ontsloten is.
8.3 De Component Contactpersonen
Een andere meegeleverde component is Contactpersonen. Je kan een index van
contactpersonen aanmaken die ook doorzoekbaar is.
Stap 1 : Categorieën aanmaken
1. Ga naar Componenten > Contactpersonen.
2. Klik op tabblad Categorieën.
3. Klik op de knop Nieuw.
4. In het vak Details vul je een Titel in : College.
5. Klik op Opslaan & sluiten.
Stap 2 : Contactpersonen aanmaken
1. Ga naar Componenten > Contactpersonen
2. Klik op tabblad Contactpersonen.
3. Klik op de knop Nieuw.
4. In het vak Nieuwe contactpersoon vul je de Naam in. Vul Jan Jansen in. Kies
ook de categorie College.
5. In de teksteditor kan je een vrije tekst invullen.
6. Klik rechts op de uitklap-optie Contactpersoongegevens.
47
48. 7. Hier kan je een afbeelding van de contactpersoon selecteren. Klik op
Selecteer.
8. In de popup blader je naar de afbeelding op je computer en upload ze je.
9. Klik daarna op de afbeelding en voeg ze in.
10. Vul ook de andere gegevens in
a. Functie : Burgemeester
b. Adres : Appelstraat 1
c. Woonplaats : Aalst
d. Provincie : Oost-Vlaanderen
e. Postcode : 9300
11. Klik op Opslaan & sluiten.
Herhaal de stappen voor de contactpersonen Piet Pietersen (schepen) en Gert
Gerritsen (secretaris).
Om deze contactpersonen zichtbaar te maken moeten we een menu-link maken.
1. Ga naar Menu's > Main Menu > Toevoegen nieuw menu-item.
2. Als menu-itemtype selecteer je Lijst contactpersonen in een categorie.
3. Geef als Titel : Het college van Burgemeester en Schepenen
4. Bij Verplichte instellingen kies je als categorie : College.
5. Klik op Opslaan & sluiten.
6. Klik op Bekijken Website.
7. In het Main Menu is nu een extra link verschenen : Het college van
Burgemeester en Schepenen.
48
49. 8.4 Extensies downloaden en toevoegen
Standaard worden met Joomla al verschillende extensies mee geïnstalleerd, maar je
vindt vele extra extensies die door derden ontwikkeld zijn op
http://extensions.joomla.org. Zo'n extensie voeg je in een paar klikken toe aan je
eigen website.
1. Download de extensie naar je computer. Deze is meestal ingepakt in een
zipbestand.
2. Ga naar Extensies > Extensiebeheer.
3. In het vak Upload Pakketbestand vind je een knop Bestand kiezen. Klik hierop
en selecteer het zipbestand dat op je pc staat.
4. Klik op Upload & Installeren om de extensie te installeren. Zodra de installatie
is afgerond, verschijnt er een melding.
Een goed voorbeeld van zo'n extensie is een flitsende fotogalerij. We installeren hier
de component Ozio Gallery.
1. Ga naar http://extensions.joomla.org/extensions/photos-a-images/photo-
gallery/4883.
2. Klik op de knop Download. Je komt nu op de site van de maker van de
extensie. Klik daar op de link naar de meest recente versie van de galerij. In
dit geval is dat Ozio Gallery3 x Joomla 1.6.
3. Klik opnieuw op Download om de extensie op te slaan op je computer. Het
bestand heet com_oziogallery3.0-beta5.zip. Sla het bestand op waar je het
makkelijk kunt terugvinden.
4. Ga in de beheeromgeving van de site naar Extensies > Extensiebeheer.
5. Klik op Bestand kiezen, selecteer het gedownloade bestand op je computer en
klik op Openen.
6. Klik op Upload & Installeren. Je ziet nu een melding dat de installatie geslaagd
is.
7. Ozio Gallery is een component. Je kan de instellingen regelen via het menu
Componenten > Ozio Gallery3.
49
50. Om de Ozio-component te tonen op je site, maak je een menulink aan. Door de
installatie van de component beschik je automatisch over nieuwe menu-itemtypen
waarmee je op verschillende manieren fotogaleries kunt laten zien.
1. Ga naar Menu's > Main Menu > Toevoegen nieuw menu-item.
2. Je komt nu in het scherm Nieuw Menu-item. Klik bij Details op Menu-itemtype.
Nu verschijnt het popupscherm met de soorten menu-items. Zoals je ziet heeft
Ozio Gallery3 er een hele lijst met opties aan toegevoegd. Dit zijn allemaal
verschillende manieren om je foto's af te beelden.
3. Selecteer Cooliris Skin. Nu verschijnt het scherm Wijzigen Menu Item waarin
je de instellingen van de gallery kunt regelen. Vul in :
a. Menu Titel : de naam van de menulink, bijvoorbeeld Foto's.
b. Onder Required Settings vul je het pad in naar de foto's. Bij Gallery
Folder path vul je in : images/sampledata/parks/animals. Deze map is
met de voorbeelddata geïnstalleerd. Hij bevat foto's van dieren. Als je je
eigen foto's wil laten zien, upload je foto's naar bijvoorbeeld
images/mijnfoto's. Daarna vul je dat pad hier dan in.
4. Klik op Opslaan & sluiten en klik op Bekijken website. Je ziet nu aan de
voorkant van de site in het menu This Site een link Foto's. Als je daarop klikt,
krijg je een indrukwekkende weergave van de voorbeeldfoto's te zien. Het
Cooliris-effect maakt het mogelijk dat je door een 3D-muur met foto's kunt
scrollen, kunt inzoomen, ze schermvullend kunt afbeelden en nog veel meer.
50
52. 8.5 Meer extensies vinden
Naast de extensies die deel uitmaken van de standaard Joomla-installatie zijn er heel
veel extensies ontwikkeld door derden. De meeste staan vermeld op
http://extensions.joomla.org.
Het is aan te raden om zo nu en dan rond te kijken op de extensiesite van Joomla. Er
komen voortdurend nieuwe uitbreidingen bij. Kijk bijvoorbeeld eens bij de Editor's
Picks en bij de meest populaire extensies. Het commentaar van andere gebruikers
geeft vaak een goede indicatie of een extensie betrouwbaar werkt en of de
ondersteuning door de ontwikkelaar goed is.
Het is belangrijk om niet te blijven werken met verouderde extensies : ontwikkelaars
brengen vaak updates uit om bijvoorbeeld veiligheidslekken in hun software te
dichten. Gelukkig hoef je in Joomla 1.6 niet meer handmatig te controleren of er
updates zijn voor de extensies die je hebt geïnstalleerd. Ga naar Extensies >
Extensiebeheer, klik op de tab Update en klik Zoek Updates. Als er geen updates zijn
krijg je daarvan een melding op het scherm.
Als er updates zijn kan je die met de knop Update automatisch installeren. Je krijgt
dan de melding dat de beschikbare updates succesvol geïnstalleerd zijn.
52
53. 9. Gebruikersbeheer
9.1 Gebruikersaccounts
Na de installatie van Joomla is er één gebruiker : de Super User.
1. Ga naar Gebruikers > Gebruikersbeheer.
2. In het scherm Gebruikersbeheer zie je alle gebruikers. In dit geval is dat alleen
Super User.
3. Klik op de naam van de gebruiker om de details te zien.
a. De Naam : Super User
b. De Loginnaam : admin
c. Het e-mailadres : Joris.eeraerts@telenet.be
d. Of deze account geblokkeerd is : Nee
e. De gebruikersgroepen waartoe deze gebruiker behoort
i. Public : de gebruiker heeft toegang tot de 'publieke' site
ii. Super User : de gebruiker heeft alle denkbare rechten aan de
achterkant van de site.
In het scherm Gebruikersbeheer kan je nieuwe gebruikers maken en toewijzen aan
een bepaalde gebruikersgroep. Standaard zijn er zeven groepen beschikbaar, elk
met hun eigen set van rechten.
1. Geregistreerde gebruikers : Dit zijn normale bezoekers van de site, maar zij
hebben zich geregistreerd (een account aangemaakt met naam en
wachtwoord = Registered). Nadat ze zijn aangemeld met hun
accountgegevens, kunnen zij content bekijken die verborgen is voor gewone
bezoekers van de site. Als beheerder van de site kan je namelijk het
53
54. toegangsniveau voor alle soorten content (zoals artikelen, modules en menu-
items) instellen op Registered (Geregistreerd). Geregistreerde gebruikers
hebben speciale toegangsrechten, maar ze kunnen geen content bijdragen.
2. Gebruikers die content mogen bijdragen aan de voorkant : Als beheerder
kan je zelf content maken en bewerken in de beheeromgeving. Maar het is
ook mogelijk om in te loggen aan de voorkant, en om artikelen rechtstreeks in
de site te bewerken. Gebruikers kunnen artikelen direct aanmaken of
bewerken in een omgeving die ze al kennen, de gewone voorkant van de site.
Er zijn drie typen gebruikers die kunnen inloggen in de gewone site, elk met
hun eigen toegangsniveau's :
a. Authors kunnen nieuwe content aanmaken, maar die moet worden
goedgekeurd door een Publisher of iemand die hoger in rang is.
Auteurs kunnen bestaande artikelen niet bewerken.
b. Editors kunnen nieuwe artikelen aanmaken en bestaande artikelen
bewerken. Een publisher of hoger moet het artikel goedkeuren voordat
het gepubliceerd wordt.
c. Publishers (hoofdredacteuren) kunnen artikelen indienen, bewerken
en publiceren. In feite is dit de meest praktische van deze drie soorten
gebruikers. De andere twee kunnen immers niet zelf content publiceren
en dat kan lastig zijn.
3. Gebruikers die content mogen bijdragen in de beheeromgeving :
Tenslotte zijn er drie soorten beheeromgevinggebruikers. Zij hebben alle
rechten van de vorige groep, maar ze mogen ook inloggen in de
beheeromgeving. Zij kunnen daar content beheren en administratieve taken
uitvoeren.
a. Managers kunnen alles doen wat publishers kunnen, maar ze mogen
ook in de beheeromgeving artikelen toevoegen of verwijderen, en ze
kunnen categorieën maken en beheren.
b. Administrators kunnen alles doen wat managers kunnen en hebben
toegang tot meer beheerfuncties. Zij kunnen gebruikers beheren,
extensies toevoegen of templates wijzigen.
c. Super Users hebben geen beperkingen. Ze mogen alles doen in de
beheeromgeving.
9.2 Een nieuwe gebruiker aanmaken
We gaan er hier vanuit dat je een webteam wil creëren, een aantal mensen dat de
content van de site onderhoudt. Dus moet je gebruikersaccounts voor deze
teamleden aanmaken.
1. Ga naar Gebruikers > Gebruikersbeheer.
2. Klik op de knop Nieuw in de knoppenbalk om een nieuwe gebruiker toe te
voegen.
3. In het scherm Gebruikersbeheer : Toevoegen nieuwe gebruiker vul je de
gebruikersgegevens in.
a. Naam : Contentbeheerder
b. Inlognaam : contentbeheerder
c. Wachtwoord : beheerder
54
55. d. E-mailadres : Joris.eeraerts@gmail.be (elk e-mailadres mag maar 1 x
voorkomen)
4. In het vak Toegewezen actiepermissierechten zet je een vinkje voor Publisher.
5. Klik op Opslaan & sluiten om de gegevens van de gebruiker op te slaan.
In het scherm Gebruikersbeheer zie je nu ook de nieuwe gebruiker
Contentbeheerder.
9.3 Inloggen als nieuwe gebruiker
Om te controleren of de nieuwe gebruiker kan inloggen, ga je naar de voorkant van
de site. Daar kan je inloggen met de gebruikersnaam en het wachtwoord van de
nieuwe gebruiker (Contentbeheerder) die je juist hebt aangemaakt. Onder het
hoofdmenu vind je standaard het inlogformulier van Joomla.
1. Log in met de naam (contentbeheerder) en het wachtwoord dat je net hebt
aangemaakt. Klik op Inloggen.
2. Je ziet nu de artikelen op de voorpagina veranderen : naast elk artikel
verschijnt een pictogram (een blad papier met een pen erbij).
55
56. 3. Als je op dat pictogram klikt, kan je het artikel direct bewerken : de webpagina
verandert in een editor.
4. Op de homepage is bovendien ook een nieuwe menu User Menu verschenen
a. Your Profile : Hier kan je je eigen gebruikersaccount beheren.
b. Submit an Article : Hier kan je een nieuw artikel aanmaken.
c. Submit a Web Link : Hier kan je een nieuwe hyperlink aanmaken.
Het blokje met het inlogformulier is een module die al geïnstalleerd is wanneer je
Joomla met voorbeelddata installeert. Als die module niet aanwezig is, dan kan je die
gewoon zelf 'aanzetten'.
1. Ga naar Extensies > Modulebeheer.
2. Klik op Nieuw en selecteer Login.
3. Je komt nu in het scherm Modulebeheer : Module Login.
4. Voer een Titel in, kies een positie (bijvoorbeeld position-7 om in de linkerkolom
te publiceren). Laat Toegang op Public staan want anders zou de module pas
verschijnen nadat iemand ingelogd is.
5. Klik op Opslaan en sluiten en klik op Bekijken website.
6. Het inlogformulier verschijnt nu links op de pagina.
9.4 Zelfregistratie van bezoekers mogelijk maken
Daarnet hebben we zelf een nieuwe gebruikersaccount toegevoegd in de
beheeromgeving, via Gebruikersbeheer. Maar je kan gebruikers ook toelaten om zelf
een account aan te maken. Zo kunnen ze zichzelf registreren, zonder dat de
beheerder van de site daar moet in tussenkomen. De beheerder heeft natuurlijk nog
altijd de mogelijkheid om gebruikers te blokkeren of te verwijderen.
56
57. Geregistreerde gebruikers mogen in principe niet bijdragen aan de site, maar hebben
toegang tot delen van de site waar de toegang is ingesteld op Registered
(Geregistreerd).
Van zodra je in Joomla een inlogformulier (de login-module) toevoegt, maak je
vanzelf registratie mogelijk. Standaard biedt de login-module namelijk niet alleen de
mogelijkheid om in te loggen, maar ook om een nieuwe account te maken.
1. Klik op de link Maak een account.
2. Je komt dan terecht op de registratiepagina. Om je te registreren vul je je
gegevens in, inclusief een geldig e-mailadres.
3. Klik daarna op Registreer.
4. Als je op Registreer hebt geklikt, krijg je een melding dat er een mail met een
activeringslink is gestuurd naar het opgegeven mailadres. Je ontvangt dus een
mail met daarin een link waarop je moet klikken om de nieuwe
gebruikersaccount te activeren. Zodra je dat gedaan hebt, kan je als
geregistreerde gebruiker inloggen in de site, via het login-formulier.
57
58. Als je niet wil dat gebruikers zich zelf kunnen registreren, kan je deze mogelijkheid
uitschakelen.
1. Ga naar Gebruikers > Gebruikersbeheer.
2. Klik op Opties
3. Zorg ervoor dat Toestaan Gebruikersregistratie op Nee staat.
9.5 Speciale content aanbieden aan geregistreerde gebruikers
Als je zelfregistratie mogelijk maakt, moet je geregistreerde gebruikers natuurlijk ook
wat te bieden hebben. Dat doe je door het toegangsniveau Registered
(geregistreerd) in plaats van Public (publiek toegankelijk) toe te kennen aan de
content die je alleen voor geregistreerde bezoekers zichtbaar wil maken. Die content
wordt dan verborgen voor gewone gebruikers.
De meeste bouwstenen van een Joomla-site kan je instellen op een specifiek
toegangsniveau. Je kunt bijvoorbeeld een pagina instellen als 'Registered', maar dat
kan je ook doen met een module of alle inhoud van een bepaalde categorie. Dat
betekent dat je site er heel anders uit kan zien voor verschillende typen gebruikers.
Gewone gebruikers zien alleen een basiswebsite. Geregistreerde gebruikers hebben
dezelfde content, plus extra artikelen, menu's of modules.
Stel dat je in het menu About Joomla! De link naar Using Joomla! wilt verbergen,
zodat deze alleen zichtbaar is voor geregistreerde gebruikers (en voor gebruikers
met meer rechten).
1. Ga naar Menu's > About Joomla! en klik op de link Using Joomla!.
2. Bij Toegang selecteer je nu Registered.
3. Klik op Opslaan & sluiten.
58
59. Door deze menu-link aan te passen, heb je een menu-item verborgen voor niet-
geregistreerde gebruikers. Als je nu een account maakt voor een geregistreerde
gebruiker en daarna inlogt, zie je de vier menulinks weer.
59
60. 10. Templates : de vormgeving van de site aanpassen
10.1 Wat is een template ?
Een Joomla-template bepaalt hoe je website eruitziet. Het bestaat uit een aantal
bestanden die de HTML- en CSS-code bevatten. HTML (HyperText Markup
Language) is de code die wordt gebruikt om webpagina's te bouwen. CSS
(Cascading Style Sheets) wordt gebruikt om de vormgeving te regelen. Als je HTML
beschouwt als de bakstenen en het cement van je site, dan vormt CSS de verf en het
behang.
Behalve HTML en CSS bevat een Joomla-template ook nog wat specifieke
instructies (geschreven in PHP) die vertellen waar Joomla wat moet afbeelden
binnen de HTML-pagina. De template bevat dus instructies in PHP die Joomla
vertellen waar de centrale content komt, waar menu's staan en op welke posities
modules staan.
10.2 De standaardtemplate aanpassen
De standaardtemplate van Joomla 1.6 is Beez_20. Je kan het uiterlijk van die
template zelf aanpassen, zonder dat je aan de code hoeft te komen. De template
bevat daarvoor verschillende opties die je naar smaak kan aanpassen.
We kunnen het logo en de kleuren aanpassen.
1. Ga naar Extensies > Templatebeheer. Er zijn 2 tabbladen : Stijlen en
Templates.
2. Klik op de pagina Stijlen op de link Beez2_Default.
3. Je komt nu in het scherm Templatebeheer : Wijzigen stijl.
60
61. 4. Klik in het vak Geavanceerde opties bij de optie Logo op de knop Selecteer.
5. In het popupscherm dat nu verschijnt, kan je een bestaand logo vanaf je
computer uploaden. In het vak Upload bestanden klik je op Bladeren.
Selecteer het logo-bestand en klik op Start Upload. Je krijgt de melding
'Upload compleet'.
6. Selecteer het logo en klik op Invoegen.
7. Bij de Geavanceerde opties pas je nu de Beschrijving website aan : geef een
korte beschrijving die onder het logo verschijnt : Opleiding Joomla 1.6.
8. Met Positie van navigatie kan je de pagina-indeling veranderen. Kies voor Na
inhoud, dan komen de menu's rechts op de pagina, in plaats van links.
9. Bij Templatekleur kan je tenslotte nog een andere kleurstijl voor de template
selecteren. Bij de Beez_20-template verandert niet alleen de kleur, maar
veranderen ook andere template-elementen, zoals de achtergrond van de
header en de kleur van tussenkopjes. Selecteer in dit geval de kleurstijl
Natuur.
10. Klik op Opslaan & sluiten en klik vervolgens op Bekijken website.
61
62. Tot nu toe heb je de vormgeving aangepast door gebruik te maken van de
ingebouwde variatiemogelijkheden van de template. Als je volledige controle wilt over
hoe je site eruitziet, dan kun je ofwel zelf een template bouwen (maar dan moet je
veel kennis hebben van HTML en CSS), of een bestaande template aanpassen. Dat
laatste is een stuk laagdrempeliger.
Met name het aanpassen van de CSS van de site is goed te doen, zeker als het je er
alleen om gaat kleuren, lettertypen, afbeeldingen en dergelijke aan te passen. Je
kunt de stylesheets (de meeste templates hebben er meerdere) rechtstreeks in
Joomla bewerken :
1. Ga naar Extensies > Templatebeheer.
2. Klik op de tab Templates.
3. Klik op de link Details (bijvoorbeeld Beez5 Details).
4. Rechts zie je een kolom Stylesheets. Als je daarop klikt, kan je de stylesheet
openen om stijlen aan te passen en je aanpassingen te bewaren.
10.3 Een nieuwe template downloaden en installeren
Met Joomla worden er een paar templates meegeleverd.
Je vindt ze via Extensies > Templatebeheer op het tabblad Templates. Er zijn
templates voor de beheeromgeving (Locatie : Beheerder) en voor de voorkant van de
site (Locatie : Website). De templates Beez 20 en Beez 5 zijn in gebruik in de
voorbeeldsite.
De template Atomic is ook bedoeld voor de voorkant van de site, maar die is niet
zonder meer bruikbaar. Het is een 'lege' template met vrijwel geen opmaak, bedoeld
als basis om zelf een template te ontwikkelen.
62
63. Maar naast deze meegeleverde templates kan je kiezen uit een enorm groot aanbod
Joomla-templates op het web. Je moet er wel op letten dat templates geschikt
moeten zijn voor Joomla 1.6. Templates voor oudere versies werken niet.
Stap 1 : templatebestand downloaden
1. Ga naar http://www.jm-experts.com/free-joomla-templates
2. Kies één van de templates op de site.
3. Klik op de downloadlink van de template van je keuze. Sla het
templatebestand (jm_tmpl4_1.6.zip) op je computer op.
4. Ga naar Extensies > Extensiebeheer.
5. Klik op de knop Bladeren en blader naar het bestand jm_tmpl4_1.6.zip op je
computer. Selecteer dit en klik op Upload & installeren. Als alles goed gaat,
zie je het bericht : Installatie template succesvol.
Stap 2 : de nieuwe template activeren
1. Ga naar Extensies > Templatebeheer. Klik op de tab Stijlen.
2. Zet een vinkje in het selectievakje voor jm_tmpl4_1.6 – standaard.
3. Klik op de knop Instellen als standaard in de knoppenbalk.
4. Klik op Bekijken website. De nieuwe template is nu actief.
63
64. Met de nieuwe template ziet onze website er plots helemaal anders uit.
Het installeren van een template werkt op vrijwel dezelfde manier als het installeren
van een module of andere extensies. Een klik op de knop Upload & installeren zorgt
ervoor dat alle templatebestanden worden geupload, dat ze worden uitgepakt en op
de juiste plaats in de Joomla-mappen op de webserver worden geplaatst.
Als je een andere template activeert, zul je vaak merken dat niet alle contentblokken
meteen op de goede plaats terechtkomen. Dat komt omdat verschillende templates
verschillende posities bevatten. Een template bevat posities, aangeduid als 'left',
'position-1', 'position-2', enzovoort.
64
65. Je kan heel makkelijk een overzicht krijgen van de moduleposities.
1. Ga naar Templatebeheer en klik op Opties.
2. Controleer of Voorbeeld moduleposities op Geactiveerd staat.
3. Ga dan naar de tab Templates. In de lijst met templates klik je op de link
Voorbeeld naast de afbeelding van de template.
4. Nu verschijnt er een voorbeeld van de template met daarin de namen van de
moduleposities.
Als enkele modules niet op de juiste plaats blijken te staan, kan je die alsnog goed
zetten.
1. Ga naar Extensies > Modulebeheer. In de keuzelijst Selecteer Module kies je
voor Menu. Zo verschijnen uitsluitend de verschillende menu's in de lijst.
2. Klik op de titel van het menu This Site om de module-eigenschappen te
bewerken.
3. Bij Details kies je een nieuwe Positie uit de keuzelijst.
4. Klik op Opslaan & sluiten en klik op Bekijken Website.
Als je het web doorzoekt op 'Joomla template' dan krijg je een immens aantal
resultaten. Vaak werkt het beter om gericht te zoeken in speciale sites met Joomla-
templates.
• Een goed startpunt zijn internationale templatesites zoals www.joomla24.com,
www.osskins.com en www.cmslounge.com. Deze sites bieden honderden
templates. Blader eens door de collecties en bekijk live previews.
• Kijk ook eens naar sites van professionele Joomla-templateontwikkelaars
zoals www.rockettheme.com, www.joomlashack.com, www.gavick.com,
www.yootheme.com en www.joomlabamboo.com.
• Een andere bron is www.bestofjoomla.com. Deze site maakt het vinden van
de juiste template makkelijker doordat je een zoekopdracht kunt uitvoeren op
basis van allerlei criteria (gratis of niet, soort menu op de site, naam van de
ontwikkelaars etc. )
Veel sjablonen worden aangeboden door commerciële ontwikkelaars, een aantal
templateclubs geven je gelegenheid om templates te downloaden voor een
abonnementstarief. Maar je kan ook veel kwaliteitstemplates vinden die niets kosten.
65