{"id":211,"date":"2021-12-18T15:25:42","date_gmt":"2021-12-18T15:25:42","guid":{"rendered":"https:\/\/leeromgeving.fixityourself.be\/course\/1-een-bestaand-blok-invoegen\/"},"modified":"2024-01-03T15:17:15","modified_gmt":"2024-01-03T15:17:15","slug":"1-een-bestaand-blok-invoegen","status":"publish","type":"tva_lesson","link":"https:\/\/leeromgeving.fixityourself.be\/?tva_lesson=1-een-bestaand-blok-invoegen","title":{"rendered":"1. Een bestaand blok invoegen"},"content":{"rendered":"<p>Alles wat in de video wordt uitgelegd kan je hieronder ook in tekstvorm terugvinden. Altijd handig wanneer je snel iets wil opzoeken.<\/p>\n<p style=\"\">Dubbelcheck ook bij templates of alles responsief is!<\/p>\n<h2>Inleiding<\/h2>\n<p>Als je heel snel pagina&#8217;s wil opbouwen dan kan je gebruik maken van bestaande vooraf opgemaakte blokken. Het enige dat je dan nog moet doen is de inhoud (tekst &amp; foto&#8217;s) aanpassen. <strong>Blokken kan je invoegen op een nieuwe of een bestaande pagina.<\/strong><\/p>\n<p>Je kan ook hele pagina&#8217;s toevoegen, dit wordt in de volgende les overlopen.<\/p>\n<p>In dit voorbeeld gaan we een blok toevoegen op de homepage.<\/p>\n<h2 style=\"\">Een bestaande pagina bewerken<\/h2>\n<ul>\n<li>Log in op het WP dashboard<\/li>\n<li>Klik links in het menu op <em>Pagina&#8217;s<\/em><\/li>\n<li style=\"\">Hover met de muis over de pagina die je wil bewerken en klik op&nbsp;<em>Bewerk met Elementor<\/em><\/li>\n<\/ul>\n<blockquote><p>Belangrijk: klik NIET op&nbsp;<em>Bewerken<\/em>. Klik enkel en alleen op&nbsp;<strong><em>Bewerk met Elementor<\/em><\/strong><em>.<\/em><\/p><\/blockquote>\n<p><span><img decoding=\"async\" alt=\"\" data-id=\"853\" width=\"760\" data-init-width=\"2430\" height=\"447\" data-init-height=\"1430\" title=\"Screenshot 2022-02-13 at 20.28.41\" loading=\"lazy\" src=\"https:\/\/usercontent.one\/wp\/fixityourself.virtualfixer.be\/wp-content\/uploads\/2022\/02\/Screenshot-2022-02-13-at-20.28.41.png\" data-width=\"760\" data-height=\"447\"><\/span><\/p>\n<ul>\n<li>Scroll helemaal naar beneden<\/li>\n<\/ul>\n<h2 style=\"\">Een blok invoegen<\/h2>\n<ul>\n<li>Klik in het midden op het icoon met het mapje. De template bibliotheek zal geopend worden<\/li>\n<li>Klik bovenaan op het tabblad <em>Blokken<\/em>, moest dat nog niet geselecteerd staan<\/li>\n<li>Je krijgt een overzicht van alle vooraf opgemaakte blokken door elkaar<\/li>\n<li>Links bovenaan kan je filteren op categorie (about, call to action, contact, benefits,&#8230;)<\/li>\n<li style=\"\">Kies eruit wat je nodig hebt\/mooi vindt en klik op de groene knop&nbsp;<em>Invoegen<\/em>.&nbsp;In het voorbeeld voegen we een&nbsp;<em>Features<\/em> blok in<\/li>\n<\/ul>\n<p><span><img decoding=\"async\" alt=\"\" data-id=\"1811\" width=\"682\" data-init-width=\"2398\" height=\"1598\" data-init-height=\"1598\" title=\"Screenshot 2023-04-27 at 19.35.19\" loading=\"lazy\" src=\"https:\/\/leeromgeving.fixityourself.be\/wp-content\/uploads\/2023\/04\/Screenshot-2023-04-27-at-19.35.19.png\" data-width=\"682\" style=\"\"><\/span><\/p>\n<h2 style=\"\">Een blok aanpassen<\/h2>\n<p>Afhankelijk van het blok dat je hebt ingevoegd, zullen er andere elementen in zitten: tekst, afbeeldingen, een titel, een formulier, iconbox,&#8230;<\/p>\n<ul>\n<li>Klik op het element\/container dat je wil bewerken<\/li>\n<li>Pas de inhoud van het element aan (tekst en\/of afbeelding)<\/li>\n<li>Doe links in de instellingen de nodige aanpassingen (tekstkleur, icoonkleur, achtergrondkleur, typografie, afbeeldingsgrootte, overlay, marges &amp; padding,&#8230;)<\/li>\n<li style=\"\">Verwijder indien nodig elementen\/containers die je niet gaat gebruiken<\/li>\n<\/ul>\n<blockquote><p>Hou er rekening mee dat als je meer tekst gaat invoegen dan in de oorspronkelijke template, dan gaat het er anders uitzien. Hetzelfde geldt voor het formaat van een afbeelding: is het een ander formaat, dan gaat het er anders uitzien.<\/p><\/blockquote>\n<h2>De opmaak van een element of container copy-pasten<\/h2>\n<p>Wanneer je met elementen\/containers werkt waarvan <strong>de inhoud verschilt maar de opmaak hetzelfde blijft<\/strong>, kan je eenvoudig de opmaak wijzigen in 1 element\/container en nadien <strong>\u00e9nkel de opmaak kopi\u00ebren en plakken<\/strong> naar het andere element\/container.<\/p>\n<ul>\n<li>Waar klikken?\n<ul>\n<li><span style=\"text-decoration: underline;\">Element<\/span>: klik rechts boven in de hoek met de rechtermuisknop op het podlood en klik op <em>Kopieer<\/em><\/li>\n<li><span style=\"text-decoration: underline;\">Container<\/span>: klik bovenaan op het roze vak met de zwarte bolletjes en klik op&nbsp;<em>Kopier<\/em><\/li>\n<li><span style=\"text-decoration: underline;\">Subcontainer<\/span>: klik links boven in de hoek met de rechtermuisknop op het rechthoekige icoon en klik op <em>Kopieer<\/em><\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<p><span><img decoding=\"async\" alt=\"\" data-id=\"1813\" width=\"379\" data-init-width=\"1262\" height=\"1010\" data-init-height=\"1010\" title=\"Screenshot 2023-04-27 at 19.43.39 5\" loading=\"lazy\" src=\"https:\/\/leeromgeving.fixityourself.be\/wp-content\/uploads\/2023\/04\/Screenshot-2023-04-27-at-19.43.39-5.png\" data-width=\"379\" style=\"\"><\/span><\/p>\n<ul>\n<li style=\"\">Om de opmaak te plakken, klik je met de rechtermuisknop op het andere element\/container zoals hierboven en klik je op <strong><em>Plak stijl<\/em><\/strong><\/li>\n<\/ul>\n<p><span><img decoding=\"async\" alt=\"\" data-id=\"1814\" width=\"275\" data-init-width=\"868\" height=\"996\" data-init-height=\"996\" title=\"Screenshot 2023-04-27 at 19.44.58\" loading=\"lazy\" src=\"https:\/\/leeromgeving.fixityourself.be\/wp-content\/uploads\/2023\/04\/Screenshot-2023-04-27-at-19.44.58.png\" data-width=\"275\" style=\"\"><\/span><\/p>\n<ul>\n<li>Klik op <em>Updaten<\/em>&nbsp;om je pagina op te slaan &amp; klik op het oogje ernaast om een voorbeeld te bekijken<\/li>\n<\/ul>\n<p><span><img decoding=\"async\" alt=\"\" data-id=\"1815\" width=\"362\" data-init-width=\"2762\" height=\"1608\" data-init-height=\"1608\" title=\"Screenshot 2023-04-27 at 19.46.38\" loading=\"lazy\" src=\"https:\/\/leeromgeving.fixityourself.be\/wp-content\/uploads\/2023\/04\/Screenshot-2023-04-27-at-19.46.38.png\" data-width=\"362\"><\/span><span style=\"\"><img decoding=\"async\" alt=\"\" data-id=\"1817\" width=\"355\" data-init-width=\"2732\" height=\"1608\" data-init-height=\"1608\" title=\"Screenshot 2023-04-27 at 19.46.17\" loading=\"lazy\" src=\"https:\/\/leeromgeving.fixityourself.be\/wp-content\/uploads\/2023\/04\/Screenshot-2023-04-27-at-19.46.17.png\" data-width=\"355\" style=\"\" mt-d=\"0\"><\/span><\/p>\n<p style=\"\">Dubbelcheck ook bij templates of alles responsief is!<\/p>\n","protected":false},"template":"","class_list":["post-211","tva_lesson","type-tva_lesson","status-publish","hentry","tva_courses-module-6-blokken-templates-en-theme-builder","post-wrapper","thrv_wrapper"],"_links":{"self":[{"href":"https:\/\/leeromgeving.fixityourself.be\/index.php?rest_route=\/wp\/v2\/tva_lesson\/211"}],"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=211"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}