Inhoud in vogelvlucht

Over de auteur

Dankwoord

Inleiding

Deel I: Aan de slag met Joomla

Hoofdstuk 1: Wat is Joomla?

Hoofdstuk 2: Joomla downloaden en installeren

Hoofdstuk 3: De voorpagina onder de knie

Deel II: Joomla aan het werk

Hoofdstuk 4: Pagina's toevoegen aan je site

Hoofdstuk 5: Navigeren met menu’s

Hoofdstuk 6: Webpagina’s toevoegen als een professional

Deel III: Werken met modules en templates

Hoofdstuk 7: Aan de slag met modules

Hoofdstuk 8: Meer modules: wie, wat en waar

Hoofdstuk 9: Pagina’s opmaken met templates

Deel IV: Joomla in de praktijk

Hoofdstuk 10: Gebruikers beheren

Hoofdstuk 11: Meer bezoekers met SEO

Hoofdstuk 12: Joomla uitbreiden

Deel V: Het deel van de tientallen

Hoofdstuk 13: Tien topuitbreidingen voor Joomla

Hoofdstuk 14: Tien plekken om hulp te vinden

Hoofdstuk 15: Tien topsites met Joomla-templates

Woordenlijst

Inhoud

Over de auteur

Dankwoord

Inleiding

Deel I: Aan de slag met Joomla

Hoofdstuk 1: Wat is Joomla?

Wat Joomla voor je kan betekenen

Voorbeelden van Joomla-sites

Oklahoma State University

NZMac.com

Openbare Royal Oak bibliotheek

Jenerate.com

Alles over contentmanagementsystemen

Goed: webpagina’s met CSS

Beter: dynamische pagina’s via cms

Redenen om voor Joomla te kiezen

Loyale gebruikers

Gebruiksgemak

Lage instapdrempel

Andere voordelen

Waar met Joomla beginnen

Hoofdstuk 2: Joomla downloaden en installeren

Joomla downloaden

De software downloaden

De software uitpakken

De minimumeisen controleren

Joomla op een hostingserver installeren

De Joomla-bestanden uploaden

MySQL voorbereiden voor Joomla

De Joomla-software installeren

Joomla installeren op je eigen computer

De moeilijke manier: de onderdelen los installeren

De makkelijke manier: XAMPP installeren

De Joomla-software installeren

Je nieuwe Joomla-site verkennen

Bestellen uit het menu

De verschillende modules bekijken

Alles onder controle

Hoofdstuk 3: De voorpagina onder de knie

De voorpagina ontleden

Aan het roer: werken met het controlepaneel van Joomla

Toegangsrechten toekennen

Inloggen als administrator

Beheer de beheerderstoepassingen

Artikelen toevoegen

Een nieuw artikel toevoegen

Artikeltitels bijwerken

Modules aanpassen

Het modulebeheer

Modules verwijderen en wissen

Menu’s aanpassen

Menu’s verwijderen

Menu’s hernoemen

Weg ermee, artikelen verwijderen

Artikelen weergeven

Artikelen filteren

Ongepubliceerde artikelen

Deel II: Joomla aan het werk

Hoofdstuk 4: Pagina's toevoegen aan je site

De structuur van een Joomla-website begrijpen

Categorieën indelen

Geneste categorieën

De organisatie van de site

Werken met ongecategoriseerde artikelen

Een ongecategoriseerd artikel toevoegen

Ongecategoriseerde artikelen terugvinden

Artikelen met menu-items verbinden

Een menu-item toevoegen

Een menu-item met een artikel verbinden

Het nieuwe menu-item testen

Organiseren met categorieën

Een categorie toevoegen

Organiseren met geneste categorieën

Een geneste categorie toevoegen

Artikelen aan een nieuwe categorie of geneste categorie toevoegen

Een menu-structuur kiezen

Optie 1: Drie afzonderlijke menu-items

Optie 2: Een menu-item voor de categorie

Menu-items met categorieën verbinden

Links om meer te lezen

De volgorde van artikelen aanpassen

Artikelen filteren

De volgorde van artikelen instellen

De volgorde van artikelen in de menu-items

Wie komt het eerst op? De volgorde van menu-items

De voorbeeldsite bekijken

De volgorde van menu-items aanpassen

Menu-items verwijderen

Hoofdstuk 5: Navigeren met menu’s

Meer leren over Joomla’s menu’s

Erop of eronder: submenu-items

De categorie en de geneste categoriepagina’s

