CMS

Wat is een CMS?

CMS staat voor Content Management System. Het is een programma dat wordt gebruikt om op een makkelijke manier een website te maken en te onderhouden. 

Gebruikers kunnen zonder technische kennis en te programmeren, pagina’s, plaatjes, navigatiemenu’s, etc. op een website zetten. Ook kunnen functionaliteiten worden toegevoegd, zoals nieuwsbrieven, zoekmachineoptimalisatieonderdelen, backups, etc. Ook hievoor is geen of weinig technische kennis nodig.

Enkele voorbeelden van populaire CMS-systemen zijn WordPress, Drupal en Joomla. In deze module gaan we naar het meest gebruikte cms, namelijk Wordpress kijken. 

Aan het eind van de module heb je een eigen website gemaakt met Wordpress.

Wordpress is een open-source applicatie. Deze is gratis te gebruiken!

Je zou Wordpress kunnen zien als een verzameling Lego-blokken. Eén groot blok voor de software waar je de basissite mee maakt. Hiermee maak je pagina’s,  een navigatiemenu, plaats je plaatjes etc. 

Daarnaast kun je blokken toevoegen (de software uitbreiden). Bijvoorbeeld om de site een heel ander uiterlijk en style te geven. Ook kun je makkelijk functionaliteit toevoegen en de site uitbreiden. Bijvoorbeeld door er een online winkelsysteem aan toe te voegen. Je kunt eindeloos veel blokken toevoegen. 

Hoe je dat doet behandelen we in deze module.

Reflectie

...

Inleveren

Wat ga je in deze module leren?

    • Wat is een CMS?
    • Het installeren van Wordpress
    • De belangrijkste onderdelen van Wordpress
    • Het toevoegen van pagina’s, media en een navigatiemenu
    • Het installeren en instellen van een thema
    • Wat zijn plugin’s
    • Het installeren en instellen van een plugin

Voorbereiding

In dit onderdeel ga je op je eigen laptop een Wordpress-site maken. Om dit te doen, moeten er eerst een paar dingen gebeuren. In eerdere modules heb je al meerdere keren gebruik gemaakt van xampp, dus er wordt hierbij vanuit gegaan, dat je een versie van xampp hebt geïnstalleerd op je computer.

1. Een nieuwe database aanmaken
   Voor het maken van een Wordpresssite heb je een nieuwe database nodig. Maak deze aan met behulp van phpMyAdmin. Je mag hiervoor zelf een naam bedenken.
2. Het downloaden van het programma Wordpress
   Download de laatste versie van Wordpress vanaf Wordpress.org. Let op: Niet vanaf Wordpress.com!!

https://wordpress.org/download/

Sla het bestand op in je ‘htdocs’ bestand van xampp. Meestal is dit: c:\xampp\htdocs

Opdracht 1

• Pak het zipbestand dat je hebt gedownload. Er wordt hiermee een nieuwe map aangemaakt in htdocs met de naam ‘wordpress’.
• Verander de bestandsnaam van de map ‘wordpress’ naar ‘wp-<jouwnaam>’
  vervang <jouwnaam> door je naam (duûhh!). Gebruik geen spaties!

Na de eerste opdracht gaan we verder met het installatieproces.

Tijdens het installatieproces dat je gaat doorlopen, wordt er gevraagd om de volgende informatie. 

• Naam van de database
  Dit is de naam van de database die je net hebt aangemaakt
• Gebruikersnaam van de database
  Dit is de default gebruiker van de xampp database:
          ◦ [user] root
• Wachtwoord van de database
          ◦ [password] (leeg)
• Host van de database
          ◦ localhost
• Tabel voorvoegsel (wanneer je meer dan één WordPress installatie wilt gebruiken in een enkele database)
  Deze is nu niet van toepassing en mag je onveranderd laten tijdens de installatie
• Titel van de site1
  Bijvoorbeeld: ‘De website van <jouwnaam>’
• Inloggegevens om later in het programma te kunnen inloggen
          ◦ Gebruikersnaam
          ◦ Wachtwoord
• Jouw mailadres 
  (om eventueel later het wachtwoord te kunnen herstellen)

Inleveren:

Maak een lijst van deze informatie en lever deze in als PDF-bestand met de volgende naam:

installatiegegevens-<jouwnaam>.pdf

***********

1 Wat is een CMS?

🎯 Leerdoelen

• Je weet wat een CMS is.
• Je kunt uitleggen wat je met een CMS zoals WordPress kunt doen.
• Je begrijpt waarom veel websites met een CMS gebouwd worden.

💡 Uitleg

CMS staat voor Content Management System. Een CMS is een programma waarmee je op een eenvoudige manier een website kunt maken en beheren.

