{"id":213,"date":"2021-12-18T15:27:57","date_gmt":"2021-12-18T15:27:57","guid":{"rendered":"https:\/\/leeromgeving.fixityourself.be\/course\/3-zelf-een-template-maken\/"},"modified":"2024-01-03T15:17:15","modified_gmt":"2024-01-03T15:17:15","slug":"3-zelf-een-template-maken","status":"publish","type":"tva_lesson","link":"https:\/\/leeromgeving.fixityourself.be\/?tva_lesson=3-zelf-een-template-maken","title":{"rendered":"3. Zelf een pagina template maken"},"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=\"\">Denk eraan om je pagina responsief te maken!<\/p>\n<h2>Inleiding<\/h2>\n<p>Als je liever geen vooraf opgemaakte template gebruikt en <strong>je eigen pagina&#8217;s van nul wil opbouwen <\/strong>maar geregeld <strong>dezelfde opmaak in een pagina<\/strong> wil gebruiken, kan je zelf een template maken.<\/p>\n<p>Je kan ervoor kiezen om een nieuwe template te maken of een bestaande pagina als template op te slaan.<\/p>\n<h2 style=\"\">Een bestaande pagina als template opslaan<\/h2>\n<ul>\n<li>Log in op het WP dashboard<\/li>\n<li>Klik links in het menu op&nbsp;<em>Pagina&#8217;s<\/em><\/li>\n<li>Hover over de pagina die je wil opslaan als template<\/li>\n<li style=\"\">Klik vervolgens 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=\"866\" width=\"758\" data-init-width=\"1984\" height=\"335\" data-init-height=\"876\" title=\"Screenshot 2022-02-13 at 21.56.04\" src=\"https:\/\/leeromgeving.fixityourself.be\/wp-content\/uploads\/2022\/02\/Screenshot-2022-02-13-at-21.56.04.png\" data-width=\"758\" data-height=\"335\" loading=\"lazy\"><\/span><\/p>\n<ul>\n<li style=\"\">Klik links onderaan op het <span style=\"text-decoration: underline;\">pijltje<\/span> naast&nbsp;<u><\/u><em>Updaten<\/em><\/li>\n<li style=\"\">Klik vervolgens op<em> Als template opslaan<\/em><\/li>\n<\/ul>\n<p><span><img decoding=\"async\" alt=\"\" data-id=\"1821\" width=\"276\" data-init-width=\"606\" height=\"280\" data-init-height=\"280\" title=\"Screenshot 2023-04-27 at 20.08.39\" src=\"https:\/\/leeromgeving.fixityourself.be\/wp-content\/uploads\/2023\/04\/Screenshot-2023-04-27-at-20.08.39.png\" data-width=\"276\" style=\"\" loading=\"lazy\"><\/span><\/p>\n<ul>\n<li>Geef de template een logische naam en klik op&nbsp;<em>Opslaan<\/em><\/li>\n<li style=\"\">Klik daarna op het kruisje om terug te keren naar de pagina<\/li>\n<\/ul>\n<p><span><img decoding=\"async\" alt=\"\" data-id=\"1822\" width=\"484\" data-init-width=\"1456\" height=\"758\" data-init-height=\"758\" title=\"Screenshot 2023-04-27 at 20.11.30\" src=\"https:\/\/leeromgeving.fixityourself.be\/wp-content\/uploads\/2023\/04\/Screenshot-2023-04-27-at-20.11.30.png\" data-width=\"484\" style=\"\" loading=\"lazy\"><\/span><\/p>\n<h2 style=\"\">Een nieuwe pagina template maken met Theme Builder<\/h2>\n<ul>\n<li>Klik in het WP dashboard links in het menu op <em>Templates<\/em><\/li>\n<\/ul>\n<p><span><img decoding=\"async\" alt=\"\" data-id=\"1797\" width=\"614\" data-init-width=\"2006\" height=\"1004\" data-init-height=\"1004\" title=\"Nieuwe template\" src=\"https:\/\/leeromgeving.fixityourself.be\/wp-content\/uploads\/2023\/04\/Screenshot-2023-04-26-at-12.01.05.png\" data-width=\"614\" style=\"\" loading=\"lazy\"><\/span><\/p>\n<ul>\n<li style=\"\">Klik bovenaan op <em>Nieuwe toevoegen<\/em>. Er zal een pop-up openen<\/li>\n<li>Bij&nbsp;<em>Type<\/em> kies je <em>Pagina<\/em> en geef daaronder de template een naam (bv. &#8220;Gewone pagina&#8221;)<\/li>\n<li style=\"\">Klik op&nbsp;<em>Template aanmaken,<\/em> Elementor zal geladen worden<\/li>\n<\/ul>\n<p><span><img decoding=\"async\" alt=\"\" data-id=\"1823\" width=\"553\" data-init-width=\"1922\" height=\"998\" data-init-height=\"998\" title=\"Screenshot 2023-04-27 at 20.14.28\" src=\"https:\/\/leeromgeving.fixityourself.be\/wp-content\/uploads\/2023\/04\/Screenshot-2023-04-27-at-20.14.28.png\" data-width=\"553\" style=\"\" loading=\"lazy\"><\/span><\/p>\n<ul>\n<li>Bouw nu eerst je pagina op<\/li>\n<\/ul>\n<h2 style=\"\">Een nieuwe pagina opbouwen<\/h2>\n<p>In module 3 wordt er uitgebreid overlopen hoe je een pagina kan opbouwen.<\/p>\n<blockquote><p>Hierboven werd al uitgelegd hoe je een pagina als template kan opslaan. <a href=\"#tve-jump-17ef4eba6e5\" style=\"outline: none;\">Klik hier<\/a> om de stappen te raadplegen.<\/p><\/blockquote>\n<h2 style=\"\">Je template invoegen op een pagina<\/h2>\n<ul>\n<li>Klik in het midden (onderaan) op het icoon met het mapje. De template bibliotheek zal geopend worden<\/li>\n<li style=\"\">Klik bovenaan op het tabblad <em>Mijn templates&nbsp;<\/em>en klik op&nbsp;<em>Invoegen<\/em>&nbsp;naast de template die je wil invoegen<\/li>\n<\/ul>\n<p><span><img decoding=\"async\" alt=\"\" data-id=\"1824\" width=\"659\" data-init-width=\"2392\" height=\"1000\" data-init-height=\"1000\" title=\"Screenshot 2023-04-27 at 20.15.27\" src=\"https:\/\/leeromgeving.fixityourself.be\/wp-content\/uploads\/2023\/04\/Screenshot-2023-04-27-at-20.15.27.png\" data-width=\"659\" style=\"\" loading=\"lazy\"><\/span><\/p>\n<p style=\"\">Denk eraan om je pagina responsief te maken!<\/p>\n","protected":false},"template":"","class_list":["post-213","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\/213"}],"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=213"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}