Het audioblok gebruik je om geluid of muziek toe te voegen.
1. Hoe voeg ik het blok toe? #
Klik op het icoon in de hoofdnavigatie of in het contentgebied. Typ ‘paragraaf’ en/of klik op het paragraaf blokicoon om het toe te voegen.
Vervolgens krijg je onderstaande opties te zien:
- Upload: Een audio vanaf je computer uploaden
- Mediabibliotheek: Een audio uit de mediabibliotheek selecteren
- Invoegen vanaf een URL: Een audio vanuit een cloudopslag toevoegen.
2. Blokwerkbalk #
Selecteer het blok zodat de blokwerkbalk weergegeven wordt. Hieronder leggen we uit wat elke functie in de blokwerkbalk doet.
2.1. Verander naar een ander type blok #
Standaard staat hier het geselecteerde blokicoon, dat per blok verschilt. Klik hierop om een ander blok te kiezen zonder dit blok te verwijderen en weer op het icoon te hoeven klikken. Kies een blok uit de lijst die na het klikken verschijnt.
2.2. Blok verplaatsen #
Het icoon met zes stippen heeft een sleepfunctie. Klik op de punten en houd ze vast om het blok te verplaatsen naar een nieuwe locatie. Naast de sleepfunctie staat een icoon met de pijlen omhoog en omlaag. Klik op één van de pijlen om het blok een plek omhoog of omlaag te schuiven.
2.3. Verander uitlijning #
Verander hiermee de uitlijning naar:
- Geen
- Wijd
- Volle breedte
- Links
- Midden
- Rechts
2.4. Bijschrift toevoegen #
Klik op deze optie om een tekstvak onder de audio toe te voegen. Typ je bijschrift waar ‘Bijschrift toevoegen’ staat.
2.5. Toevoegen/ vervang #
Hiermee kan je audio toevoegen en/of vervangen. Klik hierop om de mediabibliotheek te openen of om een andere audio te uploaden.
2.7. Meer opties #
Hiermee kan je audio toevoegen en/of vervangen. Klik hierop om de mediabibliotheek te openen of om een andere audio te uploaden.
3. Blokinstellingen #
De blokinstellingen zijn verdeeld in twee tabbladen: instellingen ( 
) en stijlen ( 
)
3.1. Instellingen #
Pas hier de werking van het blok aan.
3.1.1. Instellingen #
Hier vind je drie opties:
- Automatisch afspelen: Wanneer de audio autoamtisch moet afspelen zodra iemand de pagina bezoekt.
- Lus: Wanneer de audiobestand steeds herhaald wordt nadat het is afgelopen.
- Vooraf laden: Bepaal hoeveel van de audio vooraf wordt geladen. Let op: vooraf laden kan de prestaties van de website negatief beïnvloeden. Je hebt hierbij de volgende opties:
- Browserstandaard: Neemt de standaardinstellingen van de browser over.
- Automatisch: Volledige audio wordt gedownload. Dit heeft de grootste negatieve impact op de websiteprestaties.
- Metadata: Alleen de basisinformatie wordt gedownload. Zodra de bezoeker op de audio klikt, wordt de rest gedownload.
- Geen: Wanner de bezoeker op de audio klikt wordt deze pas gedownload.
3.1.2. Geavanceerd #
Bloknaam
Pas hier de naam van het blok aan. Deze vind je terug in het ‘Document overzicht’.
HTML-Anchor
Dit is een plek op je pagina waar je naartoe kan linken. Vul hier een woord in dat je ergens anders in een link gebruikt om ervoor te zorgen dat de bezoeker direct naar die plek wordt geleid.
Extra CSS-klasse
Gebruik dit invulveld om extra CSS-klassen toe te voegen.
3.2. Stijlen #
Pas hier de opmaak van het blok aan.
3.2.1. Afmetingen #
Pas hier de ruimte om het blok aan.
Klik op het icoon achter ‘Afmetingen’ en maak een keuze.
Padding
De padding is de ruimte tussen de rand van het blok en de tekst.
Klik op dit icoon ( 
) om te kiezen welke zijden je wil aanpassen. Verschuif de blauwe stip om de padding groter of kleiner te maken.
Wil je het zelf instellen? Klik dan op dit icoon ( 
). Kies hier voor PX, EM, REM (Of %, VW of VH). Meer uitleg hierover vind je in dit overzicht.
Marges
De marge bepaalt de ruimte tussen de blokken.
Klik op dit icoon ( ) om te kiezen welke zijden je wil aanpassen. Verschuif de blauwe stip om de padding groter of kleiner te maken.
Wil je het zelf instellen? Klik dan op dit icoon ( ). Kies hier voor PX, EM, REM (Of %, VW of VH). Meer uitleg hierover vind je in dit overzicht.