Een van de mooiste features van Divi vind ik toch wel de audio module. Ik maak regelmatig sites voor muzikanten en dan is het wel heel gaaf als je audio samples kan laten horen. Het werkt zo eenvoudig en goed dat ik alleen maar positief ben over deze module. Ik laat je ook een site zien waar ik het heb toegepast en geloof me de klant is super enthousiast! Dit kan jij ook.
Stap 1: Voeg een sectie en rij in en kies een 1/3 indeling
Stap 2: Het Divi module overzicht opent zicht. Kies vervolgens het vijfde element: de Audio module. In de afbeelding hieronder is deze geselecteerd:
Stap 3: Nu verschijnt deze module in de eerste kolom van de rij die je in de eerste stap hebt aangemaakt.
Stap 4: Nu verschijnen de instellingen van de audio module – de eerste tab (content = inhoud) is geselecteerd. Je ziet deze opties:
Stap 5: Je kunt nu de titel van de soundtrack instellen, de naam van de artiest en eventueel het album. Wanneer je het veld Artiest en Album leeg laat verwijderd Divi het blokje waar die tekst in kwam (de Div).
Stap 6: In de tab Audio kan je een MP3 of WAV uploaden. Wanneer je gaat voor kwaliteit zou ik een MP3 op 256KB of hoger maar WAV is altijd goed. Wav bestanden zijn wel groter en daardoor minder goed bruikbaar voor web. Dus ik adviseer om MP3 te gebruiken vooral voor bezoekers die in de mobiele weergave jouw muziek willen beluisteren.
Let op : tot op versie 4.27.4 van Divi is het niet mogelijk om voor mobiel een ander bestand te uploaden dan voor Tablet en Desktop. Dit kan je alleen oplossen door een nieuwe audio module in te voegen en die met in de tab zichtbaarheid op de volgende manier in te stellen:
Stap 7: Nu kan je in de ontwerp tab los gaan op het design van de audio module.
Mag ik jou inspireren?
Ik heb voor topsaxofonist Jan van Oort een drietal audio modules ontworpen en die zien er als volgt uit:
Zie je het verloop in de achtergrond en hoe deze mooi bij elkaar passen. Dit is één van de voordelen waarom ik als webdesigner zo graag met Divi werk.
Je kunt de audioplayers live zien op de website janvanoort.nl
Ik wens jou veel succes met deze toffe Divi module!
Ik heb dit scenario getest met Divi Versie: 4.27.4
