Aan de slag met Divi

 

De Divi Builder wordt geleverd in twee vormen: de standaard “Back-end Builder” en de front-end “Visual Builder”. Beide interfaces stellen u in staat om precies dezelfde soorten websites te bouwen met dezelfde content elementen en ontwerpinstellingen. Het enige verschil is de interface. De Back-end Builder is geïntegreerd in het WordPress Dashboard en is toegankelijk samen met alle andere standaard WordPress-instellingen. Het zit in de WordPress UI en vervangt de standaard WordPress posteditor. Het is geweldig voor het maken van snelle veranderingen terwijl u zich in het dashboard bevindt, maar het is ook beperkt door het dashboard en wordt weergegeven als een blok-gebaseerde weergave van uw website. Deze handleidng richt zich alleen op de visuele bouwer.

 

 

De nieuwe Visual Builder daarentegen, biedt u de mogelijkheid om uw pagina’s aan de voorkant van uw website te bouwen! Het is een geweldige ervaring en zorgt voor een veel sneller ontwerp. Wanneer u inhoud toevoegt of ontwerpinstellingen aanpast in de visuele bouwer, verschijnen uw wijzigingen onmiddellijk. U kunt op de pagina klikken en gewoon beginnen met typen. U kunt tekst markeren en het lettertype en de stijl aanpassen. U kunt nieuwe inhoud toevoegen, uw pagina opbouwen en alles voor uw ogen zien gebeuren.

 

 

De visuele bouwer inschakelen

 

Terwijl u bent ingelogd op uw WordPress dashboard, kunt u naar elke pagina van de voorkant van uw website navigeren en op de knop “Visual Builder inschakelen” in de WordPress admin-balk klikken om de visuele bouwer te starten.

 

Als u uw pagina aan het bewerken bent op de back-end, kunt u overschakelen naar de visuele bouwer door te klikken op de knop “Visueel bouwer inschakelen” die bovenaan de interface van de Divi Builder achteraan in het scherm zit (opmerking: u moet eerst de Divi Builder inschakelen voordat de knop van de visuele bouwer verschijnt).

 

 

De Visual Builder Basics

 

Divi’s kracht ligt in de Visual Builder, een drag and drop paginabouwer die u in staat stelt om zowat elk type website te bouwen door contentelementen te combineren en te ordenen.

 

De bouwer gebruikt drie belangrijke bouwstenen: secties, rijen en modules. Met deze combinatie kunt u een ontelbare reeks pagina lay-outs maken. Secties zijn de grootste bouwstenen en ze herbergen groepen rijen. Rijen zitten binnen in secties en worden gebruikt om modules te huisvesten. Modules worden binnenin rijen geplaatst . Dit is de structuur van elke Divi-website.

 

Secties

 

De meest elementaire en grootste bouwstenen die gebruikt worden bij het ontwerpen van lay-outs met Divi zijn secties. Deze worden gebruikt om grote groepen inhoud te creëren en zijn het eerste wat u toevoegt aan uw pagina. Er zijn drie soorten secties: Standaardsectie, Speciale sectie en Volle breedte. De Standaard secties bestaan uit rijen kolommen, terwijl de secties over de volle breedte bestaan uit modules over de volle breedte die de volledige breedte van het scherm vergroten. De speciale secties maken meer geavanceerde zijbalkindelingen mogelijk.

 

Rijen

 

Rijen zitten binnen in secties en u kunt een willekeurig aantal rijen plaatsen in een sectie. Er zijn veel verschillende kolomtypes om uit te kiezen. Nadat u een kolomstructuur voor uw rij hebt gedefinieerd, kunt u de modules in een gewenste kolom plaatsen. Er is geen limiet aan het aantal modules dat u in een kolom kunt plaatsen.

 

Modules

 

Modules zijn de contentelementen waaruit uw website bestaat. Elke module die Divi heeft kan in elke kolombreedte passen en ze zijn allemaal volledig responsief.

 

Bouw uw eerste pagina

 

De drie basisbouwstenen (Secties, Rijen en Modules) worden gebruikt om uw pagina te bouwen.

 

 

Uw eerste sectie toevoegen

 

Voordat u iets aan uw pagina kunt toevoegen, moet u eerst een sectie toevoegen. Door op de blauwe (+) knop te klikken kunt u secties toevoegen. Als u zweeft over een sectie die al bestaat op de pagina, verschijnt er een blauwe knop (+) onder de pagina. Wanneer u op klikt, wordt er een nieuw gedeelte toegevoegd onder het gedeelte waar u op dat moment over wordt geklikt.

 

Als u een gloednieuwe pagina start, dan wordt uw eerste sectie automatisch toegevoegd.

 

 

Uw eerste rij toevoegen

 

Nadat u uw eerste sectie hebt toegevoegd, kunt u beginnen met het toevoegen van rijen met binnenin kolommen. Een sectie kan een willekeurig aantal rijen bevatten, en u kunt rijen van verschillende kolomtypes combineren om een verscheidenheid aan indelingen te maken.

 

