De Divi accordeon module gebruik ik vaak om een opsomming van onderwerpen of voordelen weer te geven, waarbij ieder onderdeel/ element meer info bevat dan een korte titel. Je kunt daarmee in één weergave / oogopslag zien wat de onderwerpen zijn en door op een plusje te klikken verder lezen zonder dat je wordt doorgestuurd naar een nieuwe pagina. Ik vind het een voordeel dat er maar één onderdeel tegelijkertijd kan worden open geklapt. Dit in tegenstelling tot de Divi module “Schakelen” waar je ieder element zelf eerst moet dicht klappen. Met de accordeon module voorkom je dat de lijst te lang / hoog wordt en je het overzicht verliest. Een ander voordeel is dat je voor mobiel aangepast content kunt gebruiken zodat het ook op mobiel netjes en overzichtelijk blijft. En je kunt het ook nog eens perfect ontwerpen zonder één regel code in de ontwerp tab. Een nadeel vind ik dat je moet uitkijken dat je niet per accordeon artikel stijl gaat zetten. Want dan moet je niet vergeten dat over toepassen.
Toepassingen van dit accordeon:
- Een blok met veel gestelde vragen
- Een overzicht van iemands werk carierre / of ervaring
- Een blok met elementen van een werkwijze
- Een opsomming van voorwaarden van een dienst
(Bron: website van actrice Soraya Wunnink: sorayawunnink.nl )
Ik leg je in de volgende stappen uit hoe je het in je pagina zet en hoe je de content aanpast.
Stap 1: Open de visuele builder.
Stap 2: Voeg een sectie en rij in.
Stap 3: Klik op het tweede icoon: Accordeon
Stap 4: Nu verschijnt een voor ingevulde accordeon in de rij die je zojuist hebt gemaakt.
Stap 5: Open het eerste artikel en voeg een titel tekst toe, door te klikken op het tandwieltje. Voeg daarna de inhoud van dit artikel toe in het blokje Corps.
Stap 6: Herhaal bovenstaande stap voor een tweede artikel. En klik op Voeg een artikel toe om een derde artikel in het accordeon te zetten. Je kunt ook een artikel kopiëren door op het grijze copy icon.
Stap 7: Sla de wijzigingen op en verlaat de visuele builder
That’s all!
Stijlen van het Divi accordeon:
Je kunt de stijl aanpassen in de ontwerp tab (de tweede tab van links) van de module bewerker, ik adviseer je wel om dit in één keer voor het hele accordeon te doen en niet per artikel. Om te voorkomen dat de artikelen wat betreft opmaak verschillen. Dit doe je door in de ontwerp tab de stijl te zetten op de complete accordeon. Dus je moet niet een artikel open klikken en daarna de ontwerp tab aanklikken en de stijl instellen. Want dan zet je de stijl voor dat ene artikel. En je kunt een ander icoon gebruiken in plaats van een plusje als je dat mooier vind.
Dit artikel is geschreven aan de hand van Divi versie: 4.27.4
