Nieuwe pagina maken met Divi

Stap 1: Inloggen op je WordPress Dashboard #

  1. Open je webbrowser en ga naar het inlogscherm van je WordPress website
  2. Voer je gebruikersnaam en wachtwoord in en klik op “Inloggen”.

Stap 2: Een Nieuwe Pagina Aanmaken #

  1. In het WordPress Dashboard, ga naar de zijbalk en klik op “Pagina’s”.
  2. Klik bovenaan op “Nieuwe pagina” of “Add New Page”.

Stap 3: De Divi Builder Inschakelen #

  1. Je komt nu in de paginabewerkingsmodus van WordPress. Bovenaan zie je een knop met “Use Divi Builder” of “Gebruik de Divi Builder”. Klik hierop.
  2. Er zijn drie opties: “Start Building”, “Choose a Premade Layout” en “Clone Existing Page”. Voor een nieuwe pagina kies je meestal “Start Building” of “Choose a Premade Layout”.

Stap 4: Layout Keuze #

  1. Start Building:
    • Dit opent een blanco canvas waar je zelf alle secties, rijen en modules kunt toevoegen.
  2. Choose a Premade Layout:
    • Als je kiest voor een vooraf gemaakte lay-out, krijg je toegang tot de Divi Library met veel sjablonen. Kies een lay-out die je bevalt en klik op “Use This Layout”.

Stap 5: Pagina Indeling Aanpassen #

  1. Je ziet nu de Divi Builder interface. Deze bestaat uit drie hoofdcomponenten:
    • Secties (blauw): De grootste bouwblokken waarin je rijen plaatst.
    • Rijen (groen): Deze bevinden zich binnen secties en bevatten kolommen.
    • Modules (grijs): Dit zijn de inhoudselementen zoals tekst, afbeeldingen, knoppen, etc.
  2. Secties toevoegen:
    • Klik op het “+” icoon onderaan de pagina of op het blauwe “+Add New Section” om een nieuwe sectie toe te voegen. Kies het type sectie (Regular, Speciality, Fullwidth).
  3. Rijen toevoegen:
    • Binnen een sectie klik je op het groene “+” icoon om een nieuwe rij toe te voegen. Kies een kolomindeling.
  4. Modules toevoegen:
    • Klik op het grijze “+” icoon binnen een kolom om een module toe te voegen. Er verschijnt een lijst met beschikbare modules. Kies de module die je nodig hebt (bijv. Tekst, Afbeelding, Video, etc.).

Stap 6: Modules Bewerken #

  1. Klik op de module die je hebt toegevoegd om de instellingen te openen.
  2. Pas de inhoud en styling aan via de tabs “Content”, “Design” en “Advanced”.
    • Content: Hier bewerk je de daadwerkelijke inhoud (tekst, afbeeldingen, etc.).
    • Design: Hier pas je het uiterlijk aan (kleuren, marges, lettertypen, etc.).
    • Advanced: Hier kun je meer gedetailleerde aanpassingen doen, zoals aangepaste CSS toevoegen.

Stap 7: Pagina Opslaan #

  1. Als je tevreden bent met de indeling en inhoud van je pagina, klik je onderaan op de paarse balk op “Save Draft” als je de pagina later wilt publiceren, of “Publish” als je de pagina direct wilt publiceren.

Stap 8: Pagina Instellingen Aanpassen (optioneel) #

  1. Klik op de paarse cirkel met de drie stippen onderaan het scherm om de Divi Builder menubalk te openen.
  2. Klik op het tandwielpictogram om de pagina-instellingen te openen. Hier kun je de titel, uitgelichte afbeelding, en andere instellingen aanpassen.

Stap 9: De Pagina Bekijken #

  1. Nadat je de pagina hebt gepubliceerd, kun je deze bekijken door op “View Page” of “Pagina Bekijken” te klikken bovenaan het scherm.

Extra Tips: #

  • Divi Library: Gebruik de Divi Library om vaak gebruikte modules, rijen, en secties op te slaan voor later gebruik.
  • Responsive Design: Test je pagina op verschillende schermformaten (desktop, tablet, mobiel) om ervoor te zorgen dat de lay-out overal goed uitziet.
Hoe nuttig was deze handleiding?