Har du testat Elementor 3.6 Ă€n?Â
Eller vÀntar du pÄ en Bra Elementor 3.6 recension att bestÀmma sig?
Tja, om du Àr det, Àr din vÀntan över!
För i den hÀr artikeln kommer du att fÄ veta mer om alla nya funktioner och förbÀttringar av Elementor 3.6 i detalj.
Elementor 3.6 handlar om att hjÀlpa dig bygga webbplatser som lyfter varumÀrkesidentiteten. SÄ det fokuserar mest pÄ funktioner som hjÀlper till skapa pixelperfekta enhetsresponsiva designs den dÀr ladda snabbare sÄ att dina anvÀndare har bÀsta shoppingupplevelsen.
Tillsammans med nya funktioner fÄr du ocksÄ nya WooCommerce-widgets för att förbÀttra shoppingupplevelsen pÄ din Elementor-webbplats.
Det Ă€r dock en experimentell version, sĂ„ du behöver inte byta till Elementor 3.6 direkt. Du kan prova de nya funktionerna och sedan gradvis byta om du vill.Â
Men för det mÄste du veta vilka Àr funktionerna och förbÀttringarna i Elementor 3.6, höger?
SÄ, lÄt oss bara sÀtta igÄng och gÄ vidare till Elementor 3.6-recensionen...
Nya funktioner och förbÀttringar av Elementor 3.6
Jag har försökt att inkludera alla de senaste funktionerna och förbÀttringarna Elementor har att erbjuda. LÀs bloggen för mer information om funktionerna.
âš Introduktion av Flexbox Containers
Elementor 3.6 har introducerat en ny layoutstruktur som CSS flexbox-behÄllare. Med flexbox-behÄllarna finns det inget behov av innersektioner lÀngre!
![flexbox-behÄllare Elementor 3.6 Review](https://wpmet.com/wp-content/uploads/2022/03/flexbox-containers.png)
Du kan lÀgg till widgets direkt i en behÄllare och lÀgg Àven till behÄllare i en behÄllare för att skapa rader och kolumner. Du kan anpassa riktningarna för behÄllarna sÄ att de blir till antingen en rad eller en kolumn.
Denna behÄllarlayout sÀkerstÀller pixelperfekt responsiv design. Dessutom anvÀnder flexbox-behÄllare mer optimerad DOM-utgÄng vilket kommer att förbÀttra webbplatsens prestanda anmÀrkningsvÀrt.
Om du Ă€r orolig för hur du ska konvertera din nuvarande sektionskolumnstrukturerade Elementor-webbplats till den nya flexbox-containerstrukturen, gör det inte.Â
Eftersom Elementor 3.6 kommer med en lÀttanvÀnd konverteringsalternativ under instÀllningar för sida/inlÀgg. Du kan bara klicka pÄ konvertera knappen/alternativet och fÄ en flexbox containerversion av din sida utan att göra nÄgot extra dra och slÀpp.
Notera: För att lÀra dig hur du anvÀnder den nya flexbox-behÄllaren i detalj, klicka hÀr.
âš Ny import/exportfunktion
Elementor 3.6 ger dig nya möjligheter nĂ€r det gĂ€ller export och import, vilket kommer att göra webbdesign snabbare Ă€n nĂ„gonsin.Â
Undrar hur?
Tja, den nya versionen av Elementor kommer med Import-export mallsats funktion som gör att du inte bara kan importera innehÄll, webbplatsinstÀllning och mallar utan en hela webbplatsen till en annan webbplats.
![Elementor 3.6 Granska Elementskit 3.6 Import/Export Template Kit](https://wpmet.com/wp-content/uploads/2022/03/export-import-template-kits.png)
SÄ du kan nu exportera/importera alla plugins som en webbplats anvÀnder tillsammans med Elementor och Elementor Pro, som WooCommerce till en annan webbplats med nÄgra fÄ klick. Du fÄr ocksÄ vÀlj vilka plugins och instÀllningar du vill importera.
![Elementor 3.6 recension](https://wpmet.com/wp-content/uploads/2022/03/export-summary-final.png)
En annan bra sak med den hÀr nya funktionen Àr att du kan importera alla dynamiska lÀnkar och referenser av webbplatsen. Och du kommer ocksÄ att fÄ se en sammanfattad version av alla plugins, instÀllningar etc du vÀljer pÄ skÀrmen.
đđ Du kan ocksĂ„ kolla in vĂ„r blogg pĂ„ Hur man bygger en megameny med Elementor
⚠SidövergÄngar med Preloader
Ja! Nu behöver du inget extra plugin för att lÀgga till en förladdare till din Elementor webbplats. Elementor 3.6 ger möjlighet att skapa din egen personlig sidövergÄng med en förladdare som speglar och marknadsför ditt varumÀrke samtidigt som du ger din anvÀndare en bÀttre upplevelse.
![Elementor 3.6 Granska sidövergÄngar med Preloader](https://wpmet.com/wp-content/uploads/2022/03/preloader-gif.gif)
Du hittar sidövergÄngsinstÀllningarna under WebbplatsinstÀllningar. Du kan anpassa bakgrundsfÀrgen, textfÀrgen och entréanimeringen. Du kan ocksÄ vÀlja preloader typ som bild, text, animation, etc tillsammans med förladdarens fördröjningstid och tidsinstÀllningar.
⚠Ordna om globala fÀrger och teckensnitt
Vissa kanske inte anser att detta tillÀgg Àr sÀrskilt avgörande. Men om du Àr en perfektionist och gillar att arbeta pÄ ett organiserat sÀtt, kan den hÀr funktionen göra din webbdesignprocess mer enkel.
![Elementor 3.6 recension: Ordna om globala fÀrger och teckensnitt](https://wpmet.com/wp-content/uploads/2022/03/reorganize-global-colors.gif)
Nu kan du omorganisera de globala typsnitten och fÀrgerna. Du kan omorganisera ordningen för bÄde det globala systemets fÀrger och anpassade fÀrger. Du kan dock bara ta bort de anpassade fÀrgerna. PÄ samma sÀtt kan du omorganisera de globala typsnitten och ta bort de anpassade typsnitten, inte systemtypsnitten.
đđ Du kan ocksĂ„ kolla in vĂ„r blogg pĂ„ Hur man skapar en anpassad Elementor-bloggmall
⚠WidgettillÀgg och förbÀttringar
Om du vÀntade pÄ nytt WooCommerce widgets för att höja shoppingupplevelsen för dina kunder, dÄ kommer du att bli glad att veta att tvÄ nya widgets har lagts till tillsammans med nya förbÀttrade layouter för LÀgg i kundvagn-widgeten.
â Widget för köpsammanfattning:
Med denna WooCommerce-widget kan du skapa och anpassa sidan för orderbekrÀftelse. HÀr kan du anpassa bekrÀftelsemeddelanden, betalningsinformation, bankuppgifter, nedladdningar, köpöversikt, faktureringsinformation, etc.
![Elementor 3.6 WooCommerce köpsammanfattningswidget Nya funktioner och förbÀttringar av Elementor 3.6](https://wpmet.com/wp-content/uploads/2022/03/purchase-summary-widget-elementor-3.6-review.png)
Vill du lÀgga till ett anpassat fÀlt pÄ din WooCommerce-webbplats?
đđ Kolla Hur man lĂ€gger till WooCommerce Custom Checkout Field utan kodning
â WooCommerce Notices Widget:
Med den hÀr widgeten kan du visa anpassade meddelanden i rubriken pÄ WooCommerce-sidor. Denna widget kommer att ÄsidosÀtta alla standardmeddelanden frÄn WooCommerce. Du kan lÀgga till och anpassa olika WooCommerce-meddelanden frÄn webbplatsinstÀllningar.
![WooCommerce-meddelandewidget för Elementor 3.6 Nya funktioner och förbÀttringar av Elementor 3.6](https://wpmet.com/wp-content/uploads/2022/03/WooCommerce-notices.png)
â Ny widgetlayout för LĂ€gg till i kundvagn:
Nu kommer du att fÄ nya layoutalternativ för din Elementor LÀgg i kundvagn-widget. De tre layouterna Àr Auto, Inline eller Stacked. PÄ sÄ sÀtt kommer du att ha mer kontroll för att förbÀttra utseendet pÄ din LÀgg i kundvagn-sektion.
đđ Du kan ocksĂ„ kolla in vĂ„r blogg pĂ„ Hur man bygger smartare Elementor Pro-formulĂ€r med villkorlig logik
⚠Prestanda förbÀttringar
![Nya funktioner och förbÀttringar av Elementor 3.6](https://wpmet.com/wp-content/uploads/2022/03/performance-improvements-1.jpg)
Liksom varje ny version har denna nya Elementor-version ocksĂ„ förbĂ€ttrat mĂ„nga funktioner för att öka din webbplats övergripande prestanda. Den hĂ€r gĂ„ngen tillĂ€gg av en lat last Ă€r höjdpunkten.Â
Med lazy load-funktionen, till skillnad frÄn de tidigare versionerna, kommer nu inte hela ditt webbplatsinnehÄll att laddas samtidigt. Det kommer det snarare ladda endast den del som Àr omedelbart synlig för anvÀndaren. Och resten av innehÄllet kommer att laddas nÀr anvÀndaren rullar nedÄt.
Denna lata belastning kommer att tillÀmpas pÄ karusellwidgeten och bakgrundsbildspelsfunktionen i alla delar av din webbplats. Som ett resultat kommer du att se ett stort steg i prestandaförbÀttringar.
Faktum Àr att du kommer att bli förvÄnad över att veta, med den nya versionen, CSS reduceras till 11kb frÄn 137kb. Ja, skillnaden Àr 126kb!
Dessutom, 'elementor-section-wrap' har tagits bort för att minimera DOM-utgĂ„ngarna som optimerade DOM-utgĂ„ngar ger dig en bĂ€ttre webbladdningshastighet.Â
Notera: Det fanns en bugg i Elementor 3.6.0. Felet var att "redigeraren kunde inte laddas pÄ grund av utfasningskonflikter frÄn tredje part". Men det har det varit fixat i den nya versionen.
Dessutom har mÄnga funktioner varit avskrivna avsiktligt i syfte att förbÀttra prestanda.
Ăr ElementsKit kompatibelt med Elementor 3.6?
Ja. ElementsKit Àr helt kompatibelt med Elementor 3.6
SÄ ni som Àlskar att anvÀnda ElementsKit för att bygga och anpassa Elementor-webbplatser, har inget att oroa sig för.
VÄra utvecklare och kvalitetssÀkringsteam har testat Elementor 3.6 med vÄr senaste ElementsKit-version och vi kan försÀkra dig om att det finns ingen konflikt.
Men om du har nĂ„gra problem med din webbplats ElementsKit efter att du börjat anvĂ€nda Elementor 3.6, kan du kontakta vĂ„rt supportteam.Â
Om du Ă€r nĂ„gon som Ă€r glad över att anvĂ€nda Elementor 3.6 och letar efter ett tillĂ€gg för att lĂ€gga till fler funktioner utan att behöva möta nĂ„gra buggar eller fel, kan du sĂ€kert prova ElementsKit â Det ultimata tillĂ€gget för Elementor.
Det har 85+ widgets och moduler som för nÀrvarande gör mer Àn en halv miljon anvÀndare webbutvecklingsinsatser mer fruktbara. Det kommer att vara det perfekta komplementet till din Elementors verktygslÄda för webbdesign.
Slutord
Tja, det Ă€r det! Elementor 3.6 verkar imponerande, eller hur?Â
Ăven om byte till en flexbox-behĂ„llare verkar lite skrĂ€mmande till en början, Ă€r konverteringsprocessen som Elementor tillhandahĂ„ller ganska bra.
Ărligt talat, tillĂ€gget av lazy load Ă€r min mest favorit eftersom det kommer att avsevĂ€rt förbĂ€ttra webbplatsens laddningshastighet, vilket inte Ă€r förhandlingsbart nĂ€r det kommer till anvĂ€ndarupplevelse och bibehĂ„lla lĂ„g avvisningsfrekvens.
Jag skulle föreslÄ att du provar allt pÄ en iscensÀttningsplats först. Om du Àr nöjd med resultatet, flytta det till din riktiga domÀn.
Jag hoppas att du har haft nytta av bloggen. Dela vilken ny funktion som Àr din personliga favorit i kommentarsfÀltet.
LĂ€mna ett svar