Elementor 3.15 is er – bekijk het Taxonomy Filter, de geneste Accordeon en meer

Elementor 3.15 bevat verschillende nieuwe widgets en mogelijkheden die je meer flexibiliteit bieden om een unieke website-ervaring te creëren. De veelgevraagde Taxonomy Filter widget geeft je bezoekers de mogelijkheid om product- en postlijsten te filteren op basis van verschillende taxonomieën. Deze versie bevat ook de nieuwe Accordeon-widget met geneste mogelijkheden die van elk accordeon-item een container maken, zodat je elk widget en inhoudstype kunt invoegen.

Daarnaast bevat Elementor 3.15 verbeterde stylingmogelijkheden in de nieuwe Carousel en Loop Carousel widgets om prachtige carrousel lay-outs te maken. Het bevat ook krachtige AI gereedschappen voor het bewerken van afbeeldingen, zodat je achtergronden direct vanuit de editor kunt verwijderen en vervangen, en de nieuwe Apps pagina en belangrijke updates voor experimenten.

[Pro] Filter aanbiedingen met de nieuwe Taxonomy Filter Widget

De langverwachte eerste fase van de Taxonomy Filter is eindelijk hier, waardoor je een filterbalk kunt koppelen aan een Loop Gird zodat bezoekers aanbiedingen kunnen filteren op categorieën en tags. Dit maakt het makkelijker voor ze om te vinden wat ze zoeken en verhoogt hun betrokkenheid. Heb je een online sieradenwinkel? Nu kunnen je bezoekers kiezen om ringen, kettingen of oorbellen weer te geven. Bouw je een blog over muziek? Laat je bezoekers kiezen door wat voor soort berichten ze willen bladeren.

Om het filter te gebruiken sleep je een filterwidget naar de pagina, verbindt deze met een Loop Grid en begint met aanpassen. Je kunt elk aspect van het ontwerp van het filter regelen zodat het precies in je site past. Je kunt bijvoorbeeld de opmaakrichting horizontaal of verticaal instellen als je je Loop Grid en Taxonomy Filter naast elkaar wilt weergeven. Je kunt ook kleuren en de positie van je titels kiezen, lege categorieën verbergen of weergeven, de eerste categorie (alle) en de diepte van de weergegeven taxonomieën bepalen. Het taxonomiefilter maakt het bezoekers ook gemakkelijk om hun favoriete aanbiedingen te delen door voor elke categorie of tag een deeplink te maken.

Volledige ontwerpflexibiliteit met de nieuwe Accordeon Widget

Deze versie introduceert het nieuwste lid van de Nested Elements serie – de Accordion. Net als de menu-, tabblad- en carrouselwidgets maken de geneste mogelijkheden van de Accordion van elk item een container voor onbeperkte flexibiliteit, zodat je elk widget en inhoudstype kunt plaatsen. Je kunt bijvoorbeeld een interactieve “Over ons” pagina maken met items die een ingebouwde Google Maps widget, een instructievideo en de waarden van je bedrijf weergeven in een pixel-perfecte lay-out.

De flexibiliteit van de nieuwe Accordeon gaat verder dan de geneste items. Je kunt ook de ruimte tussen de items en binnen elk item bepalen, pictogrammen ten opzichte van de titels verplaatsen en de duur van het animatie-effect kiezen wanneer items worden uit- of ingeklapt.

Deze widget combineert ook de beste functies van de vorige Accordion en Toggle widgets en stelt je in staat om de ervaring van je bezoekers te verfijnen door de standaardstatus in te stellen. Je kunt ervoor kiezen om het eerste item standaard uit te klappen of om alle items in te klappen. Bovendien kun je het aantal items beperken dat een bezoeker tegelijkertijd geopend kan hebben.

Om de nieuwe widget te gebruiken, activeer je de functies Container en Nested Elements door naar WordPress Dashboard → Elementor → Features te gaan. Dit vervangt de oudere versies van de Accordion en Toggle widgets in het widgetpaneel, maar je kunt de bestaande widgets op je site nog steeds bewerken.

[Pro] Verbeterde stylingmogelijkheden in de carrouselwidgets

Elementor introduceert zeer gevraagde nieuwe verbeteringen aan de nieuwe Carrousel met geneste mogelijkheden en Loop Carousel widgets. Met deze updates kun je prachtige carrousels bouwen die perfect bij je website passen.

Offset glijders

Compenserende carrousel dia’s wekken de nieuwsgierigheid van je bezoekers op door ze een deel van de volgende dia’s aan weerszijden van de carrousel te laten zien. Je kunt beide kanten van je carrousel compenseren om de betrokkenheid te verhogen en aan te geven dat er nog meer inhoud komt.

Onbeperkte mogelijkheden voor paginering en navigatiestijlen

