In oktober 2019 heeft Divi de Theme Builder / Themabouwer gelanceerd. GEWELDIG!

In het kort betekent het dat je nu zelf de lay-out kunt bepalen van menu header, footer, categorie- en andere archiefpagina’s, berichten, zoekresultatenpagina en je 404 pagina.

Het is zo flexibel dat je ook per pagina of categorie een andere lay-out kunt kiezen. Daarmee bouw je dus eigenlijk helemaal je eigen thema.

Tip! Als je met de themabouwer wilt gaan werken, maak dan eerst een lijstje met type pagina’s (en categorieën) die je gebruikt. Bepaal daarna wat standaard informatie en specifieke inhoud is.

Zoals je hiernaast op de schermafbeelding ziet, heb ik op deze website globale headers en footers ingesteld. Op de berichtenpagina’s en de projecten (portfolio) heb ik afwijkende footers. Daar heb ik namelijk ook berichtnavigatie en verschillende call-to-actions.

Tip! Maak de header voor mobiele schermen anders dan op desktop.

Het bewerken van de lay-outs in de Divi themabouwer werkt precies hetzelfde als in standaard pagina’s. 

Tip! Gebruik systeemvariabelen in je themabouwer lay-outs voor meer standaardisatie. Dit dingetje: 

Recente Divi tips

Divi kolom opties

Nieuwe kolom opties in de Divi builder Sinds update 3.25.12 worden kolommen in de Visual Builder beschouwd als onderdelen / kinderen van een rij. Kolommen kon je altijd al apart opmaken, maar nu is dat beter zichtbaar in de instellingen van een rij. Je kunt de rijen...

Call-to-action module verticaal uitlijnen

Een veel gehoorde irritatie bij klanten is dat ze het vervelend vinden dat blokje call-to-action (oproep tot actie) niet automatisch goed uitlijnen. Zelf ben ik het er niet mee eens, ik vind het juist fijn dat de knoppen in onderstaand voorbeeld direct onder de tekst...

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 tekeningetje als...