Hoe maak je stap voor stap een Joomla-website?

Als u een pro­fes­si­o­neel web­pro­ject wilt dat maximale flexi­bi­li­teit biedt en op elk moment kan worden geschaald, dan moet u kiezen voor een con­tent­ma­na­ge­ment­sys­teem zoals Joomla. In dit artikel leggen we uit wat de vereisten zijn voor het gebruik van deze open-sour­ce­ap­pli­ca­tie en hoe u een Joomla-website kunt maken.

Wat is Joomla?

Joomla is een con­tent­ma­na­ge­ment­sys­teem dat in 2005 is uit­ge­bracht en bekend staat om zijn ge­bruiks­vrien­de­lijk­heid. Met een korte training en ba­sis­ken­nis kunt u de software bedienen. Zodra u vertrouwd bent met het systeem, kunt u beginnen met het maken van een Joomla-website. Het CMS valt onder de GNU-GPL-licentie en is ge­schre­ven in de script­taal PHP.

Voor ge­ge­vens­op­slag maakt Joomla standaard gebruik van het re­la­ti­o­ne­le da­ta­ba­se­be­heer­sys­teem MySQL. Aangezien de open-sour­ce­ap­pli­ca­tie al jaren een van de po­pu­lair­ste open-sour­ce­op­los­sin­gen voor web­si­te­be­heer is, zijn er al duizenden extensies voor zowel front- als backend, die meestal zijn ont­wik­keld door de zeer actieve community.

Hoe Joomla instellen en in­stal­le­ren

Voordat u een website met Joomla kunt maken, moet u eerst de juiste voor­waar­den scheppen. Begin met het se­lec­te­ren van een geschikte hos­tingom­ge­ving om zowel Joomla als later de gegevens van uw website op te slaan. Beslis of u het CMS en uw site op uw eigen server wilt hosten of bij een hos­ting­pro­vi­der. Kies ver­vol­gens het adres van uw website en re­gi­streer het domein van uw voorkeur.

Met checker-tools zoals de Domain Check van IONOS kunt u con­tro­le­ren of het door u gewenste adres nog be­schik­baar is.

Stap 1: In­stal­leer en con­fi­gu­reer de webserver en database

Zodra u de hosting hebt geregeld en de do­mein­re­gi­stra­tie hebt voltooid, kunt u zich con­cen­tre­ren op het in­stal­le­ren van de soft­wa­re­com­po­nen­ten die nodig zijn voor de werking van het con­tent­ma­na­ge­ment­sys­teem:

Enerzijds heb je een webserver nodig die PHP on­der­steunt (dat ook op de server moet worden ge­ïn­stal­leerd) en die via FTP toe­gan­ke­lijk is. Het wordt aan­be­vo­len om een Apache-webserver in te stellen.

Aan de andere kant hebt u een da­ta­ba­se­be­heer­sys­teem nodig waarin Joomla de gegevens van uw ge­cre­ëer­de website opslaat. MySQL is hiervoor een uit­ste­ken­de oplossing, dus u kunt het beste de in­stal­la­tie­be­stan­den van de Oracle-ap­pli­ca­tie down­lo­a­den van de MySQL-website. Er is een verschil tussen de betaalde com­mer­ci­ë­le ‘MySQL En­ter­pri­se Edition’ en de gratis open-source ‘MySQL Community Edition’.

Stap 2: Download en in­stal­leer de nieuwste versie van Joomla

Als de webserver en database actief zijn, ga dan naar de Joomla-website en download de in­stal­la­tie­be­stan­den voor de nieuwste versie van het con­tent­ma­na­ge­ment­sys­teem.

Het ge­down­lo­a­de bestand is een ar­chief­be­stand dat u lokaal kunt uitpakken voordat u het met een FTP-client zoals FileZilla naar de webserver over­brengt, of al­ter­na­tief na de FTP-upload. Het is be­lang­rijk dat de mee­ge­le­ver­de Joomla-pro­gram­ma­be­stan­den na het uitpakken in de openbare hoofdmap worden geplaatst, die doorgaans public_html of htdocs wordt genoemd.

