Elementor 3.16 - Verbeterde snelheid, veelzijdig ontwerp en verbeterde toegankelijkheid

In de nieuwste release heeft Elementor 3.16 een aantal opmerkelijke verbeteringen geïntroduceerd voor webontwikkelaars en site-eigenaren. Standaard zijn Flexbox Containers nu geactiveerd op alle nieuwe websites, waardoor zowel de prestaties als de ontwerpflexibiliteit aanzienlijk worden verbeterd. Deze update introduceert ook een verbeterde 'Gap between elements'-besturing, waardoor gebruikers nog meer flexibiliteit krijgen bij het werken met Flexbox Containers.

Een van de belangrijkste verbeteringen in deze versie is het duidelijke onderscheid tussen Flexbox- en Grid Container Widgets binnen het Widget-paneel. Deze differentiatie resulteert in afzonderlijke widgets voor elk type container, waardoor het ontwerpproces wordt gestroomlijnd en de algehele gebruikerservaring wordt verbeterd.

Bovendien zullen sitebezoekers profiteren van merkbaar snellere laadtijden, dankzij optimalisaties in de Time to First Byte (TTFB)-statistieken. Deze update legt ook sterk de nadruk op toegankelijkheid, waardoor een meer inclusieve ervaring wordt gegarandeerd voor gebruikers die afhankelijk zijn van schermlezers en andere ondersteunende technologieën.

Met name de menu- en tabbladwidgets hebben essentiële infrastructuurupdates ondergaan, waardoor de weg is geëffend voor de implementatie van geavanceerde functies in toekomstige releases. Deze verbeteringen samen maken Elementor 3.16 een waardevolle upgrade voor zowel nieuwe als bestaande websites.

Maximale ontwerpvrijheid ontgrendelen: Flexbox-containers mogelijk maken voor nieuwe websites

Flexbox Containers doen hun naam eer aan door een opmerkelijke mate van flexibiliteit te bieden. Ze geven ontwerpers de kracht om websites te maken die niet alleen pixel-perfect zijn, maar ook goed presterende en responsieve websites. Met hun precieze positioneringsopties vereenvoudigen Flexbox Containers de taak van het rangschikken en distribueren van items binnen een container, waardoor het creëren van flexibele lay-outs een fluitje van een cent wordt. Neem bijvoorbeeld de mogelijkheid om kop-, afbeeldings- en teksteditorwidgets in één container te plaatsen. Wat nog indrukwekkender is, is de mogelijkheid om verschillende flexrichtingen in te stellen voor verschillende schermformaten, waardoor elementen naadloos opnieuw kunnen worden gerangschikt op basis van het apparaat.

Bovendien zijn Flexbox Containers uitgerust met ondersteuning voor geneste widgets, waardoor de plaatsing van widgets binnen de inhoudsgebieden van Carrousel, Menu, Tabbladen en Accordeonwidgets mogelijk wordt. Overweeg de mogelijkheid om de Accordion Widget te gebruiken om ingewikkelde lay-outs te maken, met een contactformulier in het ene item en een Google Maps Widget in een ander item.

Een belangrijke ontwikkeling in dit verband is dat Flexbox Containers vanaf deze versie automatisch ingeschakeld wordt voor alle nieuwe websites. Deze wijziging heeft geen invloed op bestaande sites die zijn gebouwd met secties en kolommen en die nog steeds kunnen worden gebruikt. Het wordt echter sterk aanbevolen om Containers te omarmen om optimaal te profiteren van de nieuwe ontwerpmogelijkheden. Als u begint aan het maken van een nieuwe website en van plan bent om bij secties en kolommen te blijven, heeft u wel de mogelijkheid om de Flexbox Container-functie te deactiveren, hoewel dit betekent dat u de toegang verliest tot functies en widgets met geneste mogelijkheden.

De activering van Flexbox Containers ontgrendelt ook toegang tot op containers gebaseerde kits en sjablonen, waaronder populaire sectiegebaseerde kits die zijn aangepast aan containers, naast gloednieuwe ontwerpopties. Omgekeerd, als u liever bij op secties gebaseerde kits en sjablonen blijft, schakelt u eenvoudigweg de Flexbox Container-functie uit.

