Divi builder en Default editor combineren

Wanneer u de Divi builder van Elegant Themes installeert, kan u gebruik maken van de Divi builder en Default builder.

Divi builder: Pagina’s en berichten maken met Divi (Visual builder).

Default builder: De standaard weergave van WordPress (Gutenberg editor).

Het is ook mogelijk om deze 2 te combineren. Voor pagina’s kiezen we liever Divi en voor blogberichten zijn beide mogelijk. In dit artikel gaan we verder in op de verschillende mogelijkheden en de stappen daarbij.

1. Pagina’s bewerken met Divi

1. Klik op pagina’s in je dashboard

divi pagina 1

Verkrijg een overzicht van alle pagina’s op je website. Klik op de titel van de pagina die je wil bewerken.

2. Overzicht pagina-instellingen

divi pagina 2
  1.  Geef de titel van de pagina in.
  2. Om het uiterlijk en de inhoud van de pagina zelf te veranderen klik je op ‘Edit with the divi builder’. Je verlaat dan wel deze pagina-instellingen.
  3. Kies wie deze pagina te zien krijgt. Standaard staat deze op ‘openbaar’ en kan iedereen ze bekijken.
  4. Kies vanaf wanneer de pagina getoond mag worden.
  5. Geef de link van de pagina in. Meestal is deze gelijk aan de titel maar je kan ze ook zelf bepalen. Tip: kies een korte en duidelijke ‘slug’.
  6. Je kan een afbeelding aan een pagina toewijzen. Bij blogberichten is dit een goed idee maar bij pagina’s wordt dit meestal niet gedaan.
  7. Je kan een voorbeeld van je pagina bekijken, zelfs als deze nog niet openbaar gepubliceerd is.
  8. Publiceer of werk je pagina bij. Je wijzigingen worden nu ook aan je bezoekers getoond.

3. Secties, rijen en modules

divi pagina 3

Wanneer je in vorige stap ‘Edit with the divi builder’ koos, krijg je deze omgeving te zien. Je kan hier de inhoud en het uiterlijk van je website veranderen. Je website wordt opgemaakt vanuit een hiërarchie: Secties, rijen en modules.

  1. Secties: Een sectie is een groter geheel van een pagina. Ze omvatten enkele of meerdere rijen, die op hun beurt weer modules bevatten. In een sectie bepaal je het aantal rijen, kolommen en de achtergrond.
  2. Rijen: Rijen kunnen één of meerdere kolommen bevatten waarin verschillende modules zijn opgenomen. Zij structureren de inhoud en elementen in denkbeeldige vakken.
  3. Modules: Een module kan verschillende vormen aannemen. Zij geven de inhoud van je website weer. Je kan in een rij verschillende modules opnemen. In bovenstaand voorbeeld gaat het simpelweg om een ‘tekstmodule’. Zo heb je nog afbeeldingen, sliders, video, formulieren, knoppen, …
  4. Door op het ‘plusje’ te klikken, kan je een nieuwe module toevoegen
  5. Idem voor rijen en secties.
  6. Instellingen: Bekijk verdere pagina-instellingen en wissel af met verschillende weergaven. Klik op ‘save draft’ om de wijzigingen op te slaan en op ‘publish’ om je wijzigingen toonbaar te maken aan de bezoekers van je website.

4. Gereedschap

divi pagina 4

Bij de secties, rijen en modules krijgt je knoppen voor je gereedschap te zien. We overlopen ze even van links naar rechts.

– Met de pijltjes kan u inhoud naar een andere plaats op de pagina slepen.

– Via het tandwieltje kan u de inhoud en instellingen bekijken of bewerken.

– Dupliceer (kopieer en plak) de inhoud.

– Klik op het roostertje om het aantal kolommen in je rij te wijzigen.

– Importeer/exporteer bepaalde delen van je pagina of inhoud, zo kan je ze later hergebruiken.

– Klik op het vuilbakje om het gedeelte te verwijderen.

– Klik op de drie puntjes om geavanceerde instellingen te zien.

5. Modules bewerken