De doelwebpagina’s toevoegen

Het bovenliggende menu-item maken

De submenu-items maken

Een categorie weergeven als lijst

De categorie toevoegen

Artikelen toevoegen

Het menu-item maken

De volgorde van menu-items aanpassen

De lijstopmaak bekijken

Keuzes, keuzes: alle opties voor menu-items benutten

Het paneel Vereiste instellingen

Het paneel Categorie-opties

Het paneel Artikel opties

Een aantal krachtige opmaakopties

Artikeltitels in links veranderen

Toegang tot een menu-item instellen

Artikelen in een nieuw venster openen

De naam van de auteur verbergen

De standaardtaal voor de site

Links tussen artikelen tonen

Een menu-item als startpagina instellen

Scheidingstekens toevoegen

Hoofdstuk 6: Webpagina’s toevoegen als een professional

Werken met de artikelopties

Publicatieopties

Artikelopties

Artikelrechten

Metadataopties

De editor leren kennen

Je artikelen met emoticons en afbeeldingen verfraaien

Lachen, emoticons toevoegen

Afbeeldingen toevoegen

Werken met het mediabeheer

Bestanden organiseren met mappen

Een afbeelding uploaden

Een afbeelding in een artikel invoegen

Artikelen met HTML-tags opmaken

Werken met tabellen en kolommen

Een tabel in een artikel invoegen

Een tabel opmaken

Een inhoudsopgave maken

De toekomst voorspellen: gepland publiceren

Artikelen in de toekomst publiceren

Artikelen in de toekomst depubliceren

Nu direct depubliceren

Tot later: de site uit de lucht halen

Deel III: Werken met modules en templates

Hoofdstuk 7: Aan de slag met modules

Alles over modules

De component Advertenties

Advertenties

Categorieën

Adverteerders

Volgen

De module Advertenties

De advertentiemodule onder de loep

Alle onderdelen samenbrengen

Schrijf geschiedenis met de module gearchiveerde artikelen

Artikelen archiveren

Een lijst met gearchiveerde artikelen tonen

De module Kruimelpad: zoals Hans en Grietje

Zelluf doen: aangepaste HTML

Een aangepaste HTML-module maken

De module Feed weergave: RSS op jouw manier

Hoofdstuk 8: Meer modules: wie, wat en waar

Gebruikers aan boord krijgen met de module Inloggen

Meest gelezen artikelen

De module Willekeurige afbeelding

De module Gerelateerde artikelen

Naalden en hooibergen: de module Zoeken

De zoekfuncties gebruiken

Een gebruikersvriendelijkere zoekfunctie

De module Artikelencategorieën

Syndication Feeds: RSS-feeds publiceren

De module Wie is online

Andere sites weergeven met de module Wrapper

Hoofdstuk 9: Pagina’s opmaken met templates

Je Joomla-site opmaken met templates

Het templatebeheer van Joomla

Werken met de tab Stijlen

Werken met de tab Templates

Een template als standaard instellen

Een ingebouwde template bewerken

Een template aanpassen

De code van een site bewerken

Nieuwe Joomla-templates toevoegen

Een nieuwe template zoeken en downloaden

Een nieuwe template installeren

Deel IV: Joomla in de praktijk

Hoofdstuk 10: Gebruikers beheren

De prachtige wereld van Joomla-gebruikers

Gebruikers beheren met het gebruikersbeheer

Geregistreerde gebruikers toevoegen

Auteurs toevoegen

De voorbeeldgebruikersgroepen Leveranciers en Klantengroep

Redacteuren toevoegen

Hoofdredacteuren toevoegen

Beheerder toevoegen

Administratoren toevoegen

Supergebruikers toevoegen

Een pagina met contactpersonen

Contactpersonen aan je site toevoegen

Nieuwe categorieën voor contactpersonen

Contactpersonen met het contactpersonenbeheer organiseren

Een contactpagina maken

E-mail op je site beheren

Gebruikers zichzelf laten beheren

Pagina’s voor het beheer van gebruikers

Hoofdstuk 11: Meer bezoekers met SEO

Wat zoekmachines en spiders doen

Zoekmachinevriendelijke Joomla-url’s

Url’s met mod_rewrite herschrijven

Werken met aliassen

De geheime kracht van trefwoorden

De juiste trefwoorden kiezen

Trefwoorden als metagegevens toevoegen

Andere metagegevens invoeren

Pagina’s optimaliseren met templates

