{"id":112813,"date":"2023-05-17T12:02:28","date_gmt":"2023-05-17T12:02:28","guid":{"rendered":"https:\/\/elementor.com\/blog\/maak-kennis-met-elementor-3-13-bouw-slanke-en-flexibele-website-indelingen-met-css-grid\/"},"modified":"2025-12-01T15:17:39","modified_gmt":"2025-12-01T13:17:39","slug":"maak-kennis-met-elementor-3-13-bouw-slanke-en-flexibele-website-indelingen-met-css-grid","status":"publish","type":"post","link":"https:\/\/elementor.com\/blog\/nl\/maak-kennis-met-elementor-3-13-bouw-slanke-en-flexibele-website-indelingen-met-css-grid\/","title":{"rendered":"Maak kennis met Elementor 3.13 &#8211; Bouw slanke en flexibele website-indelingen met CSS Grid"},"content":{"rendered":"\n<p>Verbeter je ontwerpmogelijkheden en geniet van nieuwe manieren om je website te stylen met Elementor 3.13, zodat je unieke ontwerpen kunt maken die je websitebezoekers blijven boeien.\nDeze versie bevat een nieuwe lay-out optie in Containers &#8211; <a class=\"wpil_keyword_link\" href=\"https:\/\/elementor.com\/blog\/what-is-css\/\" title=\"CSS\" data-wpil-keyword-link=\"linked\" data-wpil-monitor-id=\"4532\">CSS<\/a> Grid, een geweldige manier om verfijnde en lichtgewicht website lay-outs te ontwerpen, met behoud van een hoog niveau van consistentie.\nDaarnaast introduceert deze update meer stylingopties in de Menu Widget en voegt nieuwe mogelijkheden toe aan de nieuwe Top Bar.  <\/p>\n\n<figure class=\"wp-block-image size-full\"><img fetchpriority=\"high\" decoding=\"async\" width=\"2401\" height=\"1261\" src=\"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2023\/05\/Container-CSS-Grid.png\" alt=\"\" class=\"wp-image-85167\"\/><\/figure>\n\n<h2 class=\"wp-block-heading\"><strong>Nieuw &#8211; CSS Grid Container &#8211; Ontwerp lichtgewicht, responsieve en professionele lay-outs<\/strong><\/h2>\n\n<p>Als je nu een Container toevoegt, kun je kiezen tussen Flexbox of Grid Containers.\nHet gebruik van Grid Containers is ideaal voor rasterachtige lay-outs, helpt je de uitlijning van elementen in de Container te behouden en vermindert de leercurve die gepaard gaat met de overgang van de sectie-kolom lay-out naar de container lay-out.   <\/p>\n\n<p>Met Grid Containers kun je het aantal rijen en kolommen kiezen waaruit je je raster wilt samenstellen, de afstand tussen je kolommen en rijen bepalen met de regelaar Gaps en kiezen of je de Auto-Flow wilt baseren op kolom of rij.\nJe kunt ook inhoud en items justifi\u00ebren en uitlijnen, net als in een Flexbox-container.   <\/p>\n\n<p>Elke cel in het raster kan \u00e9\u00e9n element bevatten dat je kunt stylen en bewerken zoals je normaal zou doen.\nVoor een hoger niveau van verfijning kun je een Flexbox Container binnen de cel van een Raster plaatsen en zoveel elementen als je wilt binnen de Flexbox Container plaatsen.   <\/p>\n\n<p>Om het Container Grid te gebruiken, moet je de functies Flexbox Container en Grid Container inschakelen via WordPress Dashboard \u2192 Elementor \u2192 Instellingen \u2192 Functies.<\/p>\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"2401\" height=\"1261\" src=\"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2023\/05\/cover-4.png\" alt=\"\" class=\"wp-image-85169\"\/><\/figure>\n\n<p><\/p>\n\n<h2 class=\"wp-block-heading\"><strong>[Pro]  Nieuwe stylingmogelijkheden in de menuwidget<\/strong><\/h2>\n\n<p>In de vorige versie introduceerde Elementor een nieuwe Menu widget, waarmee je eenvoudige menu&#8217;s op \u00e9\u00e9n niveau en geavanceerde dropdown menu&#8217;s met nestbare inhoud kunt maken.\nDeze widget is een game-changer voor het maken van websites, waarmee je prachtige en functionele menu&#8217;s voor je websites kunt ontwerpen. <\/p>\n\n<p>Elementor Pro 3.13 introduceert twee nieuwe mogelijkheden die nu beschikbaar zijn in de Menu widget:<\/p>\n\n<ul class=\"wp-block-list\"><li><strong>Pictogrammen in het Menu topniveau <\/strong>&#8211; met deze nieuwe stylingmogelijkheid kun je het ontwerp van je menu&#8217;s verbeteren door opvallende pictogrammen toe te voegen die de aandacht van bezoekers trekken.\nMet een verscheidenheid aan pictogrammen waaruit je kunt kiezen in de pictogrammenbibliotheek, of de mogelijkheid om een SVG te uploaden, kun je je menu&#8217;s aanpassen aan de stijl van je website en ze laten opvallen. <\/li><\/ul>\n\n<p><strong>Actieve status voor ankerlinks<\/strong> &#8211; geef websitebezoekers aan naar welk deel van de pagina ze hebben gescrolld of geklikt als je menu ankerlinks bevat.\nOp die manier kun je de ervaring van bezoekers verbeteren door hen te helpen navigeren door je website. <\/p>\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"2401\" height=\"1261\" src=\"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2023\/05\/Editor-UI-Revamp-Next-Steps.png\" alt=\"\" class=\"wp-image-85170\"\/><\/figure>\n\n<h2 class=\"wp-block-heading\">Verbeteringen in de bovenste balk &#8211; Elementor&#8217;s UI vernieuwd vervolg<\/h2>\n\n<p>In Elementor 3.12 zijn we begonnen met de geleidelijke uitrol van komende wijzigingen in de interface van Elementor.\nDeze veranderingen zijn geschreven in React, wat de prestaties verbetert en toekomstige groei en schaalbaarheid van het product mogelijk maakt.\nDaarnaast bevorderen deze veranderingen de best-practices van Elementor, wat resulteert in een betere en meer gestroomlijnde gebruikerservaring.    <\/p>\n\n<p>Een van de grootste veranderingen is de nieuwe Bovenbalk, die als experiment is ge\u00efntroduceerd en die je kunt activeren vanaf de Elementor functiepagina in WordPress (Elementor \u2192 Instellingen \u2192 Functies \u2192 Editor Bovenbalk).\nIn deze versie bevat de Bovenbalk twee updates:   <\/p>\n\n<ol class=\"wp-block-list\"><li><strong>Opties voor opslaan in de knop Publiceren<\/strong> &#8211; hoewel dit geen nieuwe mogelijkheid is, was deze functie niet beschikbaar in de eerste versie van de Bovenbalk.\nNu heb je toegang tot alle opties voor opslaan die beschikbaar zijn in de Editor &#8211; Opslaan als klad, Opslaan als sjabloon en DIsplay-condities (indien van toepassing).\nDit betekent ook dat de Bovenbalk nu alle mogelijkheden bevat die voorheen beschikbaar waren in de oudere UI van de Editor.    <\/li><li><strong>Paginanavigatie<\/strong> &#8211; een nieuwe functie die je workflow stroomlijnt en de overgang tussen verschillende pagina&#8217;s en themaonderdelen soepeler laat verlopen.\nAls je op de pagina-aanduiding in het midden van de Bovenbalk klikt, wordt er een vervolgkeuzelijst geopend met de vijf nieuwste pagina&#8217;s \/ berichten \/ themaonderdelen waaraan je hebt gewerkt en kun je met \u00e9\u00e9n klik naar elk van deze pagina&#8217;s of berichten gaan, zonder dat je terug hoeft te navigeren naar het WordPress Dashboard.   <\/li><\/ol>\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"2401\" height=\"1261\" src=\"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2023\/05\/Automatically-Populate-The-Post-Excerpt-from-Your-Posts-Content.png\" alt=\"\" class=\"wp-image-85171\"\/><\/figure>\n\n<h2 class=\"wp-block-heading\"><strong>[Pro]  Dynamisch je uittreksel vullen met de inhoud van je bericht<\/strong><\/h2>\n\n<p>Voorheen betekende het gebruik van de widget Post Excerpt of dynamische tag in WordPress dat de inhoud automatisch werd ingevuld vanuit het aangepaste uittreksel dat je handmatig in WordPress had ingevoegd.\nMet Elementor 3.13 heb je nu echter de optie om te kiezen of je de inhoud automatisch wilt laten verschijnen vanuit de eerste paar tekens van je bericht of vanuit het aangepaste uittreksel in WordPress.\nDeze update lost een van de topverzoeken op sinds de introductie van de Loop Builder, en specifiek sinds de mogelijkheid om de Post Excerpt widget toe te voegen in je loop item.  <\/p>\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"2401\" height=\"1261\" src=\"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2023\/05\/Performance-Improvements-2.png\" alt=\"\" class=\"wp-image-85180\"\/><\/figure>\n\n<h2 class=\"wp-block-heading\"><strong>Nieuw: Gebruik Elementor AI, perfect afgestemd op Elementor  <\/strong><\/h2>\n\n<p>Elementor 3.13 bevat ook Elementor AI, dat ge\u00efntegreerd is in de editor en de manier waarop je websites maakt zal veranderen.\nDeze versie introduceert de eerste fase van Elementor AI, waarmee je tekst en code kunt maken met de kracht van AI.\nJe kunt het gebruiken om content vanaf nul te cre\u00ebren, bestaande content op je website te verbeteren, te vertalen naar elke website en nog veel meer.\nDaarnaast kun je Elementor AI gebruiken om code te schrijven voor aangepaste CSS of aangepaste code (hiervoor heb je Elementor Pro of Hosting nodig), of HTML-fragmenten.\nJe kunt <a href=\"https:\/\/elementor.com\/blog\/introducing-elementor-ai\/\">hier<\/a> meer lezen over wat je kunt doen met Elementor AI.      <\/p>\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"2401\" height=\"1261\" src=\"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2023\/05\/Performance-Improvements-1.png\" alt=\"\" class=\"wp-image-85173\"\/><\/figure>\n\n<h2 class=\"wp-block-heading\"><strong>Prestatieverbeteringen<\/strong><\/h2>\n\n<p>In eerdere versies waren de prestatieverbeteringen gericht op de meest gebruikte widgets op de hoofdpagina&#8217;s.\nMet Elementor 3.13 werd de focus verlegd naar widgets die vooral worden gebruikt op binnenpagina&#8217;s, waar sitebezoekers vaak de meeste tijd doorbrengen. <\/p>\n\n<p>De Author Box, Post Info en Price List widgets tonen afbeeldingen en gebruikersprofielfoto&#8217;s, deze afbeeldingen worden nu lui geladen.\nDeze verandering zou het laden van je binnenpagina&#8217;s moeten verbeteren. <\/p>\n\n<p>Bovendien, omdat de koptekst boven de vouw verschijnt, moet deze altijd onmiddellijk laden bij het laden van de pagina.\nDaarom is lazy load verwijderd uit headers om de bezoekerservaring te verbeteren bij het gebruik van het experiment Lazy Load Achtergrondafbeeldingen. <\/p>\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"2401\" height=\"1261\" src=\"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2023\/05\/Accessibility.png\" alt=\"\" class=\"wp-image-85174\"\/><\/figure>\n\n<h2 class=\"wp-block-heading\"><strong>Toegankelijkheid verbeteren<\/strong><\/h2>\n\n<p>Elementor 3.13 zit vol met tweaks en fixes die de toegankelijkheid van je website en de Editor verbeteren.\nIn deze versie hebben we ons gericht op toetsenbordnavigatie, het implementeren van extra ARIA-tags, het oplossen van bestaande problemen met ARIA-compliance en het toepassen van semantische markup.   <\/p>\n\n<p>Je kunt meer lezen over deze toegankelijkheidsverbeteringen op de<a href=\"https:\/\/developers.elementor.com\/elementor-3-13-developers-update\/\"> Developers Blog<\/a>.  <\/p>\n\n<h2 class=\"wp-block-heading\"><strong>Geniet van meer styling- en ontwerpopties voor een zeer merkgerichte en aantrekkelijke website-ervaring  <\/strong><\/h2>\n\n<p>Verhoog het ontwerp van je website en ontgrendel nieuwe stylingmogelijkheden om je website aan te passen met Elementor 3.13.\nMet CSS Grid Containers kun je naadloos lichtgewicht, flexibele, rasterachtige lay-outs maken, en met de nieuwe stylingmogelijkheden in de menu widget kun je onderscheidende ontwerpen maken die je websitebezoekers boeien en blijven boeien.   <\/p>\n\n<p>Deze versie bevat ook nieuwe mogelijkheden in de functie Topbalk, wat betekent dat alle mogelijkheden die voorheen beschikbaar waren in de Editor nu ook beschikbaar zijn als je het experiment Topbalk gebruikt.  <\/p>\n\n<p>Elementor 3.13 bevat ook een gratis proefversie van Elementor AI, dat de manier waarop je websites bouwt zal veranderen doordat je direct originele tekst kunt maken, bestaande tekst kunt verbeteren en code kunt gebruiken om je website en het ontwerp ervan te verbeteren.  <\/p>\n\n<p>Probeer de nieuwe functies in Elementor 3.13 uit en laat ons weten wat je ervan vindt in de reacties hieronder.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Elementor 3.13 bevat CSS Grid Containers, nieuwe styling- en aanpassingsopties in de Menu widget, breidt het Top Bar experiment uit en biedt je extra Dynamic Content opties voor Post Excerpts.  <\/p>\n","protected":false},"author":2024207,"featured_media":112814,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[254,290,322],"tags":[],"marketing_persona":[],"marketing_intent":[],"class_list":["post-112813","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-blog-nl","category-elementor-nl","category-new-features-nl"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v26.7 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Maak kennis met Elementor 3.13 - Bouw slanke en flexibele website-indelingen met CSS Grid<\/title>\n<meta name=\"description\" content=\"Elementor 3.13 bevat CSS Grid Containers, nieuwe styling- en aanpassingsopties in de Menu widget, breidt het Top Bar experiment uit en biedt je extra Dynamic Content opties voor Post Excerpts.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/elementor.com\/blog\/nl\/maak-kennis-met-elementor-3-13-bouw-slanke-en-flexibele-website-indelingen-met-css-grid\/\" \/>\n<meta property=\"og:locale\" content=\"nl_NL\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Maak kennis met Elementor 3.13 - Bouw slanke en flexibele website-indelingen met CSS Grid\" \/>\n<meta property=\"og:description\" content=\"Elementor 3.13 bevat CSS Grid Containers, nieuwe styling- en aanpassingsopties in de Menu widget, breidt het Top Bar experiment uit en biedt je extra Dynamic Content opties voor Post Excerpts.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/elementor.com\/blog\/nl\/maak-kennis-met-elementor-3-13-bouw-slanke-en-flexibele-website-indelingen-met-css-grid\/\" \/>\n<meta property=\"og:site_name\" content=\"Blog\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/elemntor\/\" \/>\n<meta property=\"article:published_time\" content=\"2023-05-17T12:02:28+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-12-01T13:17:39+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2023\/05\/cover-3.png\" \/>\n\t<meta property=\"og:image:width\" content=\"2401\" \/>\n\t<meta property=\"og:image:height\" content=\"1260\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Gabriella Laster\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@elemntor\" \/>\n<meta name=\"twitter:site\" content=\"@elemntor\" \/>\n<meta name=\"twitter:label1\" content=\"Geschreven door\" \/>\n\t<meta name=\"twitter:data1\" content=\"Gabriella Laster\" \/>\n\t<meta name=\"twitter:label2\" content=\"Geschatte leestijd\" \/>\n\t<meta name=\"twitter:data2\" content=\"6 minuten\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/elementor.com\/blog\/nl\/maak-kennis-met-elementor-3-13-bouw-slanke-en-flexibele-website-indelingen-met-css-grid\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/elementor.com\/blog\/nl\/maak-kennis-met-elementor-3-13-bouw-slanke-en-flexibele-website-indelingen-met-css-grid\/\"},\"author\":{\"name\":\"Gabriella Laster\",\"@id\":\"https:\/\/elementor.com\/blog\/nl\/#\/schema\/person\/840e05baf69a34292aefbd48f3372a2a\"},\"headline\":\"Maak kennis met Elementor 3.13 &#8211; Bouw slanke en flexibele website-indelingen met CSS Grid\",\"datePublished\":\"2023-05-17T12:02:28+00:00\",\"dateModified\":\"2025-12-01T13:17:39+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/elementor.com\/blog\/nl\/maak-kennis-met-elementor-3-13-bouw-slanke-en-flexibele-website-indelingen-met-css-grid\/\"},\"wordCount\":1263,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/elementor.com\/blog\/nl\/#organization\"},\"image\":{\"@id\":\"https:\/\/elementor.com\/blog\/nl\/maak-kennis-met-elementor-3-13-bouw-slanke-en-flexibele-website-indelingen-met-css-grid\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2023\/05\/cover-3.png\",\"articleSection\":[\"Blog\",\"Elementor\",\"Nieuwe functies\"],\"inLanguage\":\"nl-NL\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/elementor.com\/blog\/nl\/maak-kennis-met-elementor-3-13-bouw-slanke-en-flexibele-website-indelingen-met-css-grid\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/elementor.com\/blog\/nl\/maak-kennis-met-elementor-3-13-bouw-slanke-en-flexibele-website-indelingen-met-css-grid\/\",\"url\":\"https:\/\/elementor.com\/blog\/nl\/maak-kennis-met-elementor-3-13-bouw-slanke-en-flexibele-website-indelingen-met-css-grid\/\",\"name\":\"Maak kennis met Elementor 3.13 - Bouw slanke en flexibele website-indelingen met CSS Grid\",\"isPartOf\":{\"@id\":\"https:\/\/elementor.com\/blog\/nl\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/elementor.com\/blog\/nl\/maak-kennis-met-elementor-3-13-bouw-slanke-en-flexibele-website-indelingen-met-css-grid\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/elementor.com\/blog\/nl\/maak-kennis-met-elementor-3-13-bouw-slanke-en-flexibele-website-indelingen-met-css-grid\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2023\/05\/cover-3.png\",\"datePublished\":\"2023-05-17T12:02:28+00:00\",\"dateModified\":\"2025-12-01T13:17:39+00:00\",\"description\":\"Elementor 3.13 bevat CSS Grid Containers, nieuwe styling- en aanpassingsopties in de Menu widget, breidt het Top Bar experiment uit en biedt je extra Dynamic Content opties voor Post Excerpts.\",\"breadcrumb\":{\"@id\":\"https:\/\/elementor.com\/blog\/nl\/maak-kennis-met-elementor-3-13-bouw-slanke-en-flexibele-website-indelingen-met-css-grid\/#breadcrumb\"},\"inLanguage\":\"nl-NL\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/elementor.com\/blog\/nl\/maak-kennis-met-elementor-3-13-bouw-slanke-en-flexibele-website-indelingen-met-css-grid\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"nl-NL\",\"@id\":\"https:\/\/elementor.com\/blog\/nl\/maak-kennis-met-elementor-3-13-bouw-slanke-en-flexibele-website-indelingen-met-css-grid\/#primaryimage\",\"url\":\"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2023\/05\/cover-3.png\",\"contentUrl\":\"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2023\/05\/cover-3.png\",\"width\":2401,\"height\":1260},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/elementor.com\/blog\/nl\/maak-kennis-met-elementor-3-13-bouw-slanke-en-flexibele-website-indelingen-met-css-grid\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Blog\",\"item\":\"https:\/\/elementor.com\/blog\/nl\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Blog\",\"item\":\"https:\/\/elementor.com\/blog\/nl\/category\/blog-nl\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Maak kennis met Elementor 3.13 &#8211; Bouw slanke en flexibele website-indelingen met CSS Grid\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/elementor.com\/blog\/nl\/#website\",\"url\":\"https:\/\/elementor.com\/blog\/nl\/\",\"name\":\"Elementor\",\"description\":\"Website Builder for WordPress\",\"publisher\":{\"@id\":\"https:\/\/elementor.com\/blog\/nl\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/elementor.com\/blog\/nl\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"nl-NL\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/elementor.com\/blog\/nl\/#organization\",\"name\":\"Elementor\",\"url\":\"https:\/\/elementor.com\/blog\/nl\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"nl-NL\",\"@id\":\"https:\/\/elementor.com\/blog\/nl\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2025\/06\/images.png\",\"contentUrl\":\"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2025\/06\/images.png\",\"width\":225,\"height\":225,\"caption\":\"Elementor\"},\"image\":{\"@id\":\"https:\/\/elementor.com\/blog\/nl\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/elemntor\/\",\"https:\/\/x.com\/elemntor\",\"https:\/\/www.instagram.com\/elementor\/\",\"https:\/\/www.youtube.com\/channel\/UCt9kG_EDX8zwGSC1-ycJJVA?sub_confirmation=1\",\"https:\/\/en.wikipedia.org\/wiki\/Elementor\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/elementor.com\/blog\/nl\/#\/schema\/person\/840e05baf69a34292aefbd48f3372a2a\",\"name\":\"Gabriella Laster\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"nl-NL\",\"@id\":\"https:\/\/elementor.com\/blog\/nl\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/d05a13ed44651430b9565d128ead6845482cddcafc9c725e89ecf083b78288e9?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/d05a13ed44651430b9565d128ead6845482cddcafc9c725e89ecf083b78288e9?s=96&d=mm&r=g\",\"caption\":\"Gabriella Laster\"},\"description\":\"Gabriella is a Product Marketing Director at Elementor, where she helps bridge the gap between complex web technology and seamless user experiences. With a decade of experience in marketing and entrepreneurship, she\u2019s passionate about empowering creators to build their digital dreams.\",\"url\":\"https:\/\/elementor.com\/blog\/nl\/author\/gabriellal\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Maak kennis met Elementor 3.13 - Bouw slanke en flexibele website-indelingen met CSS Grid","description":"Elementor 3.13 bevat CSS Grid Containers, nieuwe styling- en aanpassingsopties in de Menu widget, breidt het Top Bar experiment uit en biedt je extra Dynamic Content opties voor Post Excerpts.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/elementor.com\/blog\/nl\/maak-kennis-met-elementor-3-13-bouw-slanke-en-flexibele-website-indelingen-met-css-grid\/","og_locale":"nl_NL","og_type":"article","og_title":"Maak kennis met Elementor 3.13 - Bouw slanke en flexibele website-indelingen met CSS Grid","og_description":"Elementor 3.13 bevat CSS Grid Containers, nieuwe styling- en aanpassingsopties in de Menu widget, breidt het Top Bar experiment uit en biedt je extra Dynamic Content opties voor Post Excerpts.","og_url":"https:\/\/elementor.com\/blog\/nl\/maak-kennis-met-elementor-3-13-bouw-slanke-en-flexibele-website-indelingen-met-css-grid\/","og_site_name":"Blog","article_publisher":"https:\/\/www.facebook.com\/elemntor\/","article_published_time":"2023-05-17T12:02:28+00:00","article_modified_time":"2025-12-01T13:17:39+00:00","og_image":[{"width":2401,"height":1260,"url":"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2023\/05\/cover-3.png","type":"image\/png"}],"author":"Gabriella Laster","twitter_card":"summary_large_image","twitter_creator":"@elemntor","twitter_site":"@elemntor","twitter_misc":{"Geschreven door":"Gabriella Laster","Geschatte leestijd":"6 minuten"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/elementor.com\/blog\/nl\/maak-kennis-met-elementor-3-13-bouw-slanke-en-flexibele-website-indelingen-met-css-grid\/#article","isPartOf":{"@id":"https:\/\/elementor.com\/blog\/nl\/maak-kennis-met-elementor-3-13-bouw-slanke-en-flexibele-website-indelingen-met-css-grid\/"},"author":{"name":"Gabriella Laster","@id":"https:\/\/elementor.com\/blog\/nl\/#\/schema\/person\/840e05baf69a34292aefbd48f3372a2a"},"headline":"Maak kennis met Elementor 3.13 &#8211; Bouw slanke en flexibele website-indelingen met CSS Grid","datePublished":"2023-05-17T12:02:28+00:00","dateModified":"2025-12-01T13:17:39+00:00","mainEntityOfPage":{"@id":"https:\/\/elementor.com\/blog\/nl\/maak-kennis-met-elementor-3-13-bouw-slanke-en-flexibele-website-indelingen-met-css-grid\/"},"wordCount":1263,"commentCount":0,"publisher":{"@id":"https:\/\/elementor.com\/blog\/nl\/#organization"},"image":{"@id":"https:\/\/elementor.com\/blog\/nl\/maak-kennis-met-elementor-3-13-bouw-slanke-en-flexibele-website-indelingen-met-css-grid\/#primaryimage"},"thumbnailUrl":"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2023\/05\/cover-3.png","articleSection":["Blog","Elementor","Nieuwe functies"],"inLanguage":"nl-NL","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/elementor.com\/blog\/nl\/maak-kennis-met-elementor-3-13-bouw-slanke-en-flexibele-website-indelingen-met-css-grid\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/elementor.com\/blog\/nl\/maak-kennis-met-elementor-3-13-bouw-slanke-en-flexibele-website-indelingen-met-css-grid\/","url":"https:\/\/elementor.com\/blog\/nl\/maak-kennis-met-elementor-3-13-bouw-slanke-en-flexibele-website-indelingen-met-css-grid\/","name":"Maak kennis met Elementor 3.13 - Bouw slanke en flexibele website-indelingen met CSS Grid","isPartOf":{"@id":"https:\/\/elementor.com\/blog\/nl\/#website"},"primaryImageOfPage":{"@id":"https:\/\/elementor.com\/blog\/nl\/maak-kennis-met-elementor-3-13-bouw-slanke-en-flexibele-website-indelingen-met-css-grid\/#primaryimage"},"image":{"@id":"https:\/\/elementor.com\/blog\/nl\/maak-kennis-met-elementor-3-13-bouw-slanke-en-flexibele-website-indelingen-met-css-grid\/#primaryimage"},"thumbnailUrl":"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2023\/05\/cover-3.png","datePublished":"2023-05-17T12:02:28+00:00","dateModified":"2025-12-01T13:17:39+00:00","description":"Elementor 3.13 bevat CSS Grid Containers, nieuwe styling- en aanpassingsopties in de Menu widget, breidt het Top Bar experiment uit en biedt je extra Dynamic Content opties voor Post Excerpts.","breadcrumb":{"@id":"https:\/\/elementor.com\/blog\/nl\/maak-kennis-met-elementor-3-13-bouw-slanke-en-flexibele-website-indelingen-met-css-grid\/#breadcrumb"},"inLanguage":"nl-NL","potentialAction":[{"@type":"ReadAction","target":["https:\/\/elementor.com\/blog\/nl\/maak-kennis-met-elementor-3-13-bouw-slanke-en-flexibele-website-indelingen-met-css-grid\/"]}]},{"@type":"ImageObject","inLanguage":"nl-NL","@id":"https:\/\/elementor.com\/blog\/nl\/maak-kennis-met-elementor-3-13-bouw-slanke-en-flexibele-website-indelingen-met-css-grid\/#primaryimage","url":"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2023\/05\/cover-3.png","contentUrl":"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2023\/05\/cover-3.png","width":2401,"height":1260},{"@type":"BreadcrumbList","@id":"https:\/\/elementor.com\/blog\/nl\/maak-kennis-met-elementor-3-13-bouw-slanke-en-flexibele-website-indelingen-met-css-grid\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Blog","item":"https:\/\/elementor.com\/blog\/nl\/"},{"@type":"ListItem","position":2,"name":"Blog","item":"https:\/\/elementor.com\/blog\/nl\/category\/blog-nl\/"},{"@type":"ListItem","position":3,"name":"Maak kennis met Elementor 3.13 &#8211; Bouw slanke en flexibele website-indelingen met CSS Grid"}]},{"@type":"WebSite","@id":"https:\/\/elementor.com\/blog\/nl\/#website","url":"https:\/\/elementor.com\/blog\/nl\/","name":"Elementor","description":"Website Builder for WordPress","publisher":{"@id":"https:\/\/elementor.com\/blog\/nl\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/elementor.com\/blog\/nl\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"nl-NL"},{"@type":"Organization","@id":"https:\/\/elementor.com\/blog\/nl\/#organization","name":"Elementor","url":"https:\/\/elementor.com\/blog\/nl\/","logo":{"@type":"ImageObject","inLanguage":"nl-NL","@id":"https:\/\/elementor.com\/blog\/nl\/#\/schema\/logo\/image\/","url":"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2025\/06\/images.png","contentUrl":"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2025\/06\/images.png","width":225,"height":225,"caption":"Elementor"},"image":{"@id":"https:\/\/elementor.com\/blog\/nl\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/elemntor\/","https:\/\/x.com\/elemntor","https:\/\/www.instagram.com\/elementor\/","https:\/\/www.youtube.com\/channel\/UCt9kG_EDX8zwGSC1-ycJJVA?sub_confirmation=1","https:\/\/en.wikipedia.org\/wiki\/Elementor"]},{"@type":"Person","@id":"https:\/\/elementor.com\/blog\/nl\/#\/schema\/person\/840e05baf69a34292aefbd48f3372a2a","name":"Gabriella Laster","image":{"@type":"ImageObject","inLanguage":"nl-NL","@id":"https:\/\/elementor.com\/blog\/nl\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/d05a13ed44651430b9565d128ead6845482cddcafc9c725e89ecf083b78288e9?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/d05a13ed44651430b9565d128ead6845482cddcafc9c725e89ecf083b78288e9?s=96&d=mm&r=g","caption":"Gabriella Laster"},"description":"Gabriella is a Product Marketing Director at Elementor, where she helps bridge the gap between complex web technology and seamless user experiences. With a decade of experience in marketing and entrepreneurship, she\u2019s passionate about empowering creators to build their digital dreams.","url":"https:\/\/elementor.com\/blog\/nl\/author\/gabriellal\/"}]}},"_links":{"self":[{"href":"https:\/\/elementor.com\/blog\/nl\/wp-json\/wp\/v2\/posts\/112813","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/elementor.com\/blog\/nl\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/elementor.com\/blog\/nl\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/elementor.com\/blog\/nl\/wp-json\/wp\/v2\/users\/2024207"}],"replies":[{"embeddable":true,"href":"https:\/\/elementor.com\/blog\/nl\/wp-json\/wp\/v2\/comments?post=112813"}],"version-history":[{"count":1,"href":"https:\/\/elementor.com\/blog\/nl\/wp-json\/wp\/v2\/posts\/112813\/revisions"}],"predecessor-version":[{"id":112815,"href":"https:\/\/elementor.com\/blog\/nl\/wp-json\/wp\/v2\/posts\/112813\/revisions\/112815"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/elementor.com\/blog\/nl\/wp-json\/wp\/v2\/media\/112814"}],"wp:attachment":[{"href":"https:\/\/elementor.com\/blog\/nl\/wp-json\/wp\/v2\/media?parent=112813"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/elementor.com\/blog\/nl\/wp-json\/wp\/v2\/categories?post=112813"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/elementor.com\/blog\/nl\/wp-json\/wp\/v2\/tags?post=112813"},{"taxonomy":"marketing_persona","embeddable":true,"href":"https:\/\/elementor.com\/blog\/nl\/wp-json\/wp\/v2\/marketing_persona?post=112813"},{"taxonomy":"marketing_intent","embeddable":true,"href":"https:\/\/elementor.com\/blog\/nl\/wp-json\/wp\/v2\/marketing_intent?post=112813"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}