divi pagina 5

 Zoals eerder besproken zijn er verschillende modules. In bovenstaand voorbeeld bekijken we de tekstmodule.

Elke module is opgedeeld in content, design en advanced. Content gaat over de inhoud van de module. Hier komt je tekst, afbeelding, video, … Design bepaalt het uiterlijk van de module. Zo kan je kleuren, randen en animaties instellen. Advanced ga je zelden gebruiken. Je gaat hier geadvanceerde instellingen, anchor links en CSS in kunnen definiëren.

Bij elke module krijg je ook 4 knoppen onderaan te zien. Klik op het kruisje om wijzigingen ongedaan te maken. De pijltjes kunnen wijzigingen ongedaan maken of terugplaatsen. Klik op het vinkje om de wijzigingen te bevestigen.

6. De pagina opslaan of verlaten

divi pagina 6

Bovenaan de pagina kan u deze omgeving verlaten door in de zwarte balk te zoeken naar ‘Exit visual builder’. 

divi pagina 7

 Vervolgens krijgt u de kans om de wijzigingen op te slaan of te verwerpen.

– Klik op het groene ‘discard & exit’ om alles ongedaan te maken.

– Klik op het blauwe ‘save & exit’ om alle aangebrachte wijzigingen toe te passen.

2. Blogberichten toevoegen in Divi

1. Klik op berichten in je dashboard

divi blog 1

– Klik op alle berichten om je huidige berichten te bekijken of bij te werken. Vervolgens klik je op de titel van het bericht dat je wil bewerken. Berichten verwijderen kan ook. Ga met de muispijl over de titel van het bericht dat je wil verwijderen. Vervolgens zal je op ‘Prullenmand’ kunnen klikken.

– Kies nieuw bericht indien u een volledig nieuw bericht wil posten.

– Bij categorieën kan u namen van categorieën ingeven waar uw toekomstige berichten aan toegekend kunnen worden.

– Berichten kunnen ook tags bevatten. Deze worden zelden gebruikt omdat categorieën deze taak al overschaduwen.

2. Use default editor

divi blog 2

– Klik op ‘Voeg titel toe’ en geef de nieuwe titel voor je bericht in. U kan al op ctrl + s duwen om wijzigen tussendoor op te slaan. Zo ontstaat er ineens een nieuwe ‘url’ (link op je website) voor dit bericht.

– Kies ‘use default editor’ om een bericht te kunnen schrijven. U kan ook kiezen voor de divi builder (zie gedeelte ‘pagina’s bewerken’). Toch gaat de voorkeur voor teksten en blogberichten uit naar de default editor omdat deze hier specifiek voor gemaakt is. Voor enkel teksten en afbeeldingen is deze ook eenvoudiger.

3. Inhoud toevoegen

divi blog 3

Nadat u gekozen heeft voor de ‘default editor’ kan u berichten en afbeeldingen toevoegen. Voeg een titel toe, indien u dit nog niet gedaan heeft, en typ vervolgens daaronder uw tekst.

Klik op het plusje om meerdere toepassingen in te voegen of bepaalde opmaak toe te kennen. Experimenteer met de verschillende opties om deze beter te leren kennen.

4. Instellingen

divi blog 4

Gelijkaardig aan pagina’s kan u ook bij berichten kiezen wanneer uw bericht zichtbaar is voor uw bezoekers en wie ze te zien krijgt. Kies bij ‘URL Slug’ voor een korte, duidelijke url (adres van het nieuwe bericht). Standaard stelt deze bij het opslaan van uw pagina de titel van het bericht voor. U kan deze aanpassen naar wat u maar wenst.

divi blog 5

– Duid een categorie aan dat de inhoud van uw bericht het beste omschrijft.

– Tags zijn optioneel, u kan deze weglaten, omdat ze overschaduwd worden door categorieën.

– Kies een ‘uitgelichte afbeelding’. Deze afbeelding krijgen uw bezoekers te zien alvorens ze uw nieuw bericht kunnen lezen.

Vervolgens kan u bovenaan naar een ‘voorbeeld’ van uw nieuw bericht bekijken. Volledig tevreden? Kies ‘Publiceer…’ Uw bericht staat nu online.