{"id":988,"date":"2022-02-14T18:20:29","date_gmt":"2022-02-14T18:20:29","guid":{"rendered":"https:\/\/leeromgeving.fixityourself.be\/course\/de-structuur-van-een-pagina\/"},"modified":"2024-01-03T15:16:44","modified_gmt":"2024-01-03T15:16:44","slug":"de-structuur-van-een-pagina","status":"publish","type":"tva_lesson","link":"https:\/\/leeromgeving.fixityourself.be\/?tva_lesson=de-structuur-van-een-pagina","title":{"rendered":"De structuur van een pagina"},"content":{"rendered":"<h2 style=\"\">De structuur van een pagina<\/h2>\n<p>Een pagina bestaat uit 2 onderdelen:<\/p>\n<h3 style=\"text-align: center;\"><a href=\"#tve-jump-17ecaf9b4a5\" style=\"outline: none;\">Containers<\/a><\/h3>\n<h3 style=\"text-align: center;\"><a href=\"#tve-jump-17ecafd35c2\" style=\"outline: none;\">Elementen<\/a><\/h3>\n<p>Elementen worden ook wel&nbsp;<strong>widgets<\/strong> genoemd.<\/p>\n<p style=\"\">Aan de linkerzijde zie je een hele lijst elementen die ingevoegd kunnen worden. Deze worden opgesplitst in <em><strong>Layout<\/strong><\/em> (met de container bepaal je de layout en structuur van je pagina) <em><strong>Basis<\/strong>&nbsp;<\/em>(wat je in de gratis versie van Elementor krijgt) en <strong><em>Pro<\/em> <\/strong>(wat je extra in de betalende versie krijgt).<\/p>\n<p><span><img decoding=\"async\" alt=\"\" data-id=\"1637\" width=\"210\" data-init-width=\"600\" height=\"1680\" data-init-height=\"1680\" title=\"Screenshot 2023-04-19 at 21.51.31\" src=\"https:\/\/leeromgeving.fixityourself.be\/wp-content\/uploads\/2023\/04\/Screenshot-2023-04-19-at-21.51.31.png\" data-width=\"210\" style=\"\" loading=\"lazy\"><\/span><\/p>\n<p>Containers vormen de basis van je pagina. Je start altijd met een container en in die container kunnen dan elementen gesleept worden.<\/p>\n<p>Elementor wordt geladen, de page builder waarmee je pagina&#8217;s visueel gaat opbouwen.<\/p>\n<h3><span style=\"text-decoration: underline;\">De structuur van Elementor: Flexbox Containers<\/span><\/h3>\n<p>Elementor werkt met containers. <strong>De basis van elke pagina die je gaat maken is een container en in de container kan je dan elementen slepen.<\/strong> Afhankelijk van de richting van de container, komen de elementen naast elkaar (<strong>row container<\/strong>) of onder elkaar (<strong>column container<\/strong>):<\/p>\n<p><span><img decoding=\"async\" alt=\"\" data-id=\"1610\" width=\"373\" data-init-width=\"2128\" height=\"794\" data-init-height=\"794\" title=\"Screenshot 2023-04-19 at 21.05.30\" loading=\"lazy\" src=\"https:\/\/leeromgeving.fixityourself.be\/wp-content\/uploads\/2023\/04\/Screenshot-2023-04-19-at-21.05.30.png\" data-width=\"373\"><\/span><span><img decoding=\"async\" alt=\"\" data-id=\"1611\" width=\"373\" data-init-width=\"2106\" height=\"784\" data-init-height=\"784\" title=\"Screenshot 2023-04-19 at 21.06.43\" loading=\"lazy\" src=\"https:\/\/leeromgeving.fixityourself.be\/wp-content\/uploads\/2023\/04\/Screenshot-2023-04-19-at-21.06.43.png\" data-width=\"373\"><\/span><\/p>\n<p>Met 1 container kan je al heel veel doen, maar soms heb je een bepaalde structuur nodig waardoor je een container in een container moet gebruiken. Dat heet een <strong>geneste container<\/strong>.<\/p>\n<p><span><img decoding=\"async\" alt=\"\" data-id=\"1612\" width=\"476\" data-init-width=\"1310\" height=\"604\" data-init-height=\"604\" title=\"Screenshot 2023-04-19 at 21.09.55\" loading=\"lazy\" src=\"https:\/\/leeromgeving.fixityourself.be\/wp-content\/uploads\/2023\/04\/Screenshot-2023-04-19-at-21.09.55.png\" data-width=\"476\" style=\"\"><\/span><\/p>\n","protected":false},"template":"","class_list":["post-988","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\/988"}],"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=988"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}