Je site voor zoekmachines optimaliseren

Zoekmachines over je site vertellen

Omleidingsborden: het verwijzingsbeheer

Hoofdstuk 12: Joomla uitbreiden

Plug-ins, componenten en modules

De blits maken met modules

Met componenten werken

Gaten vullen met plug-ins

Joomla-extensies zoeken

De zoekfunctie gebruiken

Op categorie zoeken

Speciale lijsten

Extensies kiezen

Het juiste platform kiezen

Weten wat je krijgt

De waardering controleren

Joomla-extensies downloaden

Een component installeren

Modules zoeken en installeren

Een plug-in installeren

Het makkelijke leven: installatiepakketten

Deel V: Het deel van de tientallen

Hoofdstuk 13: Tien topuitbreidingen voor Joomla

VirtueMart

Module of plug-in voor Google Maps

Joom!Fish

JCE Editor

Attachments for Content Articles

Akeeba Backup Core

Projectfork

hwdVideoShare

Phoca Gallery

JEvents

Hoofdstuk 14: Tien plekken om hulp te vinden

De helpsite van Joomla

De documentatiewiki van Joomla

Joomla-forums

Het Joomla community portal

De Nederlandse Joomla-gebruikersgroepen

Joomla vertaalteams

Joomla quick-start guides

Joomla tutorials

Joomla beginners

Hoofdstuk 15: Tien topsites met Joomla-templates

SiteGround

Joomla-Templates.com

Joomlashack

Joomla24.com

JoomlaShine

JoomlaTP.com

Template Monster

Best of Joomla

JoomlArt.com

Compass Designs

Woordenlijst

Hoofdstuk 1

Wat is Joomla?

In dit hoofdstuk:

Joomla ontdekken

Enkele voorbeeldsites

Weten waar contentmanagementsystemen voor dienen

Uitvinden waarom Joomla zo populair is

Joomla voorbereiden voor gebruik

Het hoofd webontwerp loopt op een dag je luxekantoor binnen en zegt: ‘We hebben het SuperDeLuxeMegaFirma-contract binnen.’

‘Dat is mooi’, zeg je.

‘Ze willen dat jij hun nieuwe website ontwerpt.’

‘Dat is mooi’, zeg je.

‘Ze willen dat je een CMS gebruikt.’

‘Dat is minder mooi’, zeg je.

‘Waar ligt het probleem?’ vraagt het hoofd webontwerp.

Je draait ongemakkelijk in je stoel. ‘Nou, ik heb eigenlijk geen idee wat een CMS is.’

Het hoofd webontwerp lacht. ‘Dat is toch geen probleem. Het is een contentmanagementsysteem. Je weet wel, zoals Joomla.’

‘Zoals woemla?’ vraag je.

Het hoofd webontwerp legt een map op je bureau. ‘Kijk eens naar deze voorbeeldsites. Joomla biedt een eenvoudig raamwerk voor het beheer van de inhoud van de website. Jij zorgt voor de inhoud, Joomla geeft het als een website weer.’

Je nipt van je beker koffie terwijl het hoofd webontwerp wegloopt en begint wat in de map te bladeren. Sommige websites zien er gelikt uit. Je draait je naar je computer en voert enkele url’s in. Welkom bij Joomla!

Wat Joomla voor je kan betekenen

Joomla is een contentmanagementsysteem of CMS. Gebruik je een CMS, dan hoef je (of hoeft je opdrachtgever) na het ontwerp van de site alleen nog maar voor de invoer van de tekst en afbeeldingen te zorgen. Joomla organiseert de inhoud, zorgt ervoor dat het doorzoekbaar is, geeft het weer en zorgt voor het beheer van de site in het algemeen, zodat je maar weinig technische kennis nodig hebt om de site te maken en onderhouden.

Dit betekent natuurlijk nog lang niet dat je zonder kennis een Joomla-site kunt opbouwen. Maar is je Joomla-site eenmaal in de lucht, dan is het dagelijkse onderhoud en het bijwerken super eenvoudig. Vaak komt er niet meer bij kijken dan tekst in een Joomla-artikel kopiëren, een paar opties instellen en het nieuwe artikel is gepubliceerd. Pijn- en probleemloos. Klinkt goed, nietwaar?

Voorbeelden van Joomla-sites

Een prima manier om kennis te maken met de mogelijkheden van Joomla, is een kijkje nemen naar enkele met Joomla gebouwde sites. We stellen er enkele aan je voor.

