Divi-ontwerpinstellingen & geavanceerde module-instellingen

Wanneer u een module, rij of sectie bewerkt, ziet u drie tabbladen in de pop-up met instellingen: Inhoud, Ontwerp en Geavanceerd. Alles wat je nodig hebt om geweldige Divi-lay-outs te maken en optimaal te profiteren van elke module, vind je op het tabblad Inhoud. Als u echter nog meer controle over het uiterlijk van de module wilt, kunt u het tabblad Ontwerpen openen. Als u een ontwikkelaar bent en u wilt uw eigen CSS gebruiken in plaats van de ontwerpbesturingselementen op het tabblad Ontwerp, dan kunt u verder gaan naar het tabblad Geavanceerd. In combinatie is er niets dat niet kan worden aangepast.

Ontwerpinstellingen

De ontwerpinstellingen variëren van module tot module. Voor elk hebben we alle mogelijke ontwerpinstellingen die u ooit zou willen hebben toegevoegd aan het tabblad Ontwerp. Vanwege de enorme hoeveelheid beschikbare ontwerpinstellingen voor bepaalde modules, hebben we ze onderverdeeld in gelabelde vervolgkeuzelijsten die elke groep ontwerpinstellingen omschakelen. Er is ook een handig vak met zoekopties boven alle opties om het vinden van een specifieke ontwerpoptie veel eenvoudiger te maken.

Om de ontwerpinstellingen te vinden en te gebruiken, bewerkt u eenvoudig een bestaande module, rij of sectie (of maakt u een nieuwe) om de instellingenpop-up te openen. Klik vervolgens op het tabblad Ontwerpen om de ontwerpopties weer te geven.

Vanuit dit tabblad kunt u vrijwel alles doen. Instellingen zijn afhankelijk van het type module dat u bewerkt. Doorgaans vindt u opties om typografie aan te passen (zoals tekstgrootte, letterafstand, regelhoogte, enz.), Afstandsaanpassingen (zoals aangepaste opvulling en margewaarden), kleuropties (zoals tekstkleur, overlay-kleur, kolomachtergrondkleuren) evenals een hele reeks unieke instellingen voor bepaalde elementen. Het gebruik van deze ontwerpopties kan echt uniek zijn.

Geavanceerde instellingen

Op het tabblad Ontwerpen hebben we zoveel opties gemaakt dat u vrijwel alles kunt doen wat met CSS kan worden gedaan (zonder een coderegel aan te raken). Als u een ontwikkelaar bent, wilt u misschien liever uw eigen code schrijven in plaats van onze aangepaste ontwerpelementen te gebruiken. In dit geval kunt u het tabblad Geavanceerd gebruiken, dat u kunt vinden naast het tabblad Ontwerp in het venster met modale instellingen voor modules, rijen en secties.

Op dit tabblad kunt u een aangepaste CSS-ID of CSS-klasse toevoegen om uw eigen CSS te targeten en toe te passen vanuit het style.css-bestand van uw kindthema.

Als u de noodzaak en het gedoe van het maken van onderliggende thema’s wilt verwijderen, kunt u CSS eenvoudig op afzonderlijke modules op afzonderlijke pagina’s richten met behulp van de opties in de vervolgkeuzelijst Aangepaste CSS. Hier hebben we alle structurele elementen van de module opgesplitst en u tekstgebiedvelden gegeven waar u uw eigen CSS kunt typen. Met dit paneel kunt u CSS toepassen op afzonderlijke delen van de module. U kunt bijvoorbeeld aangepaste CSS rechtstreeks op een Blurb-pictogram toepassen of uw eigen: after pseudo-element maken rechtstreeks vanuit Divi Builder.

En ten slotte kunt u in de vervolgkeuzelijst Zichtbaarheid van uw module aanpassen op telefoons, tablets en desktops.