Verbeterde kloofcontrole

In de nieuwste update hebben de ontwikkelaars de gebruikersinterface gestroomlijnd door de terminologie te vereenvoudigen. Het besturingselement dat voorheen bekend stond als 'Gap between elements', wordt nu eenvoudigweg 'Gap' genoemd. Deze verandering maakt het voor gebruikers gemakkelijker om het doel ervan te begrijpen. Bovendien is er een opmerkelijke verbetering in de manier waarop u de afstand tussen elementen binnen Containers aanpast.

Voorheen deed een enkele bereikbediening het werk, maar nu zul je twee afzonderlijke getalinvoer vinden: één voor horizontale openingen en een andere voor verticale openingen. Deze verandering opent een wereld van precisie, omdat u de positionering van elk element met uiterste nauwkeurigheid kunt afstemmen. Voorbij zijn de dagen van uniforme hiaten; nu heeft u de flexibiliteit om verschillende waarden in te stellen voor horizontale en verticale openingen, zodat u uw ontwerp tot in de perfectie kunt afstemmen.

Een andere opwindende functie is de mogelijkheid om de eenheden aan te passen waarin je deze gaten definieert. Of u nu de voorkeur geeft aan pixels, percentages, EM, REM of VW, u kunt de gaten instellen op basis van uw ontwerpvereisten. Het gaat erom u de creatieve vrijheid en controle te geven die u nodig heeft om uw projecten te laten opvallen.

Rastercontainerwidget

Op het gebied van webontwerp en lay-outbeheer komen Grid Containers naar voren als een formidabel hulpmiddel, dat de middelen biedt om ingewikkelde opstellingen met meerdere elementen te maken binnen een enkele rasterachtige behuizing. De nieuwste versie introduceert een verbetering die Grid Containers een geheel eigen aanwezigheid geeft binnen het Widgetspaneel. Deze nieuwe integratie biedt gebruikers het gemak van directe toegang tot Grid Containers, waardoor de noodzaak om toevlucht te nemen tot het meer ingewikkelde proces van het slepen van een Flexbox Container en vervolgens het wijzigen van het type ervan wordt vermeden.

De workflow is gestroomlijnd voor gebruikersgemak. Wanneer een gebruiker een Flexbox-container in de editor plaatst, instantiseert het systeem deze naadloos als zodanig, terwijl de introductie van een Grid-container gepaard gaat met de onmiddellijke manifestatie van de rasterindeling. Toch is het van cruciaal belang om op te merken dat deze flexibiliteit verder reikt dan alleen de initiële selectie. Gebruikers behouden de mogelijkheid om elk containertype naar het alternatief te converteren via het vervolgkeuzemenu Containerindeling in de sectie Indeling. Een dergelijk aanpassingsvermogen zorgt ervoor dat ontwerpers de creatieve vrijheid hebben om hun lay-outs precies op hun specificaties af te stemmen.

Snellere acceleratie met TTFB

De nieuwste update van de populaire WordPress-paginabuilder Elementor belooft aanzienlijke verbeteringen in de laadtijden van de site. Versie 3.16, uitgebracht op donderdag 21 september 2023, verbetert de tijd tot de eerste byte (TTFB) met 5-20% voor sites die de gratis Elementor Core gebruiken en tot 40% voor sites die Elementor Pro gebruiken, afhankelijk van de complexiteit van de pagina . Deze update zorgt voor een snellere en soepelere ervaring voor sitebezoekers door sneller dan ooit tevoren inhoud te leveren.

De aanzienlijke prestatieverbetering van de frontend werd bereikt door de weergavevoorwaarden binnen de Elementor-editor aan te passen. Deze veranderingen in de manier waarop Elementor inhoud in de editorinterface weergeeft, leiden tot de verbeterde TTFB, een belangrijke maatstaf om te meten hoe snel een site de eerste byte aan gegevens naar gebruikers verzendt. Door de editor te stroomlijnen, zorgt Elementor ervoor dat sites sneller inhoud kunnen leveren en toch alle rijke ontwerpfunctionaliteit kunnen bieden die de bouwer zo populair heeft gemaakt.