Oklahoma State University

Om te beginnen de site van de Oklahoma State University die je vindt op http://osu.okstate.edu/welcome/(zie figuur 1.1). Op de startpagina vind je een eigen logo, navigatiebalk met menu’s, een Flash-fotogallerie die in het oog springt, een geïntegreerde Google-zoekfunctie en onder aan de pagina een tweede balk met navigatieopties.

Figuur 1.1:
De website van Oklahoma State University

De site ziet er professioneel en uitgebalanceerd uit. Joomla doet zijn werk achter de schermen. Je ziet het niet aan de pagina’s, maar alle tekst, foto’s en menu’s zijn in een database opgeslagen. Joomla handelt alle details af.

NZMac.com

NZMac.com is een andere met Joomla gebouwde site. Deze site richt zich speciaal op de Macintosh-gemeenschap in Nieuw Zeeland (zie figuur 1.2).

Ook NZMac.com is een andere goede site, compleet met topmenubalk, enquêtes, blog, linksverzamelingen en zelfs een onderdeel met productbesprekingen. Deze site ziet er compleet anders uit dan die van de Oklahoma State University, maar zijn ze beide op Joomla gebouwd. Dit is een van de sterke punten van Joomla: het is eenvoudig aan je eigen wensen aan te passen.

Figuur 1.2:
De website van de Macintosh-gemeenschap in Nieuw Zeeland

Openbare Royal Oak bibliotheek

Neem nu eens een kijkje op de site www.ropl.org, de site van de openbare Royal Oak bibliotheek in Michigan, Verenigde Staten (zie figuur 1.3).

De site is overzichtelijk opgezet met veel actuele informatie. Alles is eenvoudig terug te vinden. Joomla maakt het makkelijk om je site up-to-date te houden.

Figuur 1.3:
De website van de openbare bibliotheek Royal Oak

Jenerate.com

Ook Jenerate.com is een goed voorbeeld. Je vindt deze site op www.jenerate.com (zie figuur 1.4).

Figuur 1.4:
De website Jenerate.com

Al deze websites zien er professioneel uit, met telkens een andere opmaak en indeling. Ze gebruiken allemaal Joomla als hun contentmanagementsysteem. Maar wat is nou precies een CMS en hoe werkt het?

Alles over contentmanagementsystemen

In de beginjaren van het web waren statische webpagina’s alles wat je nodig had. Je kon deze pagina’s eenvoudig met HTML (Hypertext Markup Language) in een teksteditor intypen en door een browser laten weergeven. Schematisch zag dit proces er als volgt uit:

Deze statische webpagina’s waren prima geschikt voor eenvoudige sites. Het gaf mensen de mogelijkheid om een eenvoudige site te maken, compleet met wat afbeeldingen en misschien een beetje JavaScript om wat leven toe te voegen.

Met het groeien van het web en steeds grotere pagina’s en sites werd een inherent probleem duidelijk: ze moesten de HTML die voor de visuele presentatie zorgde mixen met de eigenlijke inhoud van de pagina’s. Deze mix maakte het ingewikkeld om pagina’s te onderhouden of uit te breiden omdat je telkens met zowel tekst als met HTML moet werken.

Goed: webpagina’s met CSS

Om dit probleem op te vangen werden Cascading Style Sheets (CSS) ontwikkeld. CSS werd de belangrijkste manier om de weergave en opmaak van een webpagina te bepalen, ook al werd deze pagina nog steeds in HTML geschreven:

Het voordeel is dat zo de weergave gescheiden kon worden van de formele HTML-structuur van een pagina, zoals aangegeven met tags als <html>, <head> en <body>. De eigenlijke inhoud van de pagina was echter nog steeds in de HTML-code van de pagina gevat. De site-eigenaar moest voor het aanpassen van de inhoud ook de HTML-tags toevoegen of bewerken. In andere woorden, met CSS werd de grafische weergave van de pagina gescheiden van de rest van de webpagina, maar de content was er nog niet mee van de HTML gescheiden.

Dit was een probleem voor mensen zonder technische achtergrond die geen zin hadden hun tekst in HTML-tags te vatten. Immers, ook als je een book report schrijft heb je geen zin om je af te moeten vragen of je wel elke alinea in <p></p>-elementen hebt ingesloten en of je nergens <div> of <span>-elementen voor de opmaak bent vergeten. En dat is waar contentmanagementsystemen op het toneel verschijnen.

