{"id":994,"date":"2022-02-14T19:39:54","date_gmt":"2022-02-14T19:39:54","guid":{"rendered":"https:\/\/leeromgeving.fixityourself.be\/course\/afbeelding\/"},"modified":"2024-01-03T15:16:44","modified_gmt":"2024-01-03T15:16:44","slug":"afbeelding","status":"publish","type":"tva_lesson","link":"https:\/\/leeromgeving.fixityourself.be\/?tva_lesson=afbeelding","title":{"rendered":"Afbeelding"},"content":{"rendered":"<blockquote><p>Hou bij elke afbeelding die je invoegt rekening met de grootte van de afbeelding! Indien het meer dan 1MB is, <a data-tcb_hover_state_parent=\"\" href=\"#tve-jump-17ecb854c97\" style=\"outline: none;\">comprimeer de afbeelding<\/a> dan. Vergeet ook niet om de <a data-tcb_hover_state_parent=\"\" href=\"#tve-jump-17ecb8674c0\" style=\"outline: none;\">Alt-tekst aan te passen<\/a>.<\/p><\/blockquote>\n<ul>\n<li>Voeg indien nodig een nieuwe container of containerstructuur in, door op het roze plusteken te klikken onderaan de pagina (in het voorbeeld gebruiken we een rijcontainer met daarin een afbeelding element en daarnaast een kolomcontainer)-&gt; zo zijn er in totaal maar 2 containers nodig: een hoofdcontainer en 1 subcontainer die rechts naaste de afbeelding komt)<\/li>\n<li>Klik rechts bovenaan bij de instellingen in de zwarte balk op het <strong>raster<\/strong><strong>&nbsp;<\/strong><\/li>\n<\/ul>\n<p><span><img decoding=\"async\" alt=\"\" data-id=\"1619\" width=\"248\" 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=\"248\" style=\"\" loading=\"lazy\"><\/span><\/p>\n<ul>\n<li style=\"\">Sleep het <em>Afbeelding<\/em> element links vanuit de instellingen in de container en laat los wanneer je de roze balk ziet verschijnen in de container<\/li>\n<li style=\"\">Klik vervolgens links op&nbsp;<em>Afbeelding kiezen<\/em><\/li>\n<\/ul>\n<p><span><img decoding=\"async\" alt=\"\" data-id=\"1678\" width=\"492\" data-init-width=\"2452\" height=\"1278\" data-init-height=\"1278\" title=\"Screenshot 2023-04-22 at 11.45.25\" src=\"https:\/\/leeromgeving.fixityourself.be\/wp-content\/uploads\/2023\/04\/Screenshot-2023-04-22-at-11.45.25.png\" data-width=\"492\" style=\"\" loading=\"lazy\"><\/span><span><img decoding=\"async\" alt=\"\" data-id=\"596\" width=\"247\" data-init-width=\"580\" height=\"656\" data-init-height=\"656\" title=\"Screenshot 2022-02-05 at 21.08.29\" src=\"https:\/\/usercontent.one\/wp\/fixityourself.virtualfixer.be\/wp-content\/uploads\/2022\/02\/Screenshot-2022-02-05-at-21.08.29.png\" data-width=\"247\" loading=\"lazy\"><\/span><\/p>\n<ul>\n<li>Kies een afbeelding uit de media bibliotheek of upload een nieuwe afbeelding<\/li>\n<\/ul>\n<p>Wanneer je op de afbeelding klikt, kan je aan de linkerzijde allerhande instellingen doen.&nbsp;<\/p>\n<ul>\n<li><span style=\"text-decoration: underline;\">Inhoud<\/span>: hier kan je de <strong>uitlijning<\/strong> aanpassen (links, gecentreerd of rechts). Je kan hier eventueel ook nog een <strong>onderschrift<\/strong> of een <strong>link<\/strong> aan de afbeelding toevoegen.<\/li>\n<li style=\"\"><span style=\"text-decoration: underline;\">Stijl<\/span>: hier kan je de <strong>grootte<\/strong> van de afbeelding aanpassen, dit doe je bij <em>Breedte<\/em>. Je kan hier ook de <strong>transparantie<\/strong>, <strong>afgeronde hoeken&nbsp;<\/strong>en eventueel en <strong>box shadow<\/strong> (schaduw) instellen&nbsp;<\/li>\n<\/ul>\n<p><span><img decoding=\"async\" alt=\"\" data-id=\"1679\" width=\"680\" data-init-width=\"2360\" height=\"1282\" data-init-height=\"1282\" title=\"Screenshot 2023-04-22 at 11.48.34\" src=\"https:\/\/leeromgeving.fixityourself.be\/wp-content\/uploads\/2023\/04\/Screenshot-2023-04-22-at-11.48.34.png\" data-width=\"680\" style=\"\" loading=\"lazy\"><\/span><\/p>\n<ul>\n<li><span style=\"text-decoration: underline;\">Geavanceerd<\/span>: hier kan je zoals bij elk element onder andere de <strong>marges<\/strong> en <strong>padding<\/strong> instellen.<\/li>\n<\/ul>\n","protected":false},"template":"","class_list":["post-994","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\/994"}],"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=994"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}