- \n
- Log in op het WP dashboard<\/li>\n
- Klik op links in het menu op Pagina’s<\/em><\/li>\n<\/ul>\n
![\"\"](\"https:\/\/usercontent.one\/wp\/fixityourself.virtualfixer.be\/wp-content\/uploads\/2022\/02\/Screenshot-2022-02-06-at-18.20.03.png\" "\\"Screenshot")
<\/span><\/p>\n- \n
- Klik bovenaan op Nieuwe pagina<\/em> <\/li>\n<\/ul>\n
- \n
- De pop-up die eventueel verschijnt mag weg geklikt worden, je ziet nu het onderstaande scherm:<\/li>\n<\/ul>\n
![\"\"](\"https:\/\/usercontent.one\/wp\/fixityourself.virtualfixer.be\/wp-content\/uploads\/2022\/01\/Screenshot-2022-01-19-at-20.46.44.png\" "\\"Screenshot")
<\/span><\/p>\n- \n
- Vul bij Titel toevoegen<\/em> de titel van je pagina in (bv. Testimonials)<\/li>\n
- Klik rechts bovenaan 2x op de blauwe knop Publiceren<\/em><\/li>\n<\/ul>\n
![\"\"](\"https:\/\/usercontent.one\/wp\/fixityourself.virtualfixer.be\/wp-content\/uploads\/2022\/01\/Screenshot-2022-01-19-at-20.49.04.png\" "\\"Screenshot")
<\/span><\/p>\n- \n
- Klik daarna bovenaan links op de blauwe knop Bewerk met Elementor<\/em><\/li>\n<\/ul>\n
![\"\"](\"https:\/\/usercontent.one\/wp\/fixityourself.virtualfixer.be\/wp-content\/uploads\/2022\/01\/Screenshot-2022-01-19-at-20.50.46.png\" "\\"Screenshot")
<\/span><\/p>\nEen Testimonial template invoegen<\/h2>\n
- \n
- Klik in het midden van de pagina op het grijze icoon met het mapje, er zal een pop-up open gaan<\/li>\n
- Klik in de pop-up op het tabblad Blokken<\/em> en kies bij Categorie<\/em> voor Testimonials<\/em><\/li>\n<\/ul>\n
![\"\"](\"https:\/\/leeromgeving.fixityourself.be\/wp-content\/uploads\/2023\/04\/Screenshot-2023-04-22-at-12.43.58.png\" "\\"Template\\"")
<\/span>![\"\"](\"https:\/\/leeromgeving.fixityourself.be\/wp-content\/uploads\/2023\/04\/Screenshot-2023-04-22-at-12.51.06.png\" "\\"Screenshot")
<\/span><\/p>\n- \n
- Klik op een design naar keuze om het uit te vergroten en nadien op de groene knop Invoegen<\/em>, of klik meteen op Invoegen<\/em><\/li>\n
- Pas overal de tekst en\/of kleuren aan naar wat relevant is voor jou en vervang de afbeeldingen door erop te klikken en links in de instellingen op Afbeelding kiezen<\/em> te klikken<\/li>\n<\/ul>\n
![\"\"](\"https:\/\/leeromgeving.fixityourself.be\/wp-content\/uploads\/2023\/04\/Screenshot-2023-04-22-at-12.54.48.png\" "\\"Screenshot")
<\/span><\/p>\nEen Testimonial Carousel invoegen en opmaken<\/h2>\n
Het element invoegen<\/span><\/h3>\n
- \n
- Klik op het plusteken in het midden van de pagina<\/li>\n
- Kies vervolgens de kolom container<\/li>\n<\/ul>\n
![\"\"](\"https:\/\/leeromgeving.fixityourself.be\/wp-content\/uploads\/2023\/04\/Plusje.png\" "\\"Plusje\\"")
<\/span>![\"\"](\"https:\/\/leeromgeving.fixityourself.be\/wp-content\/uploads\/2023\/04\/Screenshot-2023-04-19-at-22.01.11.png\" "\\"Kolom")
<\/span><\/p>\n- \n
- Klik rechts bovenaan bij de instellingen in de rode balk op het raster<\/strong><\/li>\n<\/ul>\n
![\"\"](\"https:\/\/leeromgeving.fixityourself.be\/wp-content\/uploads\/2023\/04\/Screenshot-2023-04-19-at-21.22.47.png\" "\\"Raster\\"")
<\/span><\/p>\n- \n
- Typ in het zoekvak Testimonial<\/em> en sleep het Testimonial Carousel<\/em> element in de container en laat los wanneer je de roze balk ziet verschijnen in de container<\/li>\n<\/ul>\n
![\"\"](\"https:\/\/leeromgeving.fixityourself.be\/wp-content\/uploads\/2023\/04\/Screenshot-2023-04-22-at-12.58.45.png\" "\\"Screenshot")
<\/span><\/p>\n- \n
- Voeg indien nodig nog een titel element toe boven de carousel<\/li>\n<\/ul>\n
De instellingen van het element bewerken<\/span><\/h3>\n
INHOUD<\/h4>\n
- \n
- Zorg ervoor dat het element geselecteerd is door erop te klikken<\/li>\n
- Vouw links in de instellingen Item #1<\/em> open <\/li>\n
- Pas de inhoud<\/strong>, de titel<\/strong> en de naam<\/strong> aan & voeg eventueel een afbeelding<\/strong> toe. Je kan de afbeelding ook verwijderen als je dat niet wil gebruiken door op het vuilbakje te klikken als je erover hovert in de instellingen<\/li>\n
- Doe hetzelfde bij Item #2 <\/em>en<\/span> Item #3 <\/em>indien van toepassing<\/li>\n
- Je kan een item verwijderen<\/strong> door op het kruisje ernaast te klikken, een item dupliceren<\/strong> door op het icoon met de 2 papiertjes te klikken of een nieuw item toevoegen<\/strong> door op + item toevoegen<\/em> te klikken<\/li>\n<\/ul>\n
![\"\"](\"https:\/\/usercontent.one\/wp\/fixityourself.virtualfixer.be\/wp-content\/uploads\/2022\/02\/Screenshot-2022-02-06-at-18.52.37.png\" "\\"Screenshot")
<\/span><\/p>\nIn de instellingen kan je nog een reeks andere zaken bewerken, zoals:<\/p>\n
- \n
- Skin<\/span>: default of bubble (het ziet er beide iets anders uit)<\/li>\n
- Layout<\/span>: de plaats van de afbeelding<\/li>\n
- Slides per view<\/span>: het aantal slides dat in 1 keer wordt weergegeven. Als je veel testimonials hebt, kan je er bv. 3 op een rij weergeven<\/li>\n<\/ul>\n
![\"\"](\"https:\/\/usercontent.one\/wp\/fixityourself.virtualfixer.be\/wp-content\/uploads\/2022\/02\/Screenshot-2022-02-06-at-19.00.26.png\" "\\"Screenshot")
<\/span><\/p>\nADDITIONAL OPTIONS<\/em><\/p>\n
- \n
- Pijlen (arrows)<\/span>: je kan ervoor kiezen om de pijltjes aan de zijkanten wel of niet weer te geven<\/li>\n
- Pagination<\/span>: hier ken je instellen hoe de paginatie onderaan wordt weergegeven: stippen, fraction of progress.<\/li>\n
- Transition Duration<\/span>: de duur van de transitie, met andere woorden de duur van de overgang tussen de ene en de andere slide<\/li>\n
- Autoplay<\/span>: je kan aan of uitzetten dat de carousel automatisch verder gaat<\/li>\n
- Autoplay speed<\/span>: de snelheid tussen de verschillende slides<\/li>\n
- Infinite Loop<\/span>: je kan ervoor kiezen om de carousel eeuwig te laten doorlopen wanneer iemand op de pagina zit, dus dat het niet stopt met loopen wanneer alle testimonials doorlopen werden<\/li>\n
- Pause on Hover<\/span>: als je deze functie aan laat, zal de carousel stoppen met verder gaan naar de volgende testimonial wanneer je er met de muis over hovert<\/li>\n
- Afmeting afbeelding<\/span>: je kan eventueel de grootte van de afbeelding aanpassen<\/li>\n<\/ul>\n
![\"\"](\"https:\/\/leeromgeving.fixityourself.be\/wp-content\/uploads\/2023\/04\/Screenshot-2023-04-22-at-13.01.41.png\" "\\"Screenshot")
<\/span><\/p>\nSTIJL<\/h4>\n
Er wordt een onderverdeling gemaakt tussen Slides, Content, Image en Navigation. Per onderdeel kan je nog verschillende instellingen doen:<\/p>\n
![\"\"](\"https:\/\/leeromgeving.fixityourself.be\/wp-content\/uploads\/2023\/04\/Screenshot-2023-04-22-at-13.02.28.png\" "\\"Screenshot")
<\/span>![\"\"](\"https:\/\/leeromgeving.fixityourself.be\/wp-content\/uploads\/2023\/04\/Screenshot-2023-04-22-at-13.03.15.png\" "\\"Screenshot")
<\/span>![\"\"](\"https:\/\/leeromgeving.fixityourself.be\/wp-content\/uploads\/2023\/04\/Screenshot-2023-04-22-at-13.03.38.png\" "\\"Screenshot")
<\/span>![\"\"](\"https:\/\/leeromgeving.fixityourself.be\/wp-content\/uploads\/2023\/04\/Screenshot-2023-04-22-at-13.04.02.png\" "\\"Screenshot")
<\/span><\/p>\nMaak als laatset de container hoger en centreer midden, zo komt er voldoende plaats boven en onder de container.<\/p>\n
![\"\"](\"https:\/\/leeromgeving.fixityourself.be\/wp-content\/uploads\/2023\/04\/Screenshot-2023-04-22-at-13.06.24.png\" "\\"Screenshot")
<\/span><\/p>\nDenk eraan om je pagina responsief te maken!<\/p>\n","protected":false},"template":"","class_list":["post-168","tva_lesson","type-tva_lesson","status-publish","hentry","tva_courses-module-3-paginas-maken","post-wrapper","thrv_wrapper"],"_links":{"self":[{"href":"https:\/\/leeromgeving.fixityourself.be\/index.php?rest_route=\/wp\/v2\/tva_lesson\/168"}],"collection":[{"href":"https:\/\/leeromgeving.fixityourself.be\/index.php?rest_route=\/wp\/v2\/tva_lesson"}],"about":[{"href":"https:\/\/leeromgeving.fixityourself.be\/index.php?rest_route=\/wp\/v2\/types\/tva_lesson"}],"wp:attachment":[{"href":"https:\/\/leeromgeving.fixityourself.be\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=168"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}
- Pagination<\/span>: hier ken je instellen hoe de paginatie onderaan wordt weergegeven: stippen, fraction of progress.<\/li>\n
- Layout<\/span>: de plaats van de afbeelding<\/li>\n
- Pas de inhoud<\/strong>, de titel<\/strong> en de naam<\/strong> aan & voeg eventueel een afbeelding<\/strong> toe. Je kan de afbeelding ook verwijderen als je dat niet wil gebruiken door op het vuilbakje te klikken als je erover hovert in de instellingen<\/li>\n
- Voeg indien nodig nog een titel element toe boven de carousel<\/li>\n<\/ul>\n
- Typ in het zoekvak Testimonial<\/em> en sleep het Testimonial Carousel<\/em> element in de container en laat los wanneer je de roze balk ziet verschijnen in de container<\/li>\n<\/ul>\n
- Klik rechts bovenaan bij de instellingen in de rode balk op het raster<\/strong><\/li>\n<\/ul>\n
- Pas overal de tekst en\/of kleuren aan naar wat relevant is voor jou en vervang de afbeeldingen door erop te klikken en links in de instellingen op Afbeelding kiezen<\/em> te klikken<\/li>\n<\/ul>\n
- Klik op een design naar keuze om het uit te vergroten en nadien op de groene knop Invoegen<\/em>, of klik meteen op Invoegen<\/em><\/li>\n
- Klik rechts bovenaan 2x op de blauwe knop Publiceren<\/em><\/li>\n<\/ul>\n
- Vul bij Titel toevoegen<\/em> de titel van je pagina in (bv. Testimonials)<\/li>\n
- De pop-up die eventueel verschijnt mag weg geklikt worden, je ziet nu het onderstaande scherm:<\/li>\n<\/ul>\n
- Klik bovenaan op Nieuwe pagina<\/em> <\/li>\n<\/ul>\n