Beter: dynamische pagina’s via CMS

Het idee achter een contentmanagementsysteem is de content (zoals tekst en afbeeldingen) zo veel mogelijk los te koppelen van de presentatie van de site, zodat je geen HTML-tags nodig hebt voor de content die je wilt weergeven. Het CMS doet dat allemaal voor je. Jij hoeft alleen maar de inhoud van je site te verzorgen, net zoals je dat in een tekstverwerker zou doen. Het CMS voegt aan de hand van de gekozen templates de benodigde CSS-code voor de weergave in je browser toe en genereert de eigenlijke HTML-code voor die weergave:

Op deze manier ben je alleen maar verantwoordelijk voor de content van je website, de eigenlijke tekst en afbeeldingen die je je bezoekers wilt presenteren. Het CMS regelt de rest. Dat is hoe dingen horen te zijn. Content is koning.

Het resultaat is dat je je kunt concentreren op het schrijven van de gewenste teksten voor je website, compleet met de lettergrootte, vet en cursief, net zoals in een tekstverwerker. Het contentmanagementsysteem neemt deze tekst en toont het in een browser volgens het presentatiesjabloon dat je voor de site hebt gekozen, waarmee zelf ingetypte HTML en CSS definitief tot het verleden behoren.

Cool, nietwaar?

Redenen om voor Joomla te kiezen

Joomla is tegenwoordig de eerste keuze voor een CMS. In 2010 somde Wikipedia 102 gratis en opensourcecontentmanagementsystemen op (http://en.wikipedia.org/wiki/List_of_content_management_systems). Joomla was het meest geïnstalleerde programma in die lijst. Zocht je in 2010 met Google naar ‘content management system’ dan kwam Joomla daarbij als eerste zoekresultaat bovendrijven, gevolgd door twee algemene Wikipedia-artikelen. Een Google-zoekopdracht naar ‘Joomla’ levert met 93,4 miljoen hits meer hits op dan appels (32,4 miljoen hits) en sinaasappels (12,8 miljoen hits) samen.

Wat maakt Joomla zo populair? Een van de redenen is dat het gratis is, maar dat geldt voor vele andere CMS’en. Een andere reden is dat het al een flink aantal jaren bestaat, maar ook dat geldt voor vele andere CMS’en. Hier zijn enkele betere redenen.

Loyale gebruikers

Joomla heeft een zeer loyale achterban die samen een stevige wereldwijde gemeenschap vormen. Die gemeenschap heeft op zijn beurt duizenden uitbreidingen voor Joomla gemaakt. Al die templates, componenten, modules en plug-ins wachten op jouw site. Ten slotte kun je bij deze gemeenschap met vragen en voor ondersteuning terecht. Je bent met Joomla nooit alleen.

Gebruiksgemak

Jooma is een superkrachtig en eenvoudig te gebruiken programma volgestopt met een enorme hoeveelheid extra’s (en met nog meer extra’s om te downloaden). Met Joomla wordt een professionele website bijna net zo eenvoudig als een document in je tekstverwerker afdrukken.

Laag instapniveau

Je zult zeker enige moeite voor Joomla moeten doen, nadat je eenmaal de basisvaardigheden onder de knie hebt, maar daarna is het bouwen en onderhouden van een website eenvoudig. De technische kennis die je voor Joomla nodig hebt is in vergelijking tot andere CMS’en vrij beperkt.

Andere voordelen

Dit zijn enkele andere voordelen van Joomla:

intuïtieve interface en controlepaneel

visuele (WYSIWYG) editor

uitgebreide opmaakmogelijkheden

duizenden downloadbare templates

volledig doorzoekbare tekst

plug-ins voor commerciële sites, inclusief winkelsystemen

zoekmachine-optimalisatie

periodieke publicaties

Waar met Joomla beginnen

De hoofdsite voor Joomla is www.joomla.org (zie figuur 1.5). Dit is de site waar je Joomla kunt downloaden, aanvullende bestanden vindt en die je veel algemene hulp biedt.

Figuur 1.5:
De officiële Joomla-website

Installeer je Joomla, dan zie je de standaardsite uit figuur 1.6 met voorbeeldcontent.

Mijn taak in dit boek is je helpen te begrijpen wat je hier ziet in deze figuur en hoe je deze zelf kunt aanpassen voor je eigen spectaculaire websites.

Figuur 1.6:
De standaardweergave van een Joomla-site