Pas elk element van je carrousel aan om een unieke ervaring te creëren die past bij jouw visie. Je kunt bijvoorbeeld de pagineringelementen die de voortgang van bezoekers in de carrousel weergeven verplaatsen en de volgende en vorige knop plaatsen waar je maar wilt. Je kunt ook de kleur, achtergrondkleur, rand en schaduw van elk navigatiepictogram aanpassen.

Om de nieuwe widget te gebruiken, activeer je de functies Container, Nested Elements en Loop door naar WordPress Dashboard → Elementor → Functies te gaan.

Achtergronden verwijderen en vervangen met Elementor AI

Elementor AI geeft je meer tools om perfecte afbeeldingen voor je website te maken en te bewerken. Verwijder eenvoudig de achtergrond van een afbeelding of vervang deze door een tekstbeschrijving rechtstreeks vanuit de editor.

Achtergrond verwijderen

Hiermee kun je eenvoudig de achtergrond van een afbeelding verwijderen. Isoleer nauwkeurig het hoofdobject van een afbeelding en geef het een transparante achtergrond, zodat het automatisch de achtergrond van de bovenliggende container overneemt.

Achtergrond vervangen

Bewerk afbeeldingen eenvoudig en verander hun context door nieuwe achtergronden met tekstbeschrijvingen te genereren. Je kunt bijvoorbeeld de achtergrond van je model of product veranderen van een strand naar een regenwoud of de ruimte.

Ontdek vertrouwde tools op de nieuwe Apps-pagina

Elementor heeft een lijst samengesteld van populaire tools, zoals plugins en add-ons, die je mogelijkheden om sites te bouwen verbeteren. De nieuwe Apps pagina maakt het makkelijker voor je om populaire services te ontdekken die geliefd en vertrouwd zijn binnen de Elementor community, en dit is nog maar het begin. Het bevorderen van sterkere samenwerkingen binnen het ecosysteem van Elementor betekent meer waarde voor jou. Om te beginnen hebben we een aantal exclusieve kortingen voor de tools op de pagina. Bekijk het en ga naar Elementor > Apps in het WordPress Admin van je site.

Bijgewerkte experimenten

Elementor 3.15 bevat verschillende wijzigingen in de status van experimenten en functies. De volgende functies en experimenten zijn nu stabiel en worden standaard geactiveerd op alle websites:

1. Geoptimaliseerde DOM-uitvoer – Verbetert de prestaties door het aantal wrapper-elementen in de door Elementor gegenereerde HTML te verminderen. Dit kan echter nadelige gevolgen hebben voor websites die nog draaien op Elementor 3.0 of eerder. Meer informatie.
2. Verbeterde activalading – Laadt standaard minder code, wat resulteert in aanzienlijk snellere paginaladtijden en betere paginasnelheidsscores. Meer informatie.
3. Globale stijlgids – Bekijk een voorbeeld van je globale stijlen en breng direct wijzigingen aan in globale kleuren en lettertypen in een gestroomlijnde stijlgids vanuit de instellingen van de site.
4. Pagina-overgangen – Pas in- en uitloopanimaties aan voor elke pagina op je site, voeg een preloader toe met voorgedefinieerde animaties en pictogrammen, of upload je eigen afbeeldingen. Meer informatie.

Bovendien is de Landing Pages-functie standaard uitgeschakeld voor nieuwe sites die vanaf deze versie worden gemaakt. Als je deze op je website wilt activeren, kun je dat doen via Elementor → Instellingen → Functies. Alle landingspagina’s die al op je website zijn gemaakt, blijven beschikbaar.

Oneindige ontwerpen en flexibele indelingen

De nieuwe functies die zijn toegevoegd in versie 3.15 hebben alles te maken met meer flexibiliteit en het verbeteren van je workflow. De Taxonomy Filter sluit naadloos aan op je Loop Grid, terwijl de nieuwe Accordion widget, met geneste mogelijkheden, je meer ontwerp- en functionaliteitsopties geeft dan ooit tevoren. Daarnaast maken verbeterde stylingmogelijkheden voor de nieuwe Carrousel widget en Loop Carrousel het mogelijk om een oneindig aantal unieke Carrousel lay-outs te maken.

Elementor 3.15 maakt het ook eenvoudiger om je afbeeldingsachtergronden te verwijderen en te vervangen door AI, rechtstreeks vanuit de editor. Je kunt ook tijd en geld besparen met de nieuwe Apps pagina, die een aantal van de populairste tools in het Elementor ecosysteem verzamelt met exclusieve kortingen.

Als je deze nieuwe functies wilt uitproberen, zorg er dan voor dat je een update uitvoert naar Elementor 3.15 en laat ons weten hoe je van plan bent deze nieuwe updates op je website te gebruiken.