![\"\"](\"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2023\/10\/Ajax-Pagination.png\")
<\/figure>\n\n[PRO] Introductie van AJAX voor lusrasters – voor naadloos laden van inhoud <\/strong><\/h2>\n\nWe zijn verheugd om de vierde meest aangevraagde functie op GitHub te presenteren: AJAX laden voor Loop Grids.\nAJAX, wat staat voor Asynchronous JavaScript and XML, maakt de bezoekerservaring van je site soepeler door nieuwe inhoud in een Loop Grid te laden zonder de hele pagina opnieuw te laden. <\/p>\n\n
AJAX Loop Raster Paginatie <\/strong><\/h3>\n\nBezoekers kunnen nu wisselen tussen pagina’s van je aanbieding zonder de hele pagina opnieuw te laden.\nAls je op het pagineringelement van het Loop Grid klikt, wordt alleen de inhoud van het Grid opnieuw geladen, wat een soepelere ervaring oplevert voor bezoekers die door een lijst met producten of berichten bladeren.\nAJAX Paginering wijst ook aan elke pagina van je aanbieding een eigen URL-parameter toe, waardoor het voor bezoekers gemakkelijker wordt om links naar specifieke pagina’s van de aanbieding op te slaan of te delen.\nAls je bijvoorbeeld een receptenblog maakt, kunnen bezoekers moeiteloos door een lijst met recepten bladeren en links delen of opslaan naar pagina’s met recepten die ze leuk vonden. <\/p>\n\n
De “Autoscroll” regelaar is een andere functie van AJAX Loading.\nDoor autoscroll te activeren scrol je automatisch naar de bovenkant van het raster wanneer bezoekers de paginering wijzigen.\nAls je een Taxonomy Filter gebruikt, kun je een offsetwaarde instellen voor het autoscroll-effect om je filterbalk in beeld te houden. <\/p>\n\n
Individuele Paginering voor Lusrasters en Widget Berichten<\/strong><\/h3>\n\nIn vorige versies had het wijzigen van de paginering van een vermelding invloed op de paginering van andere vermeldingen op dezelfde pagina.\nAls er bijvoorbeeld zowel een Loop Grid als een Posts Widget op dezelfde pagina stonden, zou het selecteren van de derde pagina van een van beide ook de derde pagina van de tweede laden.\nMaar met de functie Individuele paginering kunnen bezoekers nu de paginering van een vermelding wijzigen zonder dat dit invloed heeft op andere Loop Grids en Posts Widgets op de pagina.\nIn een receptenblog kun je bijvoorbeeld een Loop Grid toevoegen dat vegetarische recepten weergeeft naast een Loop Grid of Posts Widget die een overzicht geeft van al je posts.\nBezoekers kunnen de paginering van de Post Widget of de Loop Grid onafhankelijk wijzigen. <\/p>\n\n![\"\"](\"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2023\/10\/Performance.png\")
<\/figure>\n\nVerbeter de prestaties van je website met snellere LCP<\/strong><\/h2>\n\nElementor 3.17 maakt je site nog sneller met twee functies die de laadtijd van je website versnellen. <\/p>\n\n
Het laden van afbeeldingen optimaliseren<\/strong><\/h3>\n\nDe eerste prestatie-update in deze versie is het resultaat van Elementor’s samenwerking met Chrome om mogelijkheden te identificeren voor het verbeteren van de prestaties van door Elementor gebouwde websites.\nDe samenwerking omvat het gebruik van Google tools zoals het Chrome User Experience Report en Core Web Vitals Technology Report.\nEen van de resultaten van het gebruik van deze tools is de beslissing van Google om de functies “Het laden van afbeeldingen optimaliseren” toe te voegen aan de kernplugin van Elementor. <\/p>\n\n
Deze experimentele functie verbetert de snelheid van de voorkant door prioriteit te geven aan het laden van afbeeldingen op basis van de plaatsing van de afbeeldingen op de pagina.\nHet detecteert welke afbeelding het meest waarschijnlijk de “LCP-afbeelding” is, het element met de grootste inhoud in de viewport, en geeft voorrang aan het laden ervan met behulp van prioriteitshints. <\/p>\n\n
Het experiment past ook lazy-loading toe op afbeeldingen die in eerste instantie niet in de viewport worden weergegeven en laadt ze wanneer ze in beeld komen.\nDeze veranderingen verbeteren de LCP Core Web Vital metric met 5-10%, afhankelijk van de complexiteit van de pagina.\nPagina’s met veel afbeeldingen krijgen dus een nog grotere prestatieboost.\nDeze functie werkt ook met Elementor websites die draaien op oudere versies van WordPress die geen LCP detectie-updates bevatten. <\/p>\n\n
Gutenberg Activa Laden<\/strong><\/h3>\n\nDe tweede prestatie-update verhoogt de frontend-snelheid van je site door Gutenberg-stijlen en -scripts uit te sluiten wanneer ze niet worden gebruikt.\nDit experiment verbetert de LCP metriek van je site door te detecteren wanneer Gutenberg niet werd gebruikt om een pagina te maken of de inhoud ervan te genereren.\nHierdoor kan Elementor voorkomen dat onnodige code wordt geladen. <\/p>\n\n![\"\"](\"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2023\/10\/Star-Rating.png\")
<\/figure>\n\nNieuwe beoordelingswidget voor flexibele vormgeving <\/strong><\/h2>\n\nElementor 3.17 introduceert de nieuwe beoordelingswidget, die meer flexibiliteit biedt om je visuele beoordelingsschalen voor producten, content en meer te personaliseren.\nJe kunt je beoordeling visueel weergeven met Font Awesome pictogrammen of door je eigen SVG te uploaden.\nVoor een muziekrecensie kun je bijvoorbeeld je SVG gebruiken om een nieuw album een waardering van 5 van de 5 gouden platen te geven. <\/p>\n\n
De beoordelingswidget breidt het bereik uit van beoordelingsschalen die beschikbaar zijn in de sterrenscorewidget.\nIn plaats van beperkt te zijn tot een schaal van 0-5 of 0-10, kun je nu een waarderingsschaal instellen van nul tot elk getal dat bij je wensen past.\nJe kunt een album bijvoorbeeld een 3 uit 3 of 7 uit 7 gouden platen geven.\nDe vervolgkeuzelijst Beoordelingsschaal is voor gebruiksgemak vervangen door een bereik. <\/p>\n\n
Bovendien verbetert de beoordelingswidget de SEO-ranking van je site met een verbeterd schema-attribuut.\nHet vervangt de Widget Sterrenclassificatie in het Widget-paneel, maar bestaande sterrenclassificaties op je site blijven onaangetast. <\/p>\n\n![\"\"](\"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2023\/10\/Menu-improvements.png\")
<\/figure>\n\nHorizontaal scrollen voor menu widget <\/strong><\/h2>\n\nElementor 3.17 biedt meer ontwerpflexibiliteit bij het maken van menu’s.\nTot nu toe, als bezoekers de grootte van hun viewport veranderden, werden menu’s verkleind naar een “dropdown lay-out” (ook bekend als “hamburger menu”).\nMet de nieuwe updates voor de Menu Widget kun je voorkomen dat menu’s van grootte veranderen door naar Responsive<\/a> Settings te gaan, het dropdown menu met het label “Breakpoint” te openen en “None” te selecteren. <\/p>\n\nHet uitschakelen van responsive resizing kan leiden tot situaties waarin het menu breder is dan de viewport.\nIn veel gevallen kan dit ertoe leiden dat sommige menu-items op de volgende regel terechtkomen.\nOm dit te voorkomen bevat 3.17 ook de mogelijkheid om horizontaal scrollen in te schakelen.\nAls dit is ingeschakeld, behoudt je menu zijn oorspronkelijke ontwerp op elk apparaat en kunnen bezoekers horizontaal door de menu-items scrollen in plaats van het ontwerp te verstoren. <\/p>\n\n![\"\"](\"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2023\/10\/Accessibility-improvements.png\")
<\/figure>\n\nToegankelijkheid verbeteren<\/strong><\/h2>\n\n- Pop-ups: Verbeterd focusbeheer bij het inschakelen van de optie Toegankelijke navigatie, door in eerste instantie te focussen op de knop voor het sluiten van pop-ups in plaats van op andere elementen in pop-ups waarop je kunt focussen.<\/li>
- Widget Inhoudsopgave: Geef aan dat de knop minimaliseren\/maximaliseren in de Inhoudsopgave-widget een interactief element is voor bezoekers die ondersteunende technologie\u00ebn gebruiken.<\/li>
- Geneste Accordeon Widget: Verbeter de toegankelijkheid van Accordion lay-outs voor bezoekers die gebruik maken van toetsenbordnavigatie.<\/li><\/ul>\n\n
![\"\"](\"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2023\/10\/Additional-Updates.png\")
<\/figure>\n\nExtra updates<\/strong><\/h2>\n\n- Responsieve sjabloonontwerpen: Verbeter je vermogen om wijzigingen in responsieve ontwerpen van sjablonen correct weer te geven met extra breekpunten.\nJe hoeft niet langer CSS<\/a> te regenereren om wijzigingen te zien die je hebt aangebracht in sjablonen tijdens het bewerken in de Theme Builder.\nWijzigingen worden weergegeven in de editor en frontend van je website. <\/li>
- Accordion Widget FAQ Schema: verbeter de SEO compatibiliteit van je inhoud door een FAQ Schema controle toe te voegen.\nDe FAQ Schema voegt een gespecialiseerde opmaak toe aan de code van je pagina die een lijst met vragen en antwoorden bevat.\nZoekmachines kunnen deze opmaak lezen en gebruiken om rijke code te genereren. <\/li>
- VideoPress-integratie: Integreer VideoPress naadloos in je Elementor-site.\nGeniet van alle functies die VideoPress biedt, zoals zelf gehoste video’s, getranscodeerde videobestanden voor weergave op vele soorten apparaten, adaptieve streaming op basis van de schermgrootte van het apparaat en de beschikbare bandbreedte, de mogelijkheid om priv\u00e9video’s te verifi\u00ebren en nog veel meer. <\/li><\/ol>\n\n
![\"\"](\"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2023\/10\/AI-history.png\")
<\/figure>\n\n[Elementor AI] AI-geschiedenis – AI-gegenereerde inhoud herstellen <\/strong><\/h2>\n\nElementor 3.17 verbetert je workflow op Elementor AI met de functie AI History.\nDeze functie toont eerder gebruikte prompts en de afbeeldingen of teksten die ze genereerden.\nJe kunt prompts en de bijbehorende gegenereerde inhoud herstellen, zodat je verder kunt gaan waar je gebleven was.\nJe kunt doorgaan met het bewerken van de inhoud met AI, het gebruiken op je site of het definitief verwijderen uit de AI geschiedenis. <\/p>\n\n
Bezoekers kunnen nu wisselen tussen pagina’s van je aanbieding zonder de hele pagina opnieuw te laden.\nAls je op het pagineringelement van het Loop Grid klikt, wordt alleen de inhoud van het Grid opnieuw geladen, wat een soepelere ervaring oplevert voor bezoekers die door een lijst met producten of berichten bladeren.\nAJAX Paginering wijst ook aan elke pagina van je aanbieding een eigen URL-parameter toe, waardoor het voor bezoekers gemakkelijker wordt om links naar specifieke pagina’s van de aanbieding op te slaan of te delen.\nAls je bijvoorbeeld een receptenblog maakt, kunnen bezoekers moeiteloos door een lijst met recepten bladeren en links delen of opslaan naar pagina’s met recepten die ze leuk vonden. <\/p>\n\n
De “Autoscroll” regelaar is een andere functie van AJAX Loading.\nDoor autoscroll te activeren scrol je automatisch naar de bovenkant van het raster wanneer bezoekers de paginering wijzigen.\nAls je een Taxonomy Filter gebruikt, kun je een offsetwaarde instellen voor het autoscroll-effect om je filterbalk in beeld te houden. <\/p>\n\n
Individuele Paginering voor Lusrasters en Widget Berichten<\/strong><\/h3>\n\nIn vorige versies had het wijzigen van de paginering van een vermelding invloed op de paginering van andere vermeldingen op dezelfde pagina.\nAls er bijvoorbeeld zowel een Loop Grid als een Posts Widget op dezelfde pagina stonden, zou het selecteren van de derde pagina van een van beide ook de derde pagina van de tweede laden.\nMaar met de functie Individuele paginering kunnen bezoekers nu de paginering van een vermelding wijzigen zonder dat dit invloed heeft op andere Loop Grids en Posts Widgets op de pagina.\nIn een receptenblog kun je bijvoorbeeld een Loop Grid toevoegen dat vegetarische recepten weergeeft naast een Loop Grid of Posts Widget die een overzicht geeft van al je posts.\nBezoekers kunnen de paginering van de Post Widget of de Loop Grid onafhankelijk wijzigen. <\/p>\n\n<\/figure>\n\nVerbeter de prestaties van je website met snellere LCP<\/strong><\/h2>\n\nElementor 3.17 maakt je site nog sneller met twee functies die de laadtijd van je website versnellen. <\/p>\n\n
Het laden van afbeeldingen optimaliseren<\/strong><\/h3>\n\nDe eerste prestatie-update in deze versie is het resultaat van Elementor’s samenwerking met Chrome om mogelijkheden te identificeren voor het verbeteren van de prestaties van door Elementor gebouwde websites.\nDe samenwerking omvat het gebruik van Google tools zoals het Chrome User Experience Report en Core Web Vitals Technology Report.\nEen van de resultaten van het gebruik van deze tools is de beslissing van Google om de functies “Het laden van afbeeldingen optimaliseren” toe te voegen aan de kernplugin van Elementor. <\/p>\n\n
Deze experimentele functie verbetert de snelheid van de voorkant door prioriteit te geven aan het laden van afbeeldingen op basis van de plaatsing van de afbeeldingen op de pagina.\nHet detecteert welke afbeelding het meest waarschijnlijk de “LCP-afbeelding” is, het element met de grootste inhoud in de viewport, en geeft voorrang aan het laden ervan met behulp van prioriteitshints. <\/p>\n\n
Het experiment past ook lazy-loading toe op afbeeldingen die in eerste instantie niet in de viewport worden weergegeven en laadt ze wanneer ze in beeld komen.\nDeze veranderingen verbeteren de LCP Core Web Vital metric met 5-10%, afhankelijk van de complexiteit van de pagina.\nPagina’s met veel afbeeldingen krijgen dus een nog grotere prestatieboost.\nDeze functie werkt ook met Elementor websites die draaien op oudere versies van WordPress die geen LCP detectie-updates bevatten. <\/p>\n\n
Gutenberg Activa Laden<\/strong><\/h3>\n\nDe tweede prestatie-update verhoogt de frontend-snelheid van je site door Gutenberg-stijlen en -scripts uit te sluiten wanneer ze niet worden gebruikt.\nDit experiment verbetert de LCP metriek van je site door te detecteren wanneer Gutenberg niet werd gebruikt om een pagina te maken of de inhoud ervan te genereren.\nHierdoor kan Elementor voorkomen dat onnodige code wordt geladen. <\/p>\n\n<\/figure>\n\nNieuwe beoordelingswidget voor flexibele vormgeving <\/strong><\/h2>\n\nElementor 3.17 introduceert de nieuwe beoordelingswidget, die meer flexibiliteit biedt om je visuele beoordelingsschalen voor producten, content en meer te personaliseren.\nJe kunt je beoordeling visueel weergeven met Font Awesome pictogrammen of door je eigen SVG te uploaden.\nVoor een muziekrecensie kun je bijvoorbeeld je SVG gebruiken om een nieuw album een waardering van 5 van de 5 gouden platen te geven. <\/p>\n\n
De beoordelingswidget breidt het bereik uit van beoordelingsschalen die beschikbaar zijn in de sterrenscorewidget.\nIn plaats van beperkt te zijn tot een schaal van 0-5 of 0-10, kun je nu een waarderingsschaal instellen van nul tot elk getal dat bij je wensen past.\nJe kunt een album bijvoorbeeld een 3 uit 3 of 7 uit 7 gouden platen geven.\nDe vervolgkeuzelijst Beoordelingsschaal is voor gebruiksgemak vervangen door een bereik. <\/p>\n\n
Bovendien verbetert de beoordelingswidget de SEO-ranking van je site met een verbeterd schema-attribuut.\nHet vervangt de Widget Sterrenclassificatie in het Widget-paneel, maar bestaande sterrenclassificaties op je site blijven onaangetast. <\/p>\n\n<\/figure>\n\nHorizontaal scrollen voor menu widget <\/strong><\/h2>\n\nElementor 3.17 biedt meer ontwerpflexibiliteit bij het maken van menu’s.\nTot nu toe, als bezoekers de grootte van hun viewport veranderden, werden menu’s verkleind naar een “dropdown lay-out” (ook bekend als “hamburger menu”).\nMet de nieuwe updates voor de Menu Widget kun je voorkomen dat menu’s van grootte veranderen door naar Responsive<\/a> Settings te gaan, het dropdown menu met het label “Breakpoint” te openen en “None” te selecteren. <\/p>\n\nHet uitschakelen van responsive resizing kan leiden tot situaties waarin het menu breder is dan de viewport.\nIn veel gevallen kan dit ertoe leiden dat sommige menu-items op de volgende regel terechtkomen.\nOm dit te voorkomen bevat 3.17 ook de mogelijkheid om horizontaal scrollen in te schakelen.\nAls dit is ingeschakeld, behoudt je menu zijn oorspronkelijke ontwerp op elk apparaat en kunnen bezoekers horizontaal door de menu-items scrollen in plaats van het ontwerp te verstoren. <\/p>\n\n<\/figure>\n\nToegankelijkheid verbeteren<\/strong><\/h2>\n\n- Pop-ups: Verbeterd focusbeheer bij het inschakelen van de optie Toegankelijke navigatie, door in eerste instantie te focussen op de knop voor het sluiten van pop-ups in plaats van op andere elementen in pop-ups waarop je kunt focussen.<\/li>
- Widget Inhoudsopgave: Geef aan dat de knop minimaliseren\/maximaliseren in de Inhoudsopgave-widget een interactief element is voor bezoekers die ondersteunende technologie\u00ebn gebruiken.<\/li>
- Geneste Accordeon Widget: Verbeter de toegankelijkheid van Accordion lay-outs voor bezoekers die gebruik maken van toetsenbordnavigatie.<\/li><\/ul>\n\n
<\/figure>\n\nExtra updates<\/strong><\/h2>\n\n- Responsieve sjabloonontwerpen: Verbeter je vermogen om wijzigingen in responsieve ontwerpen van sjablonen correct weer te geven met extra breekpunten.\nJe hoeft niet langer CSS<\/a> te regenereren om wijzigingen te zien die je hebt aangebracht in sjablonen tijdens het bewerken in de Theme Builder.\nWijzigingen worden weergegeven in de editor en frontend van je website. <\/li>
- Accordion Widget FAQ Schema: verbeter de SEO compatibiliteit van je inhoud door een FAQ Schema controle toe te voegen.\nDe FAQ Schema voegt een gespecialiseerde opmaak toe aan de code van je pagina die een lijst met vragen en antwoorden bevat.\nZoekmachines kunnen deze opmaak lezen en gebruiken om rijke code te genereren. <\/li>
- VideoPress-integratie: Integreer VideoPress naadloos in je Elementor-site.\nGeniet van alle functies die VideoPress biedt, zoals zelf gehoste video’s, getranscodeerde videobestanden voor weergave op vele soorten apparaten, adaptieve streaming op basis van de schermgrootte van het apparaat en de beschikbare bandbreedte, de mogelijkheid om priv\u00e9video’s te verifi\u00ebren en nog veel meer. <\/li><\/ol>\n\n
<\/figure>\n\n[Elementor AI] AI-geschiedenis – AI-gegenereerde inhoud herstellen <\/strong><\/h2>\n\nElementor 3.17 verbetert je workflow op Elementor AI met de functie AI History.\nDeze functie toont eerder gebruikte prompts en de afbeeldingen of teksten die ze genereerden.\nJe kunt prompts en de bijbehorende gegenereerde inhoud herstellen, zodat je verder kunt gaan waar je gebleven was.\nJe kunt doorgaan met het bewerken van de inhoud met AI, het gebruiken op je site of het definitief verwijderen uit de AI geschiedenis. <\/p>\n\n
<\/figure>\n\nVerbeter de prestaties van je website met snellere LCP<\/strong><\/h2>\n\nElementor 3.17 maakt je site nog sneller met twee functies die de laadtijd van je website versnellen. <\/p>\n\n
Het laden van afbeeldingen optimaliseren<\/strong><\/h3>\n\nDe eerste prestatie-update in deze versie is het resultaat van Elementor’s samenwerking met Chrome om mogelijkheden te identificeren voor het verbeteren van de prestaties van door Elementor gebouwde websites.\nDe samenwerking omvat het gebruik van Google tools zoals het Chrome User Experience Report en Core Web Vitals Technology Report.\nEen van de resultaten van het gebruik van deze tools is de beslissing van Google om de functies “Het laden van afbeeldingen optimaliseren” toe te voegen aan de kernplugin van Elementor. <\/p>\n\n
Deze experimentele functie verbetert de snelheid van de voorkant door prioriteit te geven aan het laden van afbeeldingen op basis van de plaatsing van de afbeeldingen op de pagina.\nHet detecteert welke afbeelding het meest waarschijnlijk de “LCP-afbeelding” is, het element met de grootste inhoud in de viewport, en geeft voorrang aan het laden ervan met behulp van prioriteitshints. <\/p>\n\n
Het experiment past ook lazy-loading toe op afbeeldingen die in eerste instantie niet in de viewport worden weergegeven en laadt ze wanneer ze in beeld komen.\nDeze veranderingen verbeteren de LCP Core Web Vital metric met 5-10%, afhankelijk van de complexiteit van de pagina.\nPagina’s met veel afbeeldingen krijgen dus een nog grotere prestatieboost.\nDeze functie werkt ook met Elementor websites die draaien op oudere versies van WordPress die geen LCP detectie-updates bevatten. <\/p>\n\n
Gutenberg Activa Laden<\/strong><\/h3>\n\nDe tweede prestatie-update verhoogt de frontend-snelheid van je site door Gutenberg-stijlen en -scripts uit te sluiten wanneer ze niet worden gebruikt.\nDit experiment verbetert de LCP metriek van je site door te detecteren wanneer Gutenberg niet werd gebruikt om een pagina te maken of de inhoud ervan te genereren.\nHierdoor kan Elementor voorkomen dat onnodige code wordt geladen. <\/p>\n\n<\/figure>\n\nNieuwe beoordelingswidget voor flexibele vormgeving <\/strong><\/h2>\n\nElementor 3.17 introduceert de nieuwe beoordelingswidget, die meer flexibiliteit biedt om je visuele beoordelingsschalen voor producten, content en meer te personaliseren.\nJe kunt je beoordeling visueel weergeven met Font Awesome pictogrammen of door je eigen SVG te uploaden.\nVoor een muziekrecensie kun je bijvoorbeeld je SVG gebruiken om een nieuw album een waardering van 5 van de 5 gouden platen te geven. <\/p>\n\n
De beoordelingswidget breidt het bereik uit van beoordelingsschalen die beschikbaar zijn in de sterrenscorewidget.\nIn plaats van beperkt te zijn tot een schaal van 0-5 of 0-10, kun je nu een waarderingsschaal instellen van nul tot elk getal dat bij je wensen past.\nJe kunt een album bijvoorbeeld een 3 uit 3 of 7 uit 7 gouden platen geven.\nDe vervolgkeuzelijst Beoordelingsschaal is voor gebruiksgemak vervangen door een bereik. <\/p>\n\n
Bovendien verbetert de beoordelingswidget de SEO-ranking van je site met een verbeterd schema-attribuut.\nHet vervangt de Widget Sterrenclassificatie in het Widget-paneel, maar bestaande sterrenclassificaties op je site blijven onaangetast. <\/p>\n\n<\/figure>\n\nHorizontaal scrollen voor menu widget <\/strong><\/h2>\n\nElementor 3.17 biedt meer ontwerpflexibiliteit bij het maken van menu’s.\nTot nu toe, als bezoekers de grootte van hun viewport veranderden, werden menu’s verkleind naar een “dropdown lay-out” (ook bekend als “hamburger menu”).\nMet de nieuwe updates voor de Menu Widget kun je voorkomen dat menu’s van grootte veranderen door naar Responsive<\/a> Settings te gaan, het dropdown menu met het label “Breakpoint” te openen en “None” te selecteren. <\/p>\n\nHet uitschakelen van responsive resizing kan leiden tot situaties waarin het menu breder is dan de viewport.\nIn veel gevallen kan dit ertoe leiden dat sommige menu-items op de volgende regel terechtkomen.\nOm dit te voorkomen bevat 3.17 ook de mogelijkheid om horizontaal scrollen in te schakelen.\nAls dit is ingeschakeld, behoudt je menu zijn oorspronkelijke ontwerp op elk apparaat en kunnen bezoekers horizontaal door de menu-items scrollen in plaats van het ontwerp te verstoren. <\/p>\n\n<\/figure>\n\nToegankelijkheid verbeteren<\/strong><\/h2>\n\n- Pop-ups: Verbeterd focusbeheer bij het inschakelen van de optie Toegankelijke navigatie, door in eerste instantie te focussen op de knop voor het sluiten van pop-ups in plaats van op andere elementen in pop-ups waarop je kunt focussen.<\/li>
- Widget Inhoudsopgave: Geef aan dat de knop minimaliseren\/maximaliseren in de Inhoudsopgave-widget een interactief element is voor bezoekers die ondersteunende technologie\u00ebn gebruiken.<\/li>
- Geneste Accordeon Widget: Verbeter de toegankelijkheid van Accordion lay-outs voor bezoekers die gebruik maken van toetsenbordnavigatie.<\/li><\/ul>\n\n
<\/figure>\n\nExtra updates<\/strong><\/h2>\n\n- Responsieve sjabloonontwerpen: Verbeter je vermogen om wijzigingen in responsieve ontwerpen van sjablonen correct weer te geven met extra breekpunten.\nJe hoeft niet langer CSS<\/a> te regenereren om wijzigingen te zien die je hebt aangebracht in sjablonen tijdens het bewerken in de Theme Builder.\nWijzigingen worden weergegeven in de editor en frontend van je website. <\/li>
- Accordion Widget FAQ Schema: verbeter de SEO compatibiliteit van je inhoud door een FAQ Schema controle toe te voegen.\nDe FAQ Schema voegt een gespecialiseerde opmaak toe aan de code van je pagina die een lijst met vragen en antwoorden bevat.\nZoekmachines kunnen deze opmaak lezen en gebruiken om rijke code te genereren. <\/li>
- VideoPress-integratie: Integreer VideoPress naadloos in je Elementor-site.\nGeniet van alle functies die VideoPress biedt, zoals zelf gehoste video’s, getranscodeerde videobestanden voor weergave op vele soorten apparaten, adaptieve streaming op basis van de schermgrootte van het apparaat en de beschikbare bandbreedte, de mogelijkheid om priv\u00e9video’s te verifi\u00ebren en nog veel meer. <\/li><\/ol>\n\n
<\/figure>\n\n[Elementor AI] AI-geschiedenis – AI-gegenereerde inhoud herstellen <\/strong><\/h2>\n\nElementor 3.17 verbetert je workflow op Elementor AI met de functie AI History.\nDeze functie toont eerder gebruikte prompts en de afbeeldingen of teksten die ze genereerden.\nJe kunt prompts en de bijbehorende gegenereerde inhoud herstellen, zodat je verder kunt gaan waar je gebleven was.\nJe kunt doorgaan met het bewerken van de inhoud met AI, het gebruiken op je site of het definitief verwijderen uit de AI geschiedenis. <\/p>\n\n
De eerste prestatie-update in deze versie is het resultaat van Elementor’s samenwerking met Chrome om mogelijkheden te identificeren voor het verbeteren van de prestaties van door Elementor gebouwde websites.\nDe samenwerking omvat het gebruik van Google tools zoals het Chrome User Experience Report en Core Web Vitals Technology Report.\nEen van de resultaten van het gebruik van deze tools is de beslissing van Google om de functies “Het laden van afbeeldingen optimaliseren” toe te voegen aan de kernplugin van Elementor. <\/p>\n\n
Deze experimentele functie verbetert de snelheid van de voorkant door prioriteit te geven aan het laden van afbeeldingen op basis van de plaatsing van de afbeeldingen op de pagina.\nHet detecteert welke afbeelding het meest waarschijnlijk de “LCP-afbeelding” is, het element met de grootste inhoud in de viewport, en geeft voorrang aan het laden ervan met behulp van prioriteitshints. <\/p>\n\n
Het experiment past ook lazy-loading toe op afbeeldingen die in eerste instantie niet in de viewport worden weergegeven en laadt ze wanneer ze in beeld komen.\nDeze veranderingen verbeteren de LCP Core Web Vital metric met 5-10%, afhankelijk van de complexiteit van de pagina.\nPagina’s met veel afbeeldingen krijgen dus een nog grotere prestatieboost.\nDeze functie werkt ook met Elementor websites die draaien op oudere versies van WordPress die geen LCP detectie-updates bevatten. <\/p>\n\n
Gutenberg Activa Laden<\/strong><\/h3>\n\nDe tweede prestatie-update verhoogt de frontend-snelheid van je site door Gutenberg-stijlen en -scripts uit te sluiten wanneer ze niet worden gebruikt.\nDit experiment verbetert de LCP metriek van je site door te detecteren wanneer Gutenberg niet werd gebruikt om een pagina te maken of de inhoud ervan te genereren.\nHierdoor kan Elementor voorkomen dat onnodige code wordt geladen. <\/p>\n\n<\/figure>\n\nNieuwe beoordelingswidget voor flexibele vormgeving <\/strong><\/h2>\n\nElementor 3.17 introduceert de nieuwe beoordelingswidget, die meer flexibiliteit biedt om je visuele beoordelingsschalen voor producten, content en meer te personaliseren.\nJe kunt je beoordeling visueel weergeven met Font Awesome pictogrammen of door je eigen SVG te uploaden.\nVoor een muziekrecensie kun je bijvoorbeeld je SVG gebruiken om een nieuw album een waardering van 5 van de 5 gouden platen te geven. <\/p>\n\n
De beoordelingswidget breidt het bereik uit van beoordelingsschalen die beschikbaar zijn in de sterrenscorewidget.\nIn plaats van beperkt te zijn tot een schaal van 0-5 of 0-10, kun je nu een waarderingsschaal instellen van nul tot elk getal dat bij je wensen past.\nJe kunt een album bijvoorbeeld een 3 uit 3 of 7 uit 7 gouden platen geven.\nDe vervolgkeuzelijst Beoordelingsschaal is voor gebruiksgemak vervangen door een bereik. <\/p>\n\n
Bovendien verbetert de beoordelingswidget de SEO-ranking van je site met een verbeterd schema-attribuut.\nHet vervangt de Widget Sterrenclassificatie in het Widget-paneel, maar bestaande sterrenclassificaties op je site blijven onaangetast. <\/p>\n\n<\/figure>\n\nHorizontaal scrollen voor menu widget <\/strong><\/h2>\n\nElementor 3.17 biedt meer ontwerpflexibiliteit bij het maken van menu’s.\nTot nu toe, als bezoekers de grootte van hun viewport veranderden, werden menu’s verkleind naar een “dropdown lay-out” (ook bekend als “hamburger menu”).\nMet de nieuwe updates voor de Menu Widget kun je voorkomen dat menu’s van grootte veranderen door naar Responsive<\/a> Settings te gaan, het dropdown menu met het label “Breakpoint” te openen en “None” te selecteren. <\/p>\n\nHet uitschakelen van responsive resizing kan leiden tot situaties waarin het menu breder is dan de viewport.\nIn veel gevallen kan dit ertoe leiden dat sommige menu-items op de volgende regel terechtkomen.\nOm dit te voorkomen bevat 3.17 ook de mogelijkheid om horizontaal scrollen in te schakelen.\nAls dit is ingeschakeld, behoudt je menu zijn oorspronkelijke ontwerp op elk apparaat en kunnen bezoekers horizontaal door de menu-items scrollen in plaats van het ontwerp te verstoren. <\/p>\n\n<\/figure>\n\nToegankelijkheid verbeteren<\/strong><\/h2>\n\n- Pop-ups: Verbeterd focusbeheer bij het inschakelen van de optie Toegankelijke navigatie, door in eerste instantie te focussen op de knop voor het sluiten van pop-ups in plaats van op andere elementen in pop-ups waarop je kunt focussen.<\/li>
- Widget Inhoudsopgave: Geef aan dat de knop minimaliseren\/maximaliseren in de Inhoudsopgave-widget een interactief element is voor bezoekers die ondersteunende technologie\u00ebn gebruiken.<\/li>
- Geneste Accordeon Widget: Verbeter de toegankelijkheid van Accordion lay-outs voor bezoekers die gebruik maken van toetsenbordnavigatie.<\/li><\/ul>\n\n
<\/figure>\n\nExtra updates<\/strong><\/h2>\n\n- Responsieve sjabloonontwerpen: Verbeter je vermogen om wijzigingen in responsieve ontwerpen van sjablonen correct weer te geven met extra breekpunten.\nJe hoeft niet langer CSS<\/a> te regenereren om wijzigingen te zien die je hebt aangebracht in sjablonen tijdens het bewerken in de Theme Builder.\nWijzigingen worden weergegeven in de editor en frontend van je website. <\/li>
- Accordion Widget FAQ Schema: verbeter de SEO compatibiliteit van je inhoud door een FAQ Schema controle toe te voegen.\nDe FAQ Schema voegt een gespecialiseerde opmaak toe aan de code van je pagina die een lijst met vragen en antwoorden bevat.\nZoekmachines kunnen deze opmaak lezen en gebruiken om rijke code te genereren. <\/li>
- VideoPress-integratie: Integreer VideoPress naadloos in je Elementor-site.\nGeniet van alle functies die VideoPress biedt, zoals zelf gehoste video’s, getranscodeerde videobestanden voor weergave op vele soorten apparaten, adaptieve streaming op basis van de schermgrootte van het apparaat en de beschikbare bandbreedte, de mogelijkheid om priv\u00e9video’s te verifi\u00ebren en nog veel meer. <\/li><\/ol>\n\n
<\/figure>\n\n[Elementor AI] AI-geschiedenis – AI-gegenereerde inhoud herstellen <\/strong><\/h2>\n\nElementor 3.17 verbetert je workflow op Elementor AI met de functie AI History.\nDeze functie toont eerder gebruikte prompts en de afbeeldingen of teksten die ze genereerden.\nJe kunt prompts en de bijbehorende gegenereerde inhoud herstellen, zodat je verder kunt gaan waar je gebleven was.\nJe kunt doorgaan met het bewerken van de inhoud met AI, het gebruiken op je site of het definitief verwijderen uit de AI geschiedenis. <\/p>\n\n
<\/figure>\n\nNieuwe beoordelingswidget voor flexibele vormgeving <\/strong><\/h2>\n\nElementor 3.17 introduceert de nieuwe beoordelingswidget, die meer flexibiliteit biedt om je visuele beoordelingsschalen voor producten, content en meer te personaliseren.\nJe kunt je beoordeling visueel weergeven met Font Awesome pictogrammen of door je eigen SVG te uploaden.\nVoor een muziekrecensie kun je bijvoorbeeld je SVG gebruiken om een nieuw album een waardering van 5 van de 5 gouden platen te geven. <\/p>\n\n
De beoordelingswidget breidt het bereik uit van beoordelingsschalen die beschikbaar zijn in de sterrenscorewidget.\nIn plaats van beperkt te zijn tot een schaal van 0-5 of 0-10, kun je nu een waarderingsschaal instellen van nul tot elk getal dat bij je wensen past.\nJe kunt een album bijvoorbeeld een 3 uit 3 of 7 uit 7 gouden platen geven.\nDe vervolgkeuzelijst Beoordelingsschaal is voor gebruiksgemak vervangen door een bereik. <\/p>\n\n
Bovendien verbetert de beoordelingswidget de SEO-ranking van je site met een verbeterd schema-attribuut.\nHet vervangt de Widget Sterrenclassificatie in het Widget-paneel, maar bestaande sterrenclassificaties op je site blijven onaangetast. <\/p>\n\n<\/figure>\n\nHorizontaal scrollen voor menu widget <\/strong><\/h2>\n\nElementor 3.17 biedt meer ontwerpflexibiliteit bij het maken van menu’s.\nTot nu toe, als bezoekers de grootte van hun viewport veranderden, werden menu’s verkleind naar een “dropdown lay-out” (ook bekend als “hamburger menu”).\nMet de nieuwe updates voor de Menu Widget kun je voorkomen dat menu’s van grootte veranderen door naar Responsive<\/a> Settings te gaan, het dropdown menu met het label “Breakpoint” te openen en “None” te selecteren. <\/p>\n\nHet uitschakelen van responsive resizing kan leiden tot situaties waarin het menu breder is dan de viewport.\nIn veel gevallen kan dit ertoe leiden dat sommige menu-items op de volgende regel terechtkomen.\nOm dit te voorkomen bevat 3.17 ook de mogelijkheid om horizontaal scrollen in te schakelen.\nAls dit is ingeschakeld, behoudt je menu zijn oorspronkelijke ontwerp op elk apparaat en kunnen bezoekers horizontaal door de menu-items scrollen in plaats van het ontwerp te verstoren. <\/p>\n\n<\/figure>\n\nToegankelijkheid verbeteren<\/strong><\/h2>\n\n- Pop-ups: Verbeterd focusbeheer bij het inschakelen van de optie Toegankelijke navigatie, door in eerste instantie te focussen op de knop voor het sluiten van pop-ups in plaats van op andere elementen in pop-ups waarop je kunt focussen.<\/li>
- Widget Inhoudsopgave: Geef aan dat de knop minimaliseren\/maximaliseren in de Inhoudsopgave-widget een interactief element is voor bezoekers die ondersteunende technologie\u00ebn gebruiken.<\/li>
- Geneste Accordeon Widget: Verbeter de toegankelijkheid van Accordion lay-outs voor bezoekers die gebruik maken van toetsenbordnavigatie.<\/li><\/ul>\n\n
<\/figure>\n\nExtra updates<\/strong><\/h2>\n\n- Responsieve sjabloonontwerpen: Verbeter je vermogen om wijzigingen in responsieve ontwerpen van sjablonen correct weer te geven met extra breekpunten.\nJe hoeft niet langer CSS<\/a> te regenereren om wijzigingen te zien die je hebt aangebracht in sjablonen tijdens het bewerken in de Theme Builder.\nWijzigingen worden weergegeven in de editor en frontend van je website. <\/li>
- Accordion Widget FAQ Schema: verbeter de SEO compatibiliteit van je inhoud door een FAQ Schema controle toe te voegen.\nDe FAQ Schema voegt een gespecialiseerde opmaak toe aan de code van je pagina die een lijst met vragen en antwoorden bevat.\nZoekmachines kunnen deze opmaak lezen en gebruiken om rijke code te genereren. <\/li>
- VideoPress-integratie: Integreer VideoPress naadloos in je Elementor-site.\nGeniet van alle functies die VideoPress biedt, zoals zelf gehoste video’s, getranscodeerde videobestanden voor weergave op vele soorten apparaten, adaptieve streaming op basis van de schermgrootte van het apparaat en de beschikbare bandbreedte, de mogelijkheid om priv\u00e9video’s te verifi\u00ebren en nog veel meer. <\/li><\/ol>\n\n
<\/figure>\n\n[Elementor AI] AI-geschiedenis – AI-gegenereerde inhoud herstellen <\/strong><\/h2>\n\nElementor 3.17 verbetert je workflow op Elementor AI met de functie AI History.\nDeze functie toont eerder gebruikte prompts en de afbeeldingen of teksten die ze genereerden.\nJe kunt prompts en de bijbehorende gegenereerde inhoud herstellen, zodat je verder kunt gaan waar je gebleven was.\nJe kunt doorgaan met het bewerken van de inhoud met AI, het gebruiken op je site of het definitief verwijderen uit de AI geschiedenis. <\/p>\n\n
<\/figure>\n\nHorizontaal scrollen voor menu widget <\/strong><\/h2>\n\nElementor 3.17 biedt meer ontwerpflexibiliteit bij het maken van menu’s.\nTot nu toe, als bezoekers de grootte van hun viewport veranderden, werden menu’s verkleind naar een “dropdown lay-out” (ook bekend als “hamburger menu”).\nMet de nieuwe updates voor de Menu Widget kun je voorkomen dat menu’s van grootte veranderen door naar Responsive<\/a> Settings te gaan, het dropdown menu met het label “Breakpoint” te openen en “None” te selecteren. <\/p>\n\nHet uitschakelen van responsive resizing kan leiden tot situaties waarin het menu breder is dan de viewport.\nIn veel gevallen kan dit ertoe leiden dat sommige menu-items op de volgende regel terechtkomen.\nOm dit te voorkomen bevat 3.17 ook de mogelijkheid om horizontaal scrollen in te schakelen.\nAls dit is ingeschakeld, behoudt je menu zijn oorspronkelijke ontwerp op elk apparaat en kunnen bezoekers horizontaal door de menu-items scrollen in plaats van het ontwerp te verstoren. <\/p>\n\n<\/figure>\n\nToegankelijkheid verbeteren<\/strong><\/h2>\n\n- Pop-ups: Verbeterd focusbeheer bij het inschakelen van de optie Toegankelijke navigatie, door in eerste instantie te focussen op de knop voor het sluiten van pop-ups in plaats van op andere elementen in pop-ups waarop je kunt focussen.<\/li>
- Widget Inhoudsopgave: Geef aan dat de knop minimaliseren\/maximaliseren in de Inhoudsopgave-widget een interactief element is voor bezoekers die ondersteunende technologie\u00ebn gebruiken.<\/li>
- Geneste Accordeon Widget: Verbeter de toegankelijkheid van Accordion lay-outs voor bezoekers die gebruik maken van toetsenbordnavigatie.<\/li><\/ul>\n\n
<\/figure>\n\nExtra updates<\/strong><\/h2>\n\n- Responsieve sjabloonontwerpen: Verbeter je vermogen om wijzigingen in responsieve ontwerpen van sjablonen correct weer te geven met extra breekpunten.\nJe hoeft niet langer CSS<\/a> te regenereren om wijzigingen te zien die je hebt aangebracht in sjablonen tijdens het bewerken in de Theme Builder.\nWijzigingen worden weergegeven in de editor en frontend van je website. <\/li>
- Accordion Widget FAQ Schema: verbeter de SEO compatibiliteit van je inhoud door een FAQ Schema controle toe te voegen.\nDe FAQ Schema voegt een gespecialiseerde opmaak toe aan de code van je pagina die een lijst met vragen en antwoorden bevat.\nZoekmachines kunnen deze opmaak lezen en gebruiken om rijke code te genereren. <\/li>
- VideoPress-integratie: Integreer VideoPress naadloos in je Elementor-site.\nGeniet van alle functies die VideoPress biedt, zoals zelf gehoste video’s, getranscodeerde videobestanden voor weergave op vele soorten apparaten, adaptieve streaming op basis van de schermgrootte van het apparaat en de beschikbare bandbreedte, de mogelijkheid om priv\u00e9video’s te verifi\u00ebren en nog veel meer. <\/li><\/ol>\n\n
<\/figure>\n\n[Elementor AI] AI-geschiedenis – AI-gegenereerde inhoud herstellen <\/strong><\/h2>\n\nElementor 3.17 verbetert je workflow op Elementor AI met de functie AI History.\nDeze functie toont eerder gebruikte prompts en de afbeeldingen of teksten die ze genereerden.\nJe kunt prompts en de bijbehorende gegenereerde inhoud herstellen, zodat je verder kunt gaan waar je gebleven was.\nJe kunt doorgaan met het bewerken van de inhoud met AI, het gebruiken op je site of het definitief verwijderen uit de AI geschiedenis. <\/p>\n\n
Het uitschakelen van responsive resizing kan leiden tot situaties waarin het menu breder is dan de viewport.\nIn veel gevallen kan dit ertoe leiden dat sommige menu-items op de volgende regel terechtkomen.\nOm dit te voorkomen bevat 3.17 ook de mogelijkheid om horizontaal scrollen in te schakelen.\nAls dit is ingeschakeld, behoudt je menu zijn oorspronkelijke ontwerp op elk apparaat en kunnen bezoekers horizontaal door de menu-items scrollen in plaats van het ontwerp te verstoren. <\/p>\n\n Elementor 3.17 verbetert je workflow op Elementor AI met de functie AI History.\nDeze functie toont eerder gebruikte prompts en de afbeeldingen of teksten die ze genereerden.\nJe kunt prompts en de bijbehorende gegenereerde inhoud herstellen, zodat je verder kunt gaan waar je gebleven was.\nJe kunt doorgaan met het bewerken van de inhoud met AI, het gebruiken op je site of het definitief verwijderen uit de AI geschiedenis. <\/p>\n\n<\/figure>\n\nToegankelijkheid verbeteren<\/strong><\/h2>\n\n
<\/figure>\n\nExtra updates<\/strong><\/h2>\n\n
<\/figure>\n\n[Elementor AI] AI-geschiedenis – AI-gegenereerde inhoud herstellen <\/strong><\/h2>\n\n
![\"\"](\"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2023\/10\/Hello-theme-settings.png\")
<\/figure>\n\n