{"id":112711,"date":"2023-09-19T14:34:09","date_gmt":"2023-09-19T11:34:09","guid":{"rendered":"https:\/\/elementor.com\/blog\/elementor-3-16-snellere-prestaties-flexibel-ontwerp-en-toegankelijker\/"},"modified":"2025-12-01T11:18:05","modified_gmt":"2025-12-01T09:18:05","slug":"elementor-3-16-snellere-prestaties-flexibel-ontwerp-en-toegankelijker","status":"publish","type":"post","link":"https:\/\/elementor.com\/blog\/nl\/elementor-3-16-snellere-prestaties-flexibel-ontwerp-en-toegankelijker\/","title":{"rendered":"Elementor 3.16 – Snellere prestaties, flexibel ontwerp en toegankelijker"},"content":{"rendered":"\n
Deze versie activeert de krachtige Flexbox Container-functie standaard op alle nieuwe websites, waardoor de prestaties, ontwerpflexibiliteit en responsiviteit worden verbeterd.\nHet introduceert ook een verbeterde ‘Gap between elements’ controle voor nog meer flexibiliteit met Flexbox Containers.\nBovendien maakt deze versie onderscheid tussen de Flexbox en Grid Container Widgets in het Widget-paneel, en cre\u00ebert een aparte widget voor elke soort Container. <\/p>\n\n
Bovendien zullen je bezoekers kunnen genieten van aanzienlijk snellere laadtijden dankzij de verbeteringen in de Time to First Byte (TTFB) statistieken.\nJe site zal ook inclusiever zijn en een betere ervaring bieden aan bezoekers die schermlezers en andere ondersteunende technologie\u00ebn gebruiken.\nBovendien hebben de Widgets Menu en Tabbladen een belangrijke infrastructuurupdate gekregen die de implementatie van geavanceerde functies in de toekomst mogelijk maakt. <\/p>\n\n<\/figure>\n\n
Maximale ontwerpflexibiliteit – Flexbox-containers geactiveerd op nieuwe websites <\/h2>\n\n
Flexbox Containers doen hun naam eer aan en zijn extreem flexibel, zodat je pixel-perfecte, goed presterende en responsieve websites kunt bouwen.\nZe bieden nauwkeurigere positioneringsinstellingen, waardoor je items effici\u00ebnt kunt uitlijnen en verdelen binnen een container voor flexibele lay-outs.\nJe kunt bijvoorbeeld Widgets met kopteksten, afbeeldingen en teksteditor in \u00e9\u00e9n container plaatsen.\nVervolgens kun je voor elke schermgrootte een andere flexrichting instellen.\nZo kun je de elementen in een andere volgorde plaatsen, afhankelijk van het apparaat. <\/p>\n\n
Bovendien support Flexbox Containers geneste widgets, wat betekent dat je widgets kunt plaatsen in de inhoudsgebieden van Carrousel, Menu, Tabbladen en Accordion Widgets.\nJe kunt bijvoorbeeld de Accordion Widget gebruiken om een ingewikkelde lay-out te bouwen met een contactformulier in het ene item en een Google Maps Widget in het andere. <\/p>\n\n
Vanaf deze versie worden Flexbox Containers standaard geactiveerd op alle nieuwe sites.\nDeze update heeft geen invloed op sites die zijn gebouwd met secties en kolommen en je kunt deze blijven gebruiken, maar we raden aan om Containers te gebruiken om te genieten van de nieuwe ontwerpmogelijkheden.\nAls je een nieuwe website maakt en wilt bouwen met secties en kolommen, kun je de Flexbox Container functie uitschakelen, maar dan heb je geen toegang tot functies en widgets met geneste mogelijkheden. <\/p>\n\n
Als je Flexbox Containers activeert, krijg je ook toegang tot container-gebaseerde kits en sjablonen die de populairste sectie-gebaseerde kits bevatten die zijn geconverteerd naar containers, naast nieuwe ontwerpen.\nSchakel de Flexbox Container functie uit om sectie-gebaseerde Kits en sjablonen te gebruiken. <\/p>\n\n
Let op de tussenruimte tussen elementen – Verbeterde tussenruimtecontrole <\/strong><\/p>\n\n
De regelaar “Afstand tussen elementen” is hernoemd naar “Gap”.\nDe regelaar met \u00e9\u00e9n bereik voor het instellen van de ruimte tussen elementen in containers is vervangen door twee numerieke ingangen voor de horizontale en verticale tussenruimte.\nHierdoor kun je verschillende waarden instellen voor de horizontale en verticale tussenruimte, waardoor elk element nauwkeurig kan worden gepositioneerd.\nDe tussenruimtes kunnen apart worden ingesteld of aan elkaar worden gekoppeld.\nBovendien kunnen tussenruimtes worden ingesteld volgens verschillende eenheden zoals pixels, procent, EM, REM en VW. <\/p>\n\n
De Grid Container Widget introduceren<\/strong><\/p>\n\n
Grid Containers zijn een krachtig lay-outhulpmiddel voor het maken van multi-element lay-outs in een enkele rasterachtige container.\nIn deze versie krijgen Grid Containers hun eigen Widgets in het Widget-paneel, zodat je direct toegang hebt tot de Grid Container zonder dat je de Flexbox Container hoeft te verslepen en van type hoeft te veranderen. <\/p>\n\n
Als je een Flexbox Container naar de editor sleept, maakt deze automatisch een Flexbox Container, en als je een Grid Container naar de editor sleept, begint deze als een Grid Container.\nJe kunt elke container nog steeds wijzigen in het andere type via het vervolgkeuzemenu Containerindeling in het gedeelte Indeling. <\/p>\n\n<\/figure>\n\n
Versnel je site met snellere TTFB <\/h2>\n\n
Versie 3.16 verbetert de laadtijd tot de eerste byte (TTFB) met 5-20% op sites gebouwd met Elementor Core en tot 40% op sites gebouwd met Elementor Pro, afhankelijk van de complexiteit van je pagina.\nDit biedt je bezoekers een snellere en soepelere ervaring, waarbij je content sneller dan ooit wordt geleverd.\nDe aanzienlijke prestatieverbetering aan de voorkant is bereikt door de weergavevoorwaarden binnen de Editor aan te passen.\nDeze aanpassingen verbeteren de Time to First Byte (TTFB), een belangrijke maatstaf voor het meten van de verbindingstijd en de reactiesnelheid van de webserver. <\/p>\n\n<\/figure>\n\n
Toegankelijkheidsverbeteringen<\/h2>\n\n
Elementor stelt je in staat om meer inclusieve en toegankelijke websites te maken.\nDeze versie bevat een aantal belangrijke toegankelijkheidsverbeteringen die het bezoekers die afhankelijk zijn van schermlezers en andere ondersteunende technologie\u00ebn gemakkelijker maken om van je inhoud te genieten.\nEr zijn bijvoorbeeld verbeteringen aangebracht aan widgets met meerdere elementen en links, zoals de Icon Box of Image Box.\nSchermlezers die deze widgets scannen zullen de link die is toegewezen aan elk element in de widget \u00e9\u00e9n keer lezen.\nDit voorkomt dat schermlezers dezelfde link meerdere keren herhalen en hun tijd onnodig in beslag nemen. <\/p>\n\n
Een ander voorbeeld is de verbetering van de Posts Widget.\nSchermlezers richten zich nu uitsluitend op de posttitels en negeren irrelevante visuele inhoud zoals “Lees meer” CTA’s en de alt-teksten van de uitgelichte afbeeldingen.\nDit verbetert de ervaring van bezoekers die met hulptechnologie\u00ebn door de Widget met berichten bladeren.\nKijk voor meer informatie over toegankelijkheidsverbeteringen op de blog van de ontwikkelaar<\/a>. <\/p>\n\n<\/figure>\n\n
![\"\"](\"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2023\/09\/Containers.png\")
<\/figure>\n\n![\"\"](\"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2023\/09\/Performance.png\")
<\/figure>\n\n![\"\"](\"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2023\/09\/05.2023_3.14-Beta_Important-Styling.png\")
<\/figure>\n\n![\"\"](\"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2023\/09\/Menu-Tabs.png\")
<\/figure>\n\n![\"\"](\"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2023\/09\/Notes.png\")
<\/figure>\n\n