De Divi accordeonmodule

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 Accordeon Module?

De accordeonmodule is een geweldige manier om informatie te consolideren in één systeem. Accordeons lijken erg op tabbladen, behalve dat items worden weergegeven in een verticale lijst. Wanneer een nieuw item in de lijst wordt geopend, wordt het vorige item gesloten en wordt de inhoud van het nieuwe item weergegeven.

Hoe voeg je een accordeonmodule toe aan je pagina?

Voordat je een accordeonmodule aan je pagina kunt toevoegen, moet je eerst overschakelen naar de Divi Builder. Zodra het Divi-thema op je website is geïnstalleerd, zie je telkens wanneer je een nieuwe pagina maakt een knop Gebruik Divi Builder boven de editor voor berichten. Klik op deze knop om de Divi Builder te activeren, zodat je toegang krijgt tot alle modules. Klik vervolgens op de knop Use Visual Builder om de bouwer in visuele modus te starten. Je kunt ook op de knop Visuele bouwer gebruiken klikken terwijl je vooraan door je website bladert als je 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 eerst een rij aan je pagina toe te voegen.

Zoekde accordeonmodule in de lijst met modules en klik erop om deze aan uw pagina toe te voegen. De lijst met modules is doorzoekbaar, wat betekent dat je ook het woord "accordeon" kunt intypen en dan op de enter knop kunt klikken om de accordeonmodule te vinden en automatisch toe te voegen! Zodra de module is toegevoegd, wordt u begroet met een lijst met opties voor de module. Deze opties zijn verdeeld in drie hoofdgroepen: Inhoud, Stijl en Geavanceerd.

Voorbeeld use case: Producteigenschappen presenteren met de Accordeonmodule

In dit voorbeeld laat ik je zien hoe je productkenmerken toevoegt aan een productpagina met behulp van de Accordeonmodule.

Laten we meteen aan de slag gaan!

Gebruik de visual builder om een gewone sectie toe te voegen met een rij van 1/2 1/2 (2 kolommen). Pas de parameters van de sectie aan om de achtergrondkleur te wijzigen.

Voeg in de linkerkolom uw productafbeelding toe.

Voeg in de rechterkolom een tekstelement toe dat als kop boven de accordeonmodule moet worden gebruikt.

Voeg ten slotte de Accordeonmodule toe direct onder de Tekstmodule in de rechterkolom.

Vul de aangegeven velden in.

Opmerking: Omdat we de ontwerpopties voor de parameters van de accordeonmodule al hebben geconfigureerd, hoeft u het ontwerp van de afzonderlijke accordeonparameters niet aan te passen, tenzij u de moduleparameters wilt vervangen.

Dupliceer nu de accordeon die je zojuist hebt gemaakt twee keer en pas de Titel en Inhoud voor elk van de duplicaten aan zoals vereist.

We zijn klaar! De accordeon ziet er geweldig uit en houdt de inhoud compact, goed passend bij de sectie van de pagina.

Videopresentatie van de Divi Accordeon Module

Inleiding

Schakelaars zijn een geweldige manier om informatie te consolideren en de gebruikerservaring op je pagina te verbeteren. Met Divi kun je een willekeurig aantal Toggles maken in een accordeon die er geweldig uitziet in kolommen van elk formaat.

Tot snel voor een nieuwe tutorial!

Meer informatie over Divi van Elegant Themes en hoe je het kunt gebruiken

De Divi Audio Module

Een presentatie invoegen met de Divi Overzichtsmodule

> Raadpleeg onze Elegant Themes Divi helpsectie