Verbeterde toegankelijkheid

De nieuwste release van de populaire WordPress-paginabuilder Elementor bevat een aantal opmerkelijke verbeteringen op het gebied van de toegankelijkheid en inclusiviteit van websites. Volgens de aankondiging op donderdag 21 september 2023 maakt versie 3.16 het gemakkelijker voor bezoekers die schermlezers en andere ondersteunende technologieën gebruiken om toegang te krijgen tot de inhoud van de site.

Er zijn bijvoorbeeld verbeteringen aangebracht aan widgets zoals Icon Box en Image Box die meerdere elementen en links bevatten. Wanneer een schermlezer deze widgets nu scant, leest hij elke unieke link slechts één keer in plaats van dezelfde links redundant te herhalen. Deze update voorkomt dat gebruikers van schermlezers tijd verspillen met dubbele informatie.

Ook de Posts Widget kreeg een upgrade voor toegankelijkheid. Schermlezers zullen zich nu uitsluitend richten op berichttitels binnen deze widget, waarbij onnodige aanvullende inhoud zoals 'Lees meer'-CTA's en aanbevolen alt-afbeeldingstekst worden genegeerd. Door de leeservaring op deze manier te stroomlijnen, wordt de toegankelijkheid van de site verbeterd voor slechtziende bezoekers die met ondersteunende technologie door berichten bladeren.

Over het geheel genomen stellen deze doordachte verbeteringen aan Elementor makers in staat websites te bouwen die inclusiever en leuker zijn voor alle gebruikers, ongeacht hun mogelijkheden. De verbeteringen zorgen ervoor dat site-inhoud efficiënt en effectief wordt geleverd aan bezoekers die afhankelijk zijn van schermlezers en andere ondersteunende technologieën.

Bijgewerkte menu- en tabbladwidgets

De nieuwste release van Elementor bevat verbeteringen onder de motorkap aan de infrastructuur die de Menu- en Tabs-widgets aandrijft. Volgens de aankondiging op donderdag 21 september 2023 werkt versie 3.16 deze widgets bij om uniforme code te genereren voor menu-items en tabbladtitels op alle schermformaten.

Deze upgrade elimineert dubbele code die kon optreden bij het toepassen van responsieve instellingen op deze widgets in eerdere versies. Het consolideren van de backend-codebase maakt ook de weg vrij voor geavanceerde functies die later voor deze widgets kunnen worden geïmplementeerd.

Naast de coderingsverbeteringen zijn de menu- en tabbladenwidgets nu over het algemeen beter toegankelijk. De unificatie van de titelcode zou echter mogelijk bestaande widgetontwerpen kapot kunnen maken als in het verleden aangepaste CSS op titels is toegepast.

De verbeteringen aan deze veelgebruikte widgets demonstreren de inzet van Elementor om de kernwidgets up-to-date te houden. Hoewel de veranderingen vereisen dat ontwikkelaars aangepaste CSS opnieuw moeten controleren, leggen ze de basis voor beter responsief gedrag en toegankelijkheid in de toekomst. Voor de meeste gebruikers moeten de updates naadloos verlopen en resulteren in een betere ervaring op alle schermformaten.

Afsluiten

Over het geheel genomen vertegenwoordigt deze nieuwste versie aanzienlijke vooruitgang bij het creëren van snellere, responsiever en toegankelijkere websites. Terwijl Elementor zijn kernfuncties blijft verfijnen, moeten ontwikkelaars overwegen om te upgraden om het potentieel van containers te ontsluiten, de prestaties te verbeteren en de toegankelijkheid te verbeteren. Door deze baanbrekende toevoegingen aan de populaire paginabuilder te verkennen, kunnen sites voorop blijven lopen op het gebied van ontwerp en tegelijkertijd uitstekende ervaringen voor alle bezoekers bieden.