Wordpress - Iemand005/IT-Landscape GitHub Wiki

Wordpress

Installatie

  1. Maak een nieuwe map aan voor de configuratie van Wordpress. Je mag zelf de naam en locatie kiezen.

  2. Maak in deze nieuwe map een nieuw bestand aan genaamd compose.yaml en plaats hierin de volgende configuratie:

services:
  # Database
  db:
    image: mysql:5.7
    volumes:
      - db_data:/var/lib/mysql
      - ./db-folder-data:/var/lib/mysql
    restart: always
    environment:
      MYSQL_ROOT_PASSWORD: password
      MYSQL_DATABASE: wordpress
      MYSQL_USER: wordpress
      MYSQL_PASSWORD: wordpress
    networks:
      - wpsite
  # PHPMyAdmin
  phpmyadmin:
    depends_on:
      - db
    image: phpmyadmin
    restart: always
    ports:
      - '8080:80'
    environment:
      PMA_HOST: db
      MYSQL_ROOT_PASSWORD: password 
    networks:
      - wpsite
  # Wordpress
  wordpress:
    depends_on:
      - db
    image: wordpress:latest
    ports:
      - '8000:80'
    restart: always
    volumes: ['./:/var/www/html']
    environment:
      WORDPRESS_DB_HOST: db:3306
      WORDPRESS_DB_USER: wordpress
      WORDPRESS_DB_PASSWORD: wordpress
    networks:
      - wpsite
networks:
  wpsite:
volumes:
  db_data:
  1. Nu gaan we een container maken met deze configuratie. Open een terminal (cmd, wt, powershell, bash, ...) in de map aangemaakt in stap 1
docker compose up -d
  1. Je mag eens kijken in Docker Desktop, daar zou nu een container moeten aangemaakt zijn voor Wordpress:

De container is aangemaakt en zichtbaar in Docker Desktop

Wordpress configuratie

  1. Open de lokale Wordpress admin website in een browser door naar http://localhost:8000/wp-admin te gaan.

  2. Dit opent een website waar je de Wordpress website kan initialiseren. Kies hier om te beginnen een taal:

Kies een taal voor Wordpress

  1. Vervolgens maak je het administrator account aan waarmee jij de website zal beheren. Zorg zeker dat je het wachtwoord goed bewaard:

Maak een account

  1. Tot slot krijg je nog een boodschap te zoen dat het gelukt is:

Success!

Wordpress gebruiken

Nu gaan we kijken hoe Wordpress werkt.

Hier is een voorbeeld van onze start pagina op Wordpress:

Welcome bij Wordpress!

Laten we een pagina aanmaken voor onze website.

  1. Klik aan de linker kant op Pages en vervolgens op All Pages:

Nieuwe pagina maken

  1. Hier zien we nu alle pagina's die op onze website staan. Vanboven links is een knop Add New Page die een nieuwe pagina toevoegt:

Nieuwe pagina maken

Nu kunnen we direct beginnen met onze pagina aan te passen.

Nieuwe pagina kan aangepast worden

Je kunt op de tekst velden klikken en typen om hier text te plaatsen.

Er zijn ook knoppen om meer opmaak te kiezen voor je tekst:

knoppen en zo

Je ziet ook een zwart plus tekentje rechts onder het tekst blok.

Klik hierop om meer opties te krijgen voor nieuwe componenten:

Blokken