Om de in­stal­la­tie van Joomla te starten, opent u de we­binstal­ler via uw favoriete browser door uw domein of de lokale op­slag­lo­ca­tie (http://localhost/path-to-joomla-folder) van Joomla in te voeren. In eerste instantie vraagt Joomla u om enkele ba­sis­in­stel­lin­gen te maken, te beginnen met de taalkeuze. Het CMS zou echter au­to­ma­tisch de juiste taal­ver­sie moeten se­lec­te­ren op basis van de taal die voor de browser is gekozen. Daarnaast moeten de volgende velden worden ingevuld:

• Naam van de website: Hier geeft u aan hoe uw Joomla-website moet heten, hoewel u de naam later op elk moment kunt wijzigen in de algemene con­fi­gu­ra­tie.
• Ge­brui­kers­naam: Standaard gebruikt het CMS de naam ‘admin’ voor de su­per­ge­brui­ker, die u op dit moment moet wijzigen.
• Wacht­woord: Stel een veilig wacht­woord in voor de admin-toegang, waarbij u er rekening mee moet houden dat dit ge­brui­kers­ac­count maximale toegang heeft tot zowel de front-end als de back-end.
• E-mail: Joomla vereist een geldig e-mailadres dat aan het be­heer­ders­ac­count is gekoppeld. Dit is bij­voor­beeld nodig als u het wacht­woord wilt wijzigen.

Nadat u de con­fi­gu­ra­tie­pa­gi­na hebt ingevuld, is de volgende stap het menu voor da­ta­base­con­fi­gu­ra­tie. Voer daar de gevraagde in­for­ma­tie in voor het da­ta­ba­sety­pe, de ser­ver­naam en de login en klik nogmaals op de in­stal­la­tie­knop om te voltooien.

Hoe maak je een Joomla-website voor beginners

Als klassiek CMS biedt Joomla twee niveaus voor het bewerken van website-inhoud: de frontend, waar u recht­streeks wij­zi­gin­gen kunt aan­bren­gen op de zichtbare pagina’s, en de backend, waar u de kern­func­ti­o­na­li­teit, het ontwerp en het algemene beheer van uw site con­fi­gu­reert. Wanneer u begint met het maken van een Joomla-website, begint u na­tuur­lijk in de backend. Deze be­gin­ners­vrien­de­lij­ke tutorial loodst u door de eerste ad­mi­ni­stra­tie­ve stappen en laat u zien hoe u een een­vou­di­ge Joomla-site opzet en uw eerste inhoud toevoegt.

Stap 1: Log in op de Joomla-backend

U kunt recht­streeks via uw favoriete web­brow­ser in de backend (en ook in de frontend) werken. Nadat u het door u gekozen domein aan Joomla hebt gekoppeld, voert u gewoon het adres http://www.name-of-your-website.com/administrator in de adresbalk van de browser in om de in­log­pa­gi­na van de backend te openen. Vervang de plaats­hou­der name-of-your-website.com door uw eigen do­mein­naam. Voer op het in­log­scherm de be­heer­ders­ge­ge­vens in die u tijdens de in­stal­la­tie hebt aan­ge­maakt en klik ver­vol­gens op de inlogknop om toegang te krijgen tot de backend.

Stap 2: Wijzig de algemene Joomla-in­stel­lin­gen in het con­fi­gu­ra­tie­me­nu

Na het inloggen komt u in het Joomla-dashboard terecht, dat een overzicht biedt van de be­lang­rijk­ste gegevens voor uw website en ac­ti­vi­tei­ten binnen het con­tent­ma­na­ge­ment­sys­teem. Hier kunt u zien welke versies van het be­stu­rings­sys­teem, PHP en database u gebruikt of hoeveel bezoekers er momenteel op uw site zijn. Daarnaast kunt u zien welke ge­brui­kers­ac­counts zijn ingelogd in de backend of frontend en welke wij­zi­gin­gen er re­cen­te­lijk zijn aan­ge­bracht in het web­pro­ject. Vanuit het dashboard hebt u ook toegang tot het CMS-optiemenu, waar u de ba­sis­in­stel­lin­gen van uw Joomla-website kunt aanpassen. U kunt dit openen via de knop ‘Algemene con­fi­gu­ra­tie’:

Op het tabblad ‘Site’ vindt u in­stel­lin­gen die u al kent van de in­stal­la­tie, zoals de naam van de website, algemene metadata of de scha­ke­laar voor de offline modus van uw web­pro­ject. U kunt ook aangeven welke editor u wilt gebruiken voor het werken in Joomla: standaard is de WYSIWYG-editor TinyMCE ge­se­lec­teerd, maar u kunt ook kiezen voor de een­vou­di­ge code-editor Co­de­Mir­ror. Met de juiste extensie kunnen echter ook populaire editors zoals ARK Editor of JCE worden ge­ïn­te­greerd.

In­stel­lin­gen voor in­dexe­ring en zoek­ma­chi­ne­o­p­ti­ma­li­sa­tie zijn ook mogelijk: in het veld ‘Robots’ kunt u aangeven of zoek­ma­chi­ne­craw­lers HTML-pagina’s moeten indexeren (index) of niet (noindex), en of ze de links moeten volgen (follow) of niet (nofollow). De andere tabbladen in het con­fi­gu­ra­tie­me­nu bieden de volgende in­stel­lin­gen:

• Systeem: Onder ‘Systeem’ kunt u in­stel­lin­gen maken voor caching, debugging en ses­sie­be­heer.
• Server: In dit menu vindt u alle es­sen­ti­ë­le opties voor het beheer van de webserver en kunt u bij­voor­beeld FTP, HTTPS of een proxy­ser­ver activeren of de­ac­ti­ve­ren.
• Logging: In het menu ‘Logging’ kunt u de logmap aanpassen en enkele aan­vul­len­de in­stel­lin­gen voor de Joomla-logs maken.
• Tekst­fil­ters: Via de tekst­fil­ter­in­stel­lin­gen kunt u bepalen welke soorten HTML-elementen elke ge­brui­kers­groep mag gebruiken bij het gebruik van de editor.
• Rechten: In het menu ‘Rechten’ kunt u de rechten van ver­schil­len­de ge­brui­kers­ac­counts af­zon­der­lijk de­fi­ni­ë­ren. Acties die kunnen worden ge­de­fi­ni­eerd zijn onder andere be­heer­ders­rech­ten, inloggen op de site, aanmaken, ver­wij­de­ren en bewerken.

Stap 3: Beheer ge­brui­kers­groe­pen en voeg een ge­brui­kers­ac­count toe

Na de in­stal­la­tie is het admin-account nog steeds het enige ge­brui­kers­ac­count. Af­han­ke­lijk van het type en de omvang van het web­pro­ject zijn er echter ook andere ge­brui­kers die betrokken zijn bij het beheer van de website of het creëren van content. Joomla biedt daarom een vooraf ge­de­fi­ni­eerd, hi­ë­rar­chisch ge­brui­kers­sche­ma dat u naar behoefte kunt aanpassen. Klik hiervoor eerst op ‘Ge­brui­kers’ in het menu aan de lin­ker­kant en ver­vol­gens op ‘Groepen’:

Als u wij­zi­gin­gen wilt aan­bren­gen in het ge­brui­kers­groeps­sche­ma, klikt u gewoon op de gewenste groep. U kunt groepen ook volledig ver­wij­de­ren door op ‘Ver­wij­de­ren’ te klikken. Om de toe­gangs­rech­ten van ver­schil­len­de ge­brui­kers­pro­fie­len te de­fi­ni­ë­ren, schakelt u over naar het tabblad ‘Rechten’ dat in het vorige gedeelte onder het menu ‘Algemene con­fi­gu­ra­tie’ is genoemd. Klik daar op de groep of subgroep die u wilt bewerken en kies een van de volgende drie in­stel­lin­gen voor elke toe­gangs­ac­tie:

• Over­ge­no­men: toe­stem­ming wordt over­ge­no­men uit de con­fi­gu­ra­tie van de bo­ven­lig­gen­de groep
• Toe­ge­staan: De ge­brui­kers­groep kan de actie uitvoeren, ongeacht de in­stel­lin­gen van de bo­ven­lig­gen­de groep
• Geweigerd: De ge­brui­kers­groep kan de actie niet uitvoeren, ongeacht de in­stel­lin­gen van de bo­ven­lig­gen­de groep

Als de groepen en toe­ge­we­zen toe­gangs­rech­ten aan uw ver­wach­tin­gen voldoen, kunt u nieuwe ge­brui­kers­ac­counts aanmaken en deze aan de gewenste groepen toewijzen. Om dit te doen, vouwt u het menu ‘Ge­brui­kers’ uit en klikt u op de knop ‘Nieuwe gebruiker’ (plusteken). Daar moet u de naam, ge­brui­kers­naam en een geldig e-mailadres van de nieuwe gebruiker opgeven en in het tabblad ‘Toe­ge­we­zen groepen’ aangeven tot welke groep of groepen dit nieuwe ge­brui­kers­ac­count moet behoren. Klik ten slotte op ‘Opslaan en sluiten’ om het account aan te maken. Het account zou nu naast het be­heer­ders­ac­count (su­per­ge­brui­ker) in de ge­brui­kers­lijst moeten ver­schij­nen.

Stap 4: Integreer de gewenste sjabloon voor uw Joomla-website

Wanneer u websites maakt met een CMS zoals Joomla, heeft u het grote voordeel dat u kunt kiezen uit ver­schil­len­de ont­werp­sja­blo­nen (vaak thema’s of templates genoemd). In de ba­sis­ver­sie biedt Joomla de res­pon­sie­ve sjablonen Cas­siopeia voor de frontend en Atum voor de backend. Als u echter een andere Joomla-sjabloon in gedachten heeft als basis voor uw web­pro­ject, kunt u deze op elk moment via de backend in­te­gre­ren. Download hiervoor eerst de sjabloon en im­ple­men­teer deze ver­vol­gens door in het menu aan de lin­ker­kant op ‘Systeem’ en ver­vol­gens op ‘Extensies’ te klikken. Sleep het ge­down­lo­a­de sja­bloon­be­stand naar het daarvoor bestemde gebied en Joomla start au­to­ma­tisch de in­stal­la­tie.

Na de in­stal­la­tie vindt u ge­ïn­te­greer­de sjablonen onder ‘Systeem’ -> ‘Sjablonen’.

Stap 5: Maak een Joomla-pagina aan en stel deze in als start­pa­gi­na

Pagina’s van een web­pro­ject worden in Joomla ‘posts’ genoemd. Als u tijdens de in­stal­la­tie de juiste optie hebt ge­se­lec­teerd, bestaat de plaats­hou­der­post ‘Aan de slag’ al en kunt u de inhoud ervan zien wanneer u uw website op dit moment bezoekt. Om echter uit­ein­de­lijk de eerste pagina van uw Joomla-website te maken, klikt u op ‘Nieuw artikel’ (onder ‘Artikelen’) in het dashboard. Kies een titel voor de pagina en gebruik ver­vol­gens de editor om de gewenste inhoud toe te voegen. Met de knop ‘Opmaak’ kunt u algemene op­maak­be­wer­kin­gen uitvoeren, zoals koppen, vet­ge­druk­te tekst, cursieve tekst of alinea’s. Klik ten slotte op ‘Opslaan en sluiten’ om de pagina te genereren.

De aan­ge­maak­te Joomla-pagina kan nu op elk moment worden bewerkt of ver­wij­derd onder ‘Artikelen’. Om deze echter tot start­pa­gi­na van uw web­pro­ject te maken, moet u naar het menu ‘Menu’s’ gaan. Klik eerst op ‘Hoofdmenu’ en ver­vol­gens op ‘Start­pa­gi­na’. Als u ‘Enkel artikel’ als menu-itemtype se­lec­teert, kunt u de eerder aan­ge­maak­te pagina onder ‘Artikel se­lec­te­ren’ tot start­pa­gi­na maken:

Stap 6: Voeg links toe aan Joomla-berichten

Links zijn een be­lang­rijk onderdeel van suc­ces­vol­le websites, omdat interne en externe links de waarde van uw aanbod verhogen en de positie in zoek­ma­chi­nes ver­be­te­ren. Zodra u over het juiste link­ma­te­ri­aal beschikt, kunt u dit met slechts een paar muis­klik­ken in uw teksten opnemen: voor externe links se­lec­teert u gewoon het tekst­ge­deel­te dat u wilt linken en klikt u op ‘Link invoegen/bewerken’.

Voor interne links drukt u op de knop ‘Artikel’ en se­lec­teert u ver­vol­gens het gewenste bericht uit uw Joomla-project.

Stap 7: Voeg af­beel­din­gen toe aan uw nieuw aan­ge­maak­te Joomla-start­pa­gi­na

Na­tuur­lijk moet u ook af­beel­din­gen in uw web­pro­ject in­te­gre­ren, want zelfs de meest in­te­res­san­te inhoud trekt weinig lezers zonder visuele aan­trek­kings­kracht. Om een bericht met foto’s en af­beel­din­gen te verrijken, opent u het gewoon via het menu Artikelen en kiest u ‘CMS-inhoud’ en ‘Media’ in de editor:

Klik op de af­beel­ding die u in het artikel wilt invoegen en vul de in­for­ma­tie voor de af­beel­dings­ti­tel of be­schrij­ving in. Druk ten slotte op ‘Media invoegen’ en de af­beel­ding ver­schijnt op de gewenste positie in het huidige bericht: