{"id":951,"date":"2022-02-14T12:41:47","date_gmt":"2022-02-14T12:41:47","guid":{"rendered":"https:\/\/leeromgeving.fixityourself.be\/course\/een-sectie-kolom-invoegen\/"},"modified":"2024-01-03T15:16:44","modified_gmt":"2024-01-03T15:16:44","slug":"een-container-invoegen","status":"publish","type":"tva_lesson","link":"https:\/\/leeromgeving.fixityourself.be\/?tva_lesson=een-container-invoegen","title":{"rendered":"Een container invoegen"},"content":{"rendered":"

Het is erg belangrijk dat je eerst goed nadenkt over de structuur en de layout van het blok<\/strong> dat je wil maken. Ga je elementen naast elkaar plaatsen? Of onder elkaar? Of wordt het een mix van naast en onder elkaar, verdeeld in 2 “kolommen”? Zorg ervoor dat je dit eerst klaar hebt in je hoofd voordat je verder gaat met het invoegen van containers.<\/p>\n

Het is de bedoeling om een structuur te cre\u00ebren met zo weinig mogelijk geneste containers<\/strong> (containers in containers). Je kan al heel wat, in 1 container kan je bv. 3 elementen naast of onder elkaar slepen, daarvoor heb je geen 3 geneste containers nodig.<\/p>\n

Een kolom container invoegen<\/h2>\n

In dit voorbeeld gaan we een blok op de pagina maken die bestaat uit 1 container met daarin 3 elementen onder elkaar<\/span>: een titel, een stukje tekst en een knop.<\/p>\n

    \n
  • Klik op het plusteken in het midden van de pagina<\/li>\n
  • Klik vervolgens op \u00e9\u00e9n van de containerstructuren, afhankelijk van hoeveel welke structuur je nodig hebt. In het voorbeeld kiezen we de kolom container<\/span><\/li>\n<\/ul>\n

    \"\"<\/span>\"\"<\/span><\/p>\n

    Een rij container invoegen<\/h2>\n

    In dit voorbeeld gaan we een blok op de pagina maken die bestaat uit 1 container met daarin 3 elementen naast elkaar<\/span>: een titel, een stukje tekst en een knop.<\/p>\n

      \n
    • Klik op het plusteken in het midden van de pagina<\/li>\n
    • Klik vervolgens op \u00e9\u00e9n van de containerstructuren, afhankelijk van hoeveel welke structuur je nodig hebt. In het voorbeeld kiezen we de rij container<\/span><\/li>\n<\/ul>\n

      \"\"<\/span>\"\"<\/span><\/p>\n

      Een hoofdcontainer met 2 subcontainers naast elkaar invoegen<\/h2>\n
        \n
      • Klik op het plusteken in het midden van de pagina<\/li>\n
      • Klik vervolgens op de structuur met 2 containers<\/li>\n<\/ul>\n

        Als je een soort kolommenstructuur wil cre\u00ebren, kan het wel eens gemakkelijk zijn om de vooraf opgemaakte layout met 1 hoofdcontainer en 2 subconatiners in te voegen.<\/p>\n

        \"\"<\/span>\"\"<\/span><\/p>\n","protected":false},"template":"","class_list":["post-951","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\/951"}],"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=951"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}