Om een rij toe te voegen, klikt u op de groene knop (+) in een lege sectie of klikt u op de groene knop (+) die verschijnt wanneer u over een bestaande rij zweeft om er een nieuwe rij onder toe te voegen. Nadat u op de groene knop (+) hebt geklikt, krijgt u een lijst met kolomtypen te zien. Kies uw gewenste kolom en dan bent u klaar om uw eerste module toe te voegen.

 

 

Uw eerste module toevoegen

 

Modules kunnen binnenin rijen worden toegevoegd en elke rij kan elk een willekeurig aantal modules bevatten. Modules zijn de contentelementen van uw pagina en Divi wordt geleverd met meer dan 40 verschillende elementen waarmee u kunt bouwen. U kunt basismodules gebruiken zoals Tekst, Afbeeldingen en Knoppen, of meer geavanceerde modules zoals Sliders, Portfolio Galleries en eCommerce Shops.

 

Om een module toe te voegen, klikt u op de grijze (+) knop die in een lege kolom staat of klikt u op de grijze (+) knop die u te zien krijgt als u over een module op de pagina zweeft om er een nieuwe module onder toe te voegen. Nadat u op de knop hebt geklikt, krijgt u een lijst met modules te zien. Kies uw gewenste module en deze wordt toegevoegd aan uw pagina en het instellingenpaneel voor de module verschijnt. Met dit instellingenpaneel kunt u beginnen met het configureren van uw module.

 

 

Secties configureren en aanpassen, rijen en module configureren en aanpassen

 

Elke sectie, rij en module kan op verschillende manieren worden aangepast. U kunt toegang krijgen tot het instellingenpaneel van een element door op het “tandwielpictogram te klikken dat u te zien krijgt wanneer u over een element op de pagina zweeft.

 

 

Hiermee start u het instellingspaneel voor het opgegeven element. Elk instellingenpaneel is onderverdeeld in drie tabbladen: Content, Ontwerp en Geavanceerd. Elk tabblad is ontworpen om het openen en aanpassen van Divi’s grote verscheidenheid aan instellingen snel en eenvoudig te maken. Het tabblad content is natuurlijk waar u inhoud kunt toevoegen zoals afbeeldingen, video, links en admin labels. Op het tabblad Ontwerpen hebben we alle ingebouwde ontwerpinstellingen voor elk element geplaatst. Afhankelijk van wat u aan het bewerken bent, kunt u met één klik een groot aantal verschillende ontwerpinstellingen bedienen, waaronder: typografie, afstand (padding/margin), knoppenstijlen en meer. Tot slot, als u nog meer controle wilt, kunt u naar het tabblad Geavanceerd gaan, waar u aangepaste CSS kunt toepassen, de zichtbaarheid aanpassen op basis van het apparaat en (afhankelijk van welk element u bewerkt) nog meer fijnafstemmingen doen.

 

Uw pagina opslaan en paginainstellingen openen

 

Om de algemene pagina-instellingen te openen, klikt u op het paars dock-pictogram onderaan uw scherm. Hierdoor wordt de instellingenbalk uitgebreid en krijgt u verschillende opties. U kunt uw pagina-instellingen openen door op het “tandwielpictogram” te klikken. Hier kunt u bijvoorbeeld de achtergrondkleur en tekstkleur van de pagina aanpassen. U vindt er ook de Opslaan en Publiceren knoppen en de snelkoppelingen voorvertoning.

 

 

Start uw ontwerp met vooraf gemaakte lay-outs

 

Een geweldige manier om uw nieuwe pagina te starten is door te beginnen met een pre-made lay-out. Divi komt met meer dan 20 vooraf gemaakte lay-outs die een verscheidenheid aan gangbare paginatypes beslaan, zoals “Over ons”,”Contact”,”Blog”,”Portfolio”, enz. U kunt deze laden en dan de demo content voor uzelf vervangen. Uw nieuwe pagina zal klaar zijn voordat u het weet!

 

 

 

 

Uw eigen lay-outs opslaan in de bibliotheek

 

Naast het gebruik van de vooraf gemaakte lay-outs die bij Divi worden meegeleverd, kunt u ook uw eigen creaties opslaan in de Divi bibliotheek. Wanneer een ontwerp als Divi Layout in de Divi bibliotheek wordt opgeslagen, kan het op nieuwe pagina’s worden geladen. Hoe meer u uw bibliotheek opbouwt met uw favoriete ontwerpen, hoe sneller u nieuwe websites kunt maken.

 

Om een item in de bibliotheek op te slaan, klikt u op het bibliotheekpictogram dat u te zien krijgt wanneer u over een element en binnen de balk met pagina-instellingen zweeft. Als een item eenmaal aan de bibliotheek is toegevoegd, verschijnt het op het tabblad “Bibliotheek toevoegen” wanneer u nieuwe Divi lay-outs, secties, rijen en modules toevoegt.

 

 

Oké, je hebt de basisprincipes onder de knie. Nu is het tijd om dieper te graven!

 

Dus u hebt nu uw eerste secties, rijen en modules aan uw pagina toegevoegd. U hebt hun instellingen aangepast en bent begonnen met het bouwen en aanpassen van uw ontwerp. Je hebt de basisprincipes geleerd, maar er is zoveel meer te leren! Overweeg daarom de aanschaf van de Handleiding voor Divi.

 

0
    0
    Je winkelmand
    Je winkelmand is leegTerug naar de winkel