Je kunt met een CMS pagina’s aanmaken, plaatjes toevoegen, navigatiemenu’s maken en zelfs extra functies installeren – allemaal zonder te programmeren.

Een CMS bestaat meestal uit een basispakket (de 'kern') en uitbreidingen. Je kunt bijvoorbeeld thema’s toevoegen om het uiterlijk aan te passen, of plugins om functionaliteit toe te voegen zoals een webshop, contactformulier of nieuwsbrief.

Populaire voorbeelden van CMS-systemen zijn WordPress, Drupal en Joomla.

In deze module leer je werken met het meest gebruikte CMS ter wereld: WordPress.

WordPress is open-source software. Dat betekent dat je het gratis mag gebruiken en aanpassen. Je kunt WordPress zien als een grote doos met Lego-blokken:

• De basisblokken vormen je website: pagina’s, menu’s, afbeeldingen, enzovoort.
• Met uitbreidingen (plugins en thema’s) geef je de site een nieuw uiterlijk of voeg je functies toe zoals een online winkel.

WordPress maakt het dus mogelijk om heel snel een professionele website te bouwen – zonder dat je technische kennis nodig hebt.

🛠️ Opdracht – WordPress verkennen

1. Ga naar https://nl.wordpress.com en maak een gratis account aan.
2. Maak een nieuwe website aan. Kies een thema dat jij mooi vindt.
3. Voeg minstens 3 pagina’s toe (bijv. Home, Over mij, Contact).
4. Maak een menu met links naar je pagina’s.
5. Voeg minimaal één afbeelding toe op je homepage.

🧠 Reflectie

• Wat vond je makkelijk of juist moeilijk aan het werken met WordPress?
• Waarom denk je dat zoveel websites met een CMS zoals WordPress zijn gebouwd?
• Wat zou je willen leren of verbeteren aan jouw eigen site?

📤 Inleveren

• Maak een screenshot van jouw homepage in WordPress.
• Lever ook een korte reflectie in als .txt of .pdf met antwoorden op de 3 vragen hierboven.

2 WordPress installeren op je eigen laptop

🎯 Leerdoelen

• Je kunt zelfstandig WordPress installeren op je eigen laptop.
• Je kunt een database aanmaken met phpMyAdmin.
• Je begrijpt welke gegevens je nodig hebt tijdens de installatie.

💡 Uitleg

In dit onderdeel ga je een lokale WordPress-website maken met behulp van XAMPP. Dit betekent dat je website alleen werkt op jouw eigen laptop. Voor het maken van een WordPress-site zijn een paar stappen nodig. In eerdere modules heb je al met XAMPP gewerkt, dus we gaan ervan uit dat deze al geïnstalleerd is op je computer.

Stap 1 – Database aanmaken

Open phpMyAdmin via localhost/phpmyadmin. Maak een nieuwe database aan. Bedenk zelf een geschikte naam (bijv. wp-jan).

Stap 2 – WordPress downloaden

Download de laatste versie van WordPress van de officiële site:

https://wordpress.org/download/

Let op: Download het NIET van wordpress.com!

Sla het ZIP-bestand op in je htdocs-map van XAMPP (meestal: C:\xampp\htdocs).

🛠️ Opdracht 1 – WordPress map instellen

1. Pak het ZIP-bestand uit dat je hebt gedownload.
2. Er ontstaat een map met de naam wordpress.
3. Hernoem deze map naar wp-<jouwnaam> (vervang <jouwnaam> door jouw eigen naam, zonder spaties!).

Voorbeeld: wp-ayoub of wp-nina

We gaan nu verder met het installatieproces. Surf in je browser naar: http://localhost/wp-jouwnaam

Tijdens de installatie moet je deze gegevens invullen:

• Naam van de database: de naam die je net hebt aangemaakt
• Gebruikersnaam database: root
• Wachtwoord database: laat dit veld leeg
• Host database: localhost
• Tabelvoorvoegsel: laat dit staan zoals het is (wp_)
• Titel van de site: bijv. “De website van Ayoub”
• Gebruikersnaam en wachtwoord om in te loggen op je WordPress-site
• Je e-mailadres: nodig om je wachtwoord later te herstellen

🧠 Reflectie

• Wat was het makkelijkste onderdeel van deze installatie?
• Wat vond je lastig of verwarrend?
• Wat is volgens jou het voordeel van lokaal werken ten opzichte van een online installatie?

📤 Inleveren

• Maak een lijstje met de gegevens die jij hebt gebruikt tijdens de installatie (zie hierboven).
  Sla dit op als installatiegegevens-jouwnaam.pdf (bijv. installatiegegevens-ayoub.pdf) en lever die in.
• Reflectie met daarin de antwoorden op de drie vragen (txt of PDF).