Net als bij veel andere ambachten, is websites bouwen een vaardigheid die evolueert en verbetert in de loop van de tijd. Hoe meer je bouwt, hoe meer gewoontes je ontwikkelt, je leert welke plugins je graag gebruikt of nodig hebt, de globale instellingen die je wilt instellen voordat je begint, en zelfs hoe je de prestaties van je website kunt optimaliseren.

Naast Flexbox Containers, bevat Elementor 3.6 extra functies waarmee je sneller aan je eerste of volgende website kunt beginnen, terwijl het ook updates introduceert waarmee je de prestaties van je website kunt optimaliseren.

Introducing — Nieuwe mogelijkheden in de Import/Export Tool

Import Export Plugins Meer Van Elementor 3.6 — Verbeterde Import/Export En Herschikking Van Globale Lettertypen En Kleuren 1

We introduceerden de Import/Export functie voor het eerst in Elementor 3.2, waarmee je een ‘blauwdruk’ van je website kunt maken door deze als een kit te exporteren en te importeren (of een andere kit) naar je volgende website.

Nu, met Elementor 3.6, is het uitgebreid met drie nieuwe mogelijkheden:

  1. Plugin Ondersteuning in Import/Export Website Kit – exporteer direct alle plugins die een website of kit gebruikt, zoals WooCommerce, om te installeren en activeren op een andere website. Wanneer je begint met je import/export proces, kun je selecteren welke Content, Site-instellingen, Elementor Templates, en Plugins je wilt meenemen. Dit proces omvat geen premium plugins, omdat die voor elke nieuwe website apart moeten worden aangeschaft en niet kunnen worden geïnstalleerd zonder een speciale licentie.
  2. Gedetailleerd Import/Export Overzichtsscherm – bekijk alle onderdelen van de Kit die je wilt importeren of exporteren, weergegeven in een gedetailleerd nieuw Overzichtsscherm.
  3. Importeer Dynamische Verwijzingen – behoud de koppeling van dynamische verwijzingen in je hele website, in plaats van ze allemaal opnieuw te moeten verbinden wanneer je een kit importeert. Dynamische verwijzingen vind je in Popup dynamische tags, Lightbox dynamische tags, Template widget voorkomens, Menu’s, URL’s, enz.

Je kunt een kit Importeren/Exporteren naar je website met de Import/Export tool vanuit het WordPress dashboard — kies Elementor > Tools > Import/Export tab.

Herschik Globale Lettertypen en Kleuren

Rearrange Global Colors And Fonts Meer Van Elementor 3.6 — Verbeterde Import/Export En Herschikking Van Globale Lettertypen En Kleuren 2

Het opzetten van je ontwerpsystemen is een van de belangrijkste onderdelen van het maken van een website en het verbeteren van je workflow. Elementor’s ontwerpsysteem omvat vier kleuren en lettertypen (Primair, Secundair, Tekst en Accent). Systeemkleuren en -lettertypen zijn noodzakelijk om ervoor te zorgen dat alle widgets correct worden weergegeven, daarom kunnen ze niet worden verwijderd. Je hebt echter ook de mogelijkheid om zoveel aangepaste kleuren en lettertypen toe te voegen als je wilt.

Tot nu toe was het visuele onderscheid tussen systeemkleuren en -lettertypen en aangepaste niet zo duidelijk, en elke keer dat je een nieuwe aangepaste kleur of lettertype zou toevoegen, zou het de laatste positie op de lijst innemen.

Met deze update is het verschil tussen systeemkleuren en -lettertypen duidelijker, en je kunt nu de volgorde van al je kleuren en lettertypen aanpassen onder Site-instellingen. Dus de volgende keer dat je je globale kleuren wilt rangschikken volgens bepaalde kleurpatronen, kun je dat doen door over de kleur of het lettertype in je globale site-instellingen te zweven om het sleepbare icoontje te zien en de volgorde te veranderen.

Bijvoorbeeld, als de aangepaste kleuren van je website verschillende tinten roze en blauw bevatten, kun je al je roze kleuren op een rij zetten en al je blauwe kleuren op een rij. Je kunt ook de volgorde van je systeemlettertypen en -kleuren veranderen. Je kunt bijvoorbeeld je Secundaire lettertype boven je Primaire lettertype plaatsen.

Prestatieverbeteringen

Pereformance Improvement Lazy Load Carusel Meer Van Elementor 3.6 — Verbeterde Import/Export En Herschikking Van Globale Lettertypen En Kleuren 3

Lazy Load toegevoegd aan Carousels

We zijn voortdurend bezig met het verkennen en introduceren van prestatieverbeteringen om je websites sneller te laten laden, en bijna elke versie bevat minstens één prestatieverbetering. Elementor 3.6 introduceert een nieuwe Lazy Load-functie voor de Carousel-widget en de Achtergrond-slideshow.

Met deze functie kun je de prestaties van je website verbeteren door alleen de content te laden die direct zichtbaar en nodig is in Carousels of Achtergrond-slideshows op je website, en de rest te laden terwijl gebruikers scrollen.

Geoptimaliseerde DOM-output

Het Geoptimaliseerde DOM-output Experiment is uitgebreid om de `elementor-section-wrap` te verwijderen

Versnel en verbeter je workflow

Elementor 3.6 bevat nieuwe updates waarmee je sneller en beter kunt werken bij het bouwen van websites. Of je nu aan je eerste website werkt en je globale kleuren en lettertypen in een bepaalde volgorde wilt rangschikken, of als je aan je tweede, derde of 100ste website werkt en je direct relevante plugins uit een kit wilt downloaden en installeren, met deze versie kun je je workflow verbeteren en sneller websites bouwen. Deze versie bevat ook prestatieverbeteringen, zodat de websites die je bouwt sneller laden.

Probeer deze nieuwe updates uit en laat ons weten welke je favoriet was.