Drupal CMS - Xand-r/IT-Landscape GitHub Wiki

Inleiding tot Drupal CMS

Op deze pagina gaan we het hebben over een CMS (Content Management System). Maar wat is een CMS? Simpel uitgelegd is een CMS (Content Management Systeem) een applicatie waarmee je inhoud op een website kunt beheren zonder dat je technische kennis van coderen nodig hebt.

In dit geval gaan we gebruik maken van Drupal. Dit is een van de grotere CMS applicaties. Het is geschreven in PHP en gebruikt een MySQL of MariaDB database voor gegevensopslag.
Een paar belangrijke features van Drupal:

  • Flexibele contentstructuur: Met content types, velden en weergaven kan je aangepaste datatypes maken en tonen zoals je wilt.
  • Sterke rechtenbeheer: Je kunt zeer gedetailleerd bepalen wie wat mag doen op de site (rollen en permissies).
  • Thema’s: De look & feel van de site kan volledig aangepast worden met thema’s.
  • Community: Een grote community van ontwikkelaars ondersteunt en onderhoudt Drupal.

De reden dat ik voor Drupal gekozen heb boven andere CMS'en is wegens mijn ervaring met Wordpress. Een paar jaar geleden heb ik voor school moeten werken met Wordpress en dit was namelijk niet mijn meest aangename ervaring met een CMS. Hierdoor was het de keuze tussen Drupal en Joomla wat eigenlijk een beetje een willekeurige keuze was.

Opstart Instructies

Ik heb jullie eerder laten weten dat ik voor dit hoofdstuk gebruik zal maken van Drupal. Hier gaan we nu even zien hoe we hier mee te werk kunnen gaan en hiermee kunnen starten.
Om te starten met Drupal hebben we maar 2 ding nodig en dat zijn Docker en VSCode wegens het gebruik van Docker Compose. Aangezien je al hier bent geraakt binnen de wiki ga ik er van uit dat dit in orde is. Dit betekend dat we klaar zijn om te beginnen. Nu ga ik stapsgewijs tonen hoe te starten met Drupal.

  1. Start Docker Desktop: Het is belangrijk dat u docker desktop open hebt staan tijdens het hele proces. We gaan namelijk gebruik maken van docker-compose om Drupal te gebruiken/installeren.
  2. Maak nieuwe folder "Mijn Site": Voor stap 2 mag u op zoek gaan naar een nieuwe locatie om uw Drupal site op te slagen. Als u deze gevonden heeft mag u daar een nieuwe folder in maken met een naam die u zelf mag kiezen.
  3. maken van docker-compose.yml: Als u dit gedaan heeft kan u dan een nieuw bestand aan maken binnen deze folder. Het is belangrijk dat u dit bestand docker-compose.yml noemt om verwarring en problemen te vermijden. U mag dit bestand dan open doen binnen VSCode en hier mag u de volgende code dan in plakken:
version: "3.9"

services:
  drupal:
    image: drupal:10-apache
    ports:
      - 8080:80
    volumes:
      - drupal-modules:/var/www/html/modules
      - drupal-profiles:/var/www/html/profiles
      - drupal-themes:/var/www/html/themes
      - drupal-sites:/var/www/html/sites
    restart: always
    depends_on:
      - db

  db:
    image: mysql:5.7
    environment:
      MYSQL_DATABASE: drupal
      MYSQL_ROOT_PASSWORD: wachtwoord9876
    volumes:
      - db-data:/var/lib/mysql
    restart: always

volumes:
  drupal-modules:
  drupal-profiles:
  drupal-themes:
  drupal-sites:
  db-data:

Voor u naar stap 4 gaat kan u best nog het wachtwoord van de database aanpassen binnen de code. Hiervoor moet u achter MYSQL_ROOT_PASSWORD: juist even een eigen wachtwoord in vullen.
4. Voer het bestand uit: Nu is alles klaar om te gaan en kan u het docker-compose.yml bestand uitvoeren. Hiervoor kan u een terminal starten binnen de folder waar het bestand in staat via VSCode en typt u docker-compose up. Hiermee gaat u het bestand zijn ding laten doen. Zodra deze klaar is zou dit er als volgt uit moeten zien.

5. **Volg de setup**

Nu is Drupal eigenlijk klaar. Als u niet te veel veranderd heeft aan de Docker Compose file kan u surfen naar http://localhost:8080. Hier kan u dan uw website vinden maar Drupal zelf vraagt nog voor wat dingen om de website af te maken. Dit proces is grotendeels eigen keuzen dus u mag hier rustig door gaan tot u aan stap 4 komt.

Bij stap 4 is het belangrijk dat u wat dingen juist zet. Het begint met de database name. Als u goed gekeken heeft kon u zien dat we deze ook in onze docker compose hebben gedefineerd. Als u deze zelf niet veranderd heeft zou dit nogsteed `drupal` moeten zijn.

Bij de database username is het dan weer anders. Hier mag u gewoon `root` gebruiken. Deze naam is niet eerder gedefineerd.
Dan als laatst is het nog belangrijk dat u als host `db` gebruikt. Anders kan het zijn dat u tegen problemen loopt.
Voor de rest mag u in stap 4 overal afblijven. Normaal zou deze pagina er dan ongeveer zoals de screenshot uit moeten zien.

Als dat gedaan is bent u klaar. U zou dan terecht moeten komen op een gelijkaardig scherm als hieronder. Dit betekend dat we dan klaar zijn om een site te beginnen bouwen.

Bouwen van pagina

Nu we klaar zijn met de installatie kunnen we een simpele pagina gaan maken. Ik ga dit demonstreren door een simpele pagina over mezelf te maken om mijzelf wat voor te stellen. Startend vanuit waar we geeindigd zijn in het vorige deeltje.

We beginnen met bovenaan de pagina op de `Content` knop te drukken.
Dit gaat ons leiden naar een pagina waar we eigenlijk al onze content, oftewel websites etc, centraal kunnen beheren.

Op deze pagina zou je dan redelijk hoog een grote blauwe knop moeten zien dat zegt `+ add content`. Hier maar je op drukken waarna je dan `basic page` mag selecteren.

Nu kom je op de pagina waar je de geselecteerde, of nieuwe in dit geval, gaat bouwen. Wij hebben nu een basic page geselecteerd om het simpel te houden. Bovenaan kan je een titel geven aan de website en onderaan is dan het content vak. Hier zet je wat je wilt tonen op je website. Dit vak werkt een beetje zoals een Word bestand. Hier zet je tekst, foto's, links, etc om je site te bouwen.


Zoals ik eerder zei was ik van plan om een kleine info pagina over mezelf te maken. Deze kan je hier onder zowel in de editor als buiten de editor zien. Ik heb hiervoor juist een foto en simpele tekst gebruikt om mijn pagina op te maken om aan te tonen dat het niet moeilijk is om zo een simpele pagina te maken.


Dat was het voor deze korte Drupal guide. Nu weten we hoe we aan de hand van een CMS een simpele site kunnen bouwen.
⚠️ **GitHub.com Fallback** ⚠️