Divi's schuifmodule

Procédure

Divi builder is inbegrepen in onzeWordpress webhostingpakketten. Als je ondersteuning voor DIVI builder wilt, moet je je direct op de Elegent theme Divi website abonneren op een licentie.

Introductie

LWS biedt 3 premium plugins van Elegant Themes (Divi, Bloom en Monarch). Deze worden regelmatig bijgewerkt. Als je eenmaal klant bent bij LWS, krijg je gratis toegang tot deze plugins door de 'Divi Builder' distributie te kiezen bij de installatie van het Wordpress CMS met onze Auto-Installer.

Als je een cPanel pakket hebt of Wordpress al hebt geïnstalleerd met deze distributie, maar geen toegang hebt tot alle thema's of updates, laat het ons dan weten door ons de toegangsgegevens voor het administratiegedeelte van je Wordpress site te geven zodat een technicus de licentie kan updaten.

Let op: u dient een Elegant Themes licentie af te sluiten om gebruik te kunnen maken van ondersteuning. LWS biedt geen ondersteuning voor deze producten.

Wat is de Divi slider module?

Sliders kunnen overal worden geplaatst, over de volledige breedte van de kolomstructuur waarin ze zich bevinden. Divi sliders ondersteunen parallax achtergronden, maar ook video achtergronden!

Hoe voeg je een slidermodule toe aan je pagina?

Voordat je een slidermodule aan je pagina kunt toevoegen, moet je eerst overschakelen op Divi Builder. Zodra je een Divi thema op je website hebt geïnstalleerd, zie je telkens wanneer je een nieuwe pagina maakt een knop Gebruik Divi Builder boven de editor. Klik op deze knop om Divi Builder te activeren en toegang te krijgen tot alle modules. Klik vervolgens op de knop Use Visual Builder als je op de voorgrond door je website bladert en bent ingelogd op je WordPress dashboard.

Zodra je Visual Builder hebt geopend, kun je op de grijze"+" knop klikken om een nieuwe module aan je pagina toe te voegen. Nieuwe modules kunnen alleen binnen rijen worden toegevoegd. Als je een nieuwe pagina begint, vergeet dan niet om er eerst een regel aan toe te voegen.

Zoek de module van de cursor in de lijst met modules en klik erop om deze aan uw pagina toe te voegen. Zodra de module is toegevoegd, wordt u begroet door een lijst met opties voor de module. Deze opties zijn verdeeld in drie hoofdgroepen: Inhoud, Stijl en Geavanceerd.

Use case: Voeg een slider toe aan uw pagina om producteigenschappen te promoten

Een slider is een uitstekende manier om de kenmerken van je product of dienst te presenteren. De combinatie van afbeeldingen en inhoud kan je producten echt een professionele uitstraling geven die opvalt.

In dit voorbeeld voeg ik een slider toe om een aantal productkenmerken te laten zien. Elke schuif heeft een achtergrondafbeelding, een schuifafbeelding en een inhoudsdeel.

Voeg met Visual Builder een nieuwe sectie toe met een volledige breedte (1 kolom). Voeg vervolgens een cursormodule in op de nieuwe regel. Klik op het tabblad Inhoud van de schuifparameters op Een nieuw element toevoegen om je eerste dia te maken.

Werk in de diaparameters voor je eerste dia de volgende opties bij:

• Inhoud opties: Koptekst, Knoptekst, Inhoud, Knop URL, Dia-afbeelding, Achtergrondafbeelding.
• Ontwerpopties:
  • Achtergrondoverlay gebruiken: JA
  • Kleur achtergrond overlay: rgba (0,0,0,0,2). Deze overlay maakt de achtergrondafbeelding iets donkerder om de tekst beter leesbaar te maken.

Dupliceer nu de dia die je net hebt gemaakt en werk de nieuwe dia bij met nieuwe inhoud als dat nodig is. Herhaal deze handeling voor alle dia's die je wilt toevoegen.

Videopresentatie van de schuifmodule in Divi

Conclusie

Perfect! Je weet nu hoe je een schuifmodule toevoegt, configureert en aanpast in Divi.

Heb je nog vragen? Aarzel dan niet om een reactie achter te laten in de sectie hieronder!

Tot snel voor een nieuwe tutorial ;)

Voor meer informatie over Elegant Themes Divi en hoe je het kunt gebruiken

Divi videomodule

De Divi e-commerce module

> Raadpleeg onze Elegant Theme Divi helpsectie