{"id":1004,"date":"2022-02-14T20:29:49","date_gmt":"2022-02-14T20:29:49","guid":{"rendered":"https:\/\/leeromgeving.fixityourself.be\/course\/testimonial-carousel\/"},"modified":"2024-01-03T15:16:44","modified_gmt":"2024-01-03T15:16:44","slug":"testimonial-carousel","status":"publish","type":"tva_lesson","link":"https:\/\/leeromgeving.fixityourself.be\/?tva_lesson=testimonial-carousel","title":{"rendered":"Testimonial carousel"},"content":{"rendered":"<h3><span style=\"text-decoration: underline;\">Het element invoegen<\/span><\/h3>\n<ul>\n<li>Klik op het plusteken in het midden van de pagina<\/li>\n<li style=\"\">Kies vervolgens de kolom container<\/li>\n<\/ul>\n<p><span><img decoding=\"async\" alt=\"\" data-id=\"1640\" width=\"220\" data-init-width=\"338\" height=\"206\" data-init-height=\"206\" title=\"Plusje\" src=\"https:\/\/leeromgeving.fixityourself.be\/wp-content\/uploads\/2023\/04\/Plusje.png\" data-width=\"220\" style=\"\" loading=\"lazy\"><\/span><span><img decoding=\"async\" alt=\"\" data-id=\"1641\" width=\"379\" data-init-width=\"1432\" height=\"410\" data-init-height=\"410\" title=\"Kolom container\" src=\"https:\/\/leeromgeving.fixityourself.be\/wp-content\/uploads\/2023\/04\/Screenshot-2023-04-19-at-22.01.11.png\" data-width=\"379\" style=\"\" loading=\"lazy\"><\/span><\/p>\n<ul>\n<li style=\"\">Klik rechts bovenaan bij de instellingen in de rode balk op het&nbsp;<strong>raster<\/strong><\/li>\n<\/ul>\n<p><span><img decoding=\"async\" alt=\"\" data-id=\"1619\" width=\"233\" data-init-width=\"598\" height=\"218\" data-init-height=\"218\" title=\"Raster\" src=\"https:\/\/leeromgeving.fixityourself.be\/wp-content\/uploads\/2023\/04\/Screenshot-2023-04-19-at-21.22.47.png\" data-width=\"233\" style=\"\" loading=\"lazy\"><\/span><\/p>\n<ul>\n<li style=\"\">Typ in het zoekvak&nbsp;<em>Testimonial<\/em>&nbsp;en sleep het&nbsp;<em>Testimonial Carousel<\/em> element in de container en laat los wanneer je de roze balk ziet verschijnen in de container<\/li>\n<\/ul>\n<p><span><img decoding=\"async\" alt=\"\" data-id=\"1703\" width=\"523\" data-init-width=\"2222\" height=\"1238\" data-init-height=\"1238\" title=\"Screenshot 2023-04-22 at 12.58.45\" src=\"https:\/\/leeromgeving.fixityourself.be\/wp-content\/uploads\/2023\/04\/Screenshot-2023-04-22-at-12.58.45.png\" data-width=\"523\" style=\"\" loading=\"lazy\"><\/span><\/p>\n<ul>\n<li>Voeg indien nodig nog een titel element toe boven de carousel<\/li>\n<\/ul>\n<h3 style=\"\"><span style=\"text-decoration: underline;\">De instellingen van het element bewerken<\/span><\/h3>\n<h4>INHOUD<\/h4>\n<ul>\n<li>Zorg ervoor dat het element geselecteerd is door erop te klikken<\/li>\n<li>Vouw links in de instellingen&nbsp;<em>Item #1<\/em>&nbsp;open&nbsp;<\/li>\n<li>Pas de <strong>inhoud<\/strong>, de <strong>titel<\/strong> en de <strong>naam<\/strong> aan &amp; voeg eventueel een <strong>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<li>Doe hetzelfde bij&nbsp;<em>Item #2 <\/em><span style=\"font-style: normal;\">en<\/span><em>&nbsp;Item #3 <\/em>indien van toepassing<\/li>\n<li style=\"\">Je kan een <strong>item verwijderen<\/strong> door op het kruisje ernaast te klikken, een <strong>item &nbsp;dupliceren<\/strong> door op het icoon met de 2 papiertjes te klikken of een <strong>nieuw item toevoegen<\/strong> door op <em>+ item toevoegen<\/em>&nbsp;te klikken<\/li>\n<\/ul>\n<p><span><img decoding=\"async\" alt=\"\" data-id=\"646\" width=\"203\" data-init-width=\"578\" height=\"431\" data-init-height=\"1226\" title=\"Screenshot 2022-02-06 at 18.52.37\" src=\"https:\/\/usercontent.one\/wp\/fixityourself.virtualfixer.be\/wp-content\/uploads\/2022\/02\/Screenshot-2022-02-06-at-18.52.37.png\" data-width=\"203\" data-height=\"431\" style=\"\" loading=\"lazy\"><\/span><\/p>\n<p>In de instellingen kan je nog een reeks andere zaken bewerken, zoals:<\/p>\n<ul>\n<li><span style=\"text-decoration: underline;\">Skin<\/span>: default of bubble (het ziet er beide iets anders uit)<\/li>\n<li><span style=\"text-decoration: underline;\">Layout<\/span>: de plaats van de afbeelding<\/li>\n<li><span style=\"text-decoration: underline;\">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<p><span><img decoding=\"async\" alt=\"\" data-id=\"647\" width=\"266\" data-init-width=\"580\" height=\"539\" data-init-height=\"1176\" title=\"Screenshot 2022-02-06 at 19.00.26\" src=\"https:\/\/usercontent.one\/wp\/fixityourself.virtualfixer.be\/wp-content\/uploads\/2022\/02\/Screenshot-2022-02-06-at-19.00.26.png\" data-width=\"266\" data-height=\"539\" style=\"\" loading=\"lazy\"><\/span><\/p>\n<p style=\"\"><em>ADDITIONAL OPTIONS<\/em><\/p>\n<ul>\n<li style=\"\"><span style=\"text-decoration: underline;\">Pijlen (arrows)<\/span>: je kan ervoor kiezen om de pijltjes aan de zijkanten wel of niet weer te geven<\/li>\n<li style=\"\"><span style=\"text-decoration: underline;\">Pagination<\/span>: hier ken je instellen hoe de paginatie onderaan wordt weergegeven: stippen, fraction of progress.<\/li>\n<li style=\"\"><span style=\"text-decoration: underline;\">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<li style=\"\"><span style=\"text-decoration: underline;\">Autoplay<\/span>: je kan aan of uitzetten dat de carousel automatisch verder gaat<\/li>\n<li style=\"\"><span style=\"text-decoration: underline;\">Autoplay speed<\/span>: de snelheid tussen de verschillende slides<\/li>\n<li style=\"\"><span style=\"text-decoration: underline;\">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<li style=\"\"><span style=\"text-decoration: underline;\">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<li style=\"\"><span style=\"text-decoration: underline;\">Afmeting afbeelding<\/span>: je kan eventueel de grootte van de afbeelding aanpassen<\/li>\n<\/ul>\n<p><span><img decoding=\"async\" alt=\"\" data-id=\"1704\" width=\"266\" data-init-width=\"588\" height=\"1016\" data-init-height=\"1016\" title=\"Screenshot 2023-04-22 at 13.01.41\" src=\"https:\/\/leeromgeving.fixityourself.be\/wp-content\/uploads\/2023\/04\/Screenshot-2023-04-22-at-13.01.41.png\" data-width=\"266\" style=\"\" loading=\"lazy\"><\/span><\/p>\n<h4 style=\"\">STIJL<\/h4>\n<p style=\"\">Er wordt een onderverdeling gemaakt tussen Slides, Content, Image en Navigation. Per onderdeel kan je nog verschillende instellingen doen:<\/p>\n<p><span><img decoding=\"async\" alt=\"\" data-id=\"1705\" width=\"177\" data-init-width=\"598\" height=\"1082\" data-init-height=\"1082\" title=\"Screenshot 2023-04-22 at 13.02.28\" src=\"https:\/\/leeromgeving.fixityourself.be\/wp-content\/uploads\/2023\/04\/Screenshot-2023-04-22-at-13.02.28.png\" data-width=\"177\" loading=\"lazy\"><\/span><span><img decoding=\"async\" alt=\"\" data-id=\"1706\" width=\"177\" data-init-width=\"588\" height=\"976\" data-init-height=\"976\" title=\"Screenshot 2023-04-22 at 13.03.15\" src=\"https:\/\/leeromgeving.fixityourself.be\/wp-content\/uploads\/2023\/04\/Screenshot-2023-04-22-at-13.03.15.png\" data-width=\"177\" loading=\"lazy\"><\/span><span><img decoding=\"async\" alt=\"\" data-id=\"1707\" width=\"177\" data-init-width=\"590\" height=\"538\" data-init-height=\"538\" title=\"Screenshot 2023-04-22 at 13.03.38\" src=\"https:\/\/leeromgeving.fixityourself.be\/wp-content\/uploads\/2023\/04\/Screenshot-2023-04-22-at-13.03.38.png\" data-width=\"177\" loading=\"lazy\"><\/span><span><img decoding=\"async\" alt=\"\" data-id=\"1708\" width=\"177\" data-init-width=\"592\" height=\"702\" data-init-height=\"702\" title=\"Screenshot 2023-04-22 at 13.04.02\" src=\"https:\/\/leeromgeving.fixityourself.be\/wp-content\/uploads\/2023\/04\/Screenshot-2023-04-22-at-13.04.02.png\" data-width=\"177\" loading=\"lazy\"><\/span><\/p>\n<p style=\"\">Maak als laatset de container hoger en centreer midden, zo komt er voldoende plaats boven en onder de container.<\/p>\n<p><span><img decoding=\"async\" alt=\"\" data-id=\"1709\" width=\"758\" data-init-width=\"2400\" height=\"874\" data-init-height=\"874\" title=\"Screenshot 2023-04-22 at 13.06.24\" src=\"https:\/\/leeromgeving.fixityourself.be\/wp-content\/uploads\/2023\/04\/Screenshot-2023-04-22-at-13.06.24.png\" data-width=\"758\" loading=\"lazy\" style=\"\"><\/span><\/p>\n","protected":false},"template":"","class_list":["post-1004","tva_lesson","type-tva_lesson","status-publish","hentry","tva_courses-quick-fix","post-wrapper","thrv_wrapper"],"_links":{"self":[{"href":"https:\/\/leeromgeving.fixityourself.be\/index.php?rest_route=\/wp\/v2\/tva_lesson\/1004"}],"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=1004"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}