Handleiding voor het bijwerken van een WordPress-website en werken met de Divi Builder

jan 13, 2025

Inloggen op je WordPress-website

  1. Ga naar de inlogpagina van je website. Dit is meestal: www.jouwwebsite.nl/wp-admin. Ben je klant van ons? Dan is deze link anders, staat in je mail 🙂 Heb je hem niet meer, laat het ons weten. Dan sturen we hem nog een keer naar je op. 
  2. Vul je gebruikersnaam en wachtwoord in.
  3. Klik op Inloggen.

Het updaten van je website is belangrijk om hem veilig en goed werkend te houden.

Controleer op updates:

  • Nadat je bent ingelogd, zie je in het dashboard (linker menu) een melding als er updates beschikbaar zijn. Dit kan voor WordPress zelf, plugins, of thema’s zijn.
  • Klik op Dashboard > Updates.

Voer de updates uit:

  • Selecteer de items die je wilt updaten (WordPress-versie, plugins, of thema’s).
  • Klik op Nu bijwerken.
  • Wacht tot de updates zijn afgerond.

Let op: Maak altijd eerst een back-up van je website voordat je updates uitvoert. Dit kan via een plugin zoals UpdraftPlus. Ben je onderhoudsklant? Dan maken wij elke 12 uur een back-up. En we maken elke 3 maanden een back-up, die we offline bewaren. Veiligheid voorop! Zie ook: www.rakeklappenmarketing.nl/onderhoud

Google Ads Beheer - Marketing Automatisering
Grafisch ontwerpbureau

Werken op de Front-End en Back-End met de Divi Builder

De Divi Builder is een krachtige en gebruiksvriendelijke tool waarmee je zowel aan de voorkant (front-end) als aan de achterkant (back-end) van je website kunt werken. Hier is hoe je beide benaderingen kunt gebruiken:

Front-End Werken (Visual Builder)

De front-end is de voorkant van je website, wat bezoekers zien. Met de Visual Builder kun je direct op de pagina zelf werken, zodat je wijzigingen meteen in real-time kunt bekijken.

Hoe open je de Divi Visual Builder op de front-end?

  1. Ga naar de pagina die je wilt bewerken (zoals bezoekers deze zien).
  2. Log in op WordPress (als je nog niet ingelogd bent).
  3. Klik in de zwarte beheerbalk bovenaan op Bewerken met Divi.
  4. De Divi Visual Builder wordt geladen en toont de pagina met alle aanpasbare blokken.

Voordelen van de front-end Visual Builder

  • Je ziet direct hoe de wijzigingen eruitzien.
  • Je kunt tekst, afbeeldingen, en kleuren aanpassen door erop te klikken.
  • Eenvoudig slepen en neerzetten van elementen (drag-and-drop).

Back-End Werken (Classic Builder)

De back-end is het WordPress-dashboard, waar je pagina’s en instellingen beheert. Hier kun je de Divi Builder in een klassieke interface gebruiken om pagina’s te ontwerpen.

Hoe open je de Divi Builder op de back-end?

  1. Log in op je WordPress-dashboard.
  2. Klik links in het menu op Pagina’s.
  3. Zoek de pagina die je wilt aanpassen en klik op Bewerken.
  4. Klik op de knop Bewerken met Divi (of Enable Divi Builder als de site in het Engels staat).

Voordelen van de back-end Builder

  • Je hebt een overzicht van de structuur van de pagina in secties, rijen en modules.
  • Handig voor gebruikers die de voorkeur geven aan een gestructureerde interface.
  • Ideaal voor het aanpassen van pagina’s zonder visuele afleiding.

Overzicht van Blokken en Structuur

  • Blauwe blokken: Secties (grote inhoudsgebieden op de pagina).
  • Groene blokken: Rijen (verdelingen binnen een sectie, bijvoorbeeld kolommen).
  • Grijze blokken: Modules (inhoud, zoals tekst, afbeeldingen of knoppen).
Wix-website-online
Wix-website-online

Aanpassingen maken

Tekst aanpassen:

  • Klik op een tekstmodule (grijs blok).
  • Pas de tekst direct aan in het vak of in de zijbalk.
  • Klik op Opslaan (groen vinkje).

Afbeeldingen wijzigen:

  • Klik op een afbeelding (grijs blok).
  • In de zijbalk zie je een knop Afbeelding uploaden/vervangen. Kies een nieuwe afbeelding en klik op Opslaan.

Kleuren aanpassen:

  • Klik op het blok dat je wilt aanpassen.
  • Ga naar het tabblad Ontwerp in de zijbalk.
  • Kies een nieuwe kleur in de instellingen voor achtergrond, tekst of knoppen.

Opslaan van wijzigingen

  1. Zodra je klaar bent, klik je op de paarse balk onderaan de pagina.
  2. Klik op Opslaan (icoontje van een diskette).
  3. Als je klaar bent, klik je rechtsboven op Exit Visual Builder om terug te keren naar de website.

Handige tips

  • Voorvertoning: Klik op het oog-icoon in de Divi Builder om te zien hoe je wijzigingen eruitzien.
  • Teruggaan: Gebruik de ongedaan maken-knop (Ctrl+Z of het pijltje-icoon) als je een fout hebt gemaakt.
  • Snel opslaan: Gebruik Ctrl+S (Windows) of Cmd+S (Mac) om je werk op te slaan.