Studio Editor: Een dia-repeater toevoegen en aanpassen

Leestijd 5 minuten
Met een dia-repeater kun je veel sneller interactieve diavoorstellingen maken voor de website van je klant. Het ontwerp en de indeling worden herhaald over de dia's, maar de inhoud verschilt per dia. Dit helpt een consistent uiterlijk in de diavoorstelling te behouden, zonder elke dia helemaal opnieuw te hoeven ontwerpen. 
Voorbeeld van een dia-repeater op een live website
In dit artikel lees je meer over:

Een dia-repeater toevoegen en instellen

Kies uit onze verschillende ontwerpen voor diavoorstellingen om aan de slag te gaan. Nadat je een van de diavoorstellingen aan de pagina hebt toegevoegd, kun je naar behoefte elementen toevoegen, verplaatsen of verwijderen. 
Let op:
Wanneer je elementen toevoegt aan of verwijdert van één dia, heeft dit ook invloed op de andere dia's.

Om een dia-repeater toe te voegen en in te stellen:

  1. Klik links in de Editor op Elementen toevoegen.
  2. Klik op Indeling-tools.
  3. Klik op Dia-repeater.
  4. Sleep een ontwerp dat je leuk vindt naar de pagina.
  5. Pas de inhoud van de diavoorstelling aan de behoeften van je klant aan:
    • Klik op elementen (bijvoorbeeld de tekst of afbeeldingen) om ze aan te passen. 
    • Voeg meer elementen toe aan de dia's.
    • Verwijder elementen die je niet nodig hebt. 
    • Koppel de elementen aan het CMS (Content Management System).
De beschikbare ontwerpen voor diavoorstellingen in het Elementen toevoegen-paneel

Dia's beheren

Bovenaan het Inspector-paneel, kun je het huidige aantal items (dia's) zien en de optie om ze afzonderlijk te beheren. 
Je kunt items dupliceren om meer dia's toe te voegen of dia's met irrelevante inhoud verwijderen. 
Het Inspector-paneel bij het selecteren van een diavoorstelling, met het aantal items bovenaan

Om de dia's te beheren:

  1. Selecteer de dia-repeater. 
  2. Klik rechtsboven in de Editor op het Inspector openen-pictogram.
Een screenshot van het openen van het Inspector-paneel in de Studio Editor.
  1. Klik bovenaan de Inspector op Beheren.
  2. Wijs het relevante item (de dia) aan en klik op het Meer acties-pictogram.
  3. Kies wat je vervolgens wilt doen: Dupliceren, Hernoemen of Verwijderen
    Tip: Als je een dia hernoemt, worden de andere dia's in deze diavoorstelling automatisch hernoemd.
De beheeropties die voor elk item/dia in de diavoorstelling verschijnen

De instellingen van de diavoorstelling aanpassen

Laat de diavoorstelling zich precies zo gedragen als je wilt. Je kunt de navigatieknoppen weergeven of verbergen, de diavoorstelling instellen om automatisch af te spelen, een overgang tussen dia's toevoegen en meer. 

Om de instellingen van de diavoorstelling aan te passen:

  1. Selecteer de dia-repeater.
  2. Klik op Instellingen.
  3. Kies wat je vervolgens wilt doen:
    • Navigatieknoppen weergeven: Klik op de schakelaar om de navigatieknoppen weer te geven of te verbergen.
    • Overgangen: Kies of je al dan niet een overgangseffect tussen dia's wilt toepassen.
    • Automatisch afspelen: Gebruik de schakelaar om de diavoorstelling automatisch af te spelen, geen bezoekersinteractie nodig. 
      • Tijd per item: Bepaal hoe lang een dia moet worden weergegeven voordat de diavoorstelling automatisch naar de volgende gaat.
      • Pauzeren bij aanwijzen: Schakel dit in om de diavoorstelling te laten stoppen wanneer een bezoeker deze aanwijst. Zo kunnen ze zich zo concentreren op de inhoud.  
    • Oneindige loop: Wanneer deze schakelaar is ingeschakeld, heeft de diavoorstelling geen 'einde'. Het gaat terug naar het begin. 
Het Instellingen-paneel naast een diavoorstelling op het canvas

De dia-repeater ontwerpen

Personaliseer het uiterlijk van de dia-repeater zodat deze past bij de stijl van je klant. Je kunt een achtergrondkleur toevoegen aan de dia's, de diavoorstelling omlijsten met een rand en schaduw toepassen om het op te laten vallen. 

Om de repeater van de diavoorstelling te ontwerpen:

  1. Selecteer de dia-repeater. 
  2. Klik rechtsboven in de Editor op het Inspector openen-pictogram.
Een screenshot van het openen van het Inspector-paneel in de Studio Editor.
  1. Kies wat je vervolgens wilt doen:
    • Selecteer een achtergrondkleur voor de dia's en stel de dekking in. 
    • Voeg een rand toe om de diavoorstelling in te kaderen.
    • Maak de hoeken van de diavoorstelling meer rond of rechthoekig. 
    • Voeg een schaduw toe achter de diavoorstelling. 
De beschikbare ontwerpopties voor diavoorstellingen in het Inspector-paneel

De navigatieknoppen aanpassen

Dia-repeaters worden geleverd met 2 ingebouwde knoppen waarmee bezoekers tussen dia's kunnen navigeren. Je kunt de pictogrammen vervangen, hun grootte aanpassen en nuttige tekst toevoegen naast de knoppen (zoals 'Vorige' of 'Volgende').
Je kunt de knoppen ook volledig verwijderen, zodat bezoekers niet terug of vooruit kunnen gaan. Ga naar het Instellingen-paneel om ze te verbergen.

Om de navigatieknoppen aan te passen:

  1. Selecteer de dia-repeater. 
  2. Selecteer een navigatieknop.
    Tip: Het maakt niet uit op welke dia je je bevindt, de instellingen zijn van toepassing op alle dia's.  
  3. Klik op Tekst en pictogram wijzigen om het pictogram te vervangen en tekst aan de knop toe te voegen.
De beschikbare aanpassingsopties die in de werkbalk verschijnen bij het selecteren van een navigatieknop

Vond je dit artikel nuttig?

|