Selecteer een pagina
In mijn artikel Hoe maak je je website mobielvriendelijk? schrijf ik over de problemen die je met mobiele schermen kunt tegenkomen. In dit artikel bied ik oplossingen speciaal voor Divi gebruikers.

Element uitzetten voor mobiel

Soms wil je bepaalde zaken niet op de mobiele versie tonen, bijvoorbeeld omdat:

  • een plaatje onleesbaar is
  • je de pagina lichter wilt maken (sneller laden)
  • je de pagina compacter wil maken in informatie (andere teksten)

In Divi kun je elke sectie, rij of module onzichtbaar maken voor mobiel, tablet of desktop. Bekijk het filmpje hiernaast of hieronder (mobiel) hoe je dat doet.

Verschillende content per device

Zo kun je dus voor mobiel een andere layout en/of inhoud maken dan voor desktop en tablet.

Het is handig om in het Admin Label de omschrijving aanpassen.

Tip! Check voordat je een pagina publiceert altijd op je mobiel hoe deze er uitziet.

Mobiele versie bekijken met de Divi Builder

Let op! check toch ook even op je eigen mobiel. De meeste mobieltjes hebben een kleinere breedte dan in de Divi builder.

Recente Divi tips

Dividers met Divi

Om verschillende onderwerpen op een website visueel te scheiden wordt vaak gewerkt met verschillende achtergrondkleuren. Het is voor de bezoeker heel fijn om gestructureerde brokjes informatie te krijgen. Ik zelf gebruik op deze website vaak een...

Formulier met Divi

Contactformulier In de Divi opbouwfunctie, oftewel de Divi Page Builder, zit een module "contactformulier". Tot voor kort was het ook min of meer alleen geschikt als contactformulier. Maar met de nieuwe veldtypes die Divi heeft geïntroduceerd, kun je nu ook complexere...

Kleurovergangen of gradients

Een achtergrond met kleurovergang (gradient) maak je vrij eenvoudig met de Divi Builder (opbouwfunctie). Het vaakst zie je gradients als achtergrond van de webpagina. Vertaald naar Divi kom je dan terecht bij secties (blauwe units). Maar je kunt ook rijen...

Schaduwranden met Divi

Foto's of andere onderdelen kun je een schaduwrand meegeven zonder te hoeven coderen in css. In de Divi builder zit schaduw tegenwoordig standaard in het onderdeel 'Ontwerp' van elke module (paarse unit). Ook rijen en kolommen kun je een schaduwrand geven....

Achtergronden met Divi

Je kunt elke sectie, rij, kolom en de meeste modules een achtergrond geven. Een achtergrond kan zijn: een kleur twee kleuren die in elkaar overvloeien (gradient) een afbeelding (foto/illustratie) een filmpje Bij elk onderdeel ziet de achtergrond instelling...

Witruimte met Divi

Als je kijkt naar de anatomie van een website, zie je dat witruimte daar een grote rol in speelt. Witruimte is net zo belangrijk als inhoud. Zonder gebalanceerde witruimte wordt je pagina een onoverzichtelijke brei van plaatjes en tekst. Witruimte geeft...

Divi basis: pagina templates maken / de Divi bibliotheek

Als je meerdere pagina's of berichten (blogs) met ongeveer dezelfde lay-out en/of opmaakt wilt bouwen, dan is het handig om een template aan te maken. De volgende keer dat je een pagina of blog gaat bouwen, kun je starten met de template en die wijzigen....

Divi basis: de Divi opbouwfunctie

Met de Divi opbouwfunctie, oftewel de Divi Page Builder, kun je elk gewenste lay-out op je webpagina bouwen. Bijvoorbeeld: bovenaan een tekst met een plaatje ernaast, daaronder de meest recente blog uittreksels en daaronder een kaart met...

Divi basis: wat is Divi?

Elke Wordpress website draait op basis van een thema. Het thema bepaalt hoe een pagina of bericht er uitziet; de stijl en de lay-out. Vaak zijn er binnen een thema nog talloze opties om de stijl en lay-out naar wens aan te passen. Thema's of themes kun je...