Elementor 3.0: Katere so nove funkcije?

Blair Jersyer WordPress Tutorials Mar 27, 2022

Izšla je nova večja posodobitev Elementorja. Iz različice 2.x smo prešli na različico 3.0 . Ta nova različica prihaja z novim načinom ustvarjanja spletnih mest z uporabo WordPress in Elementor. Te nove funkcije bomo poskušali pretvoriti.

Kateri so glavni dodatki za Elementor 3.0?

Elementor 3.0 ima 3 omrežne dodatke, ki so: funkcije sistema oblikovanja, nov ustvarjalec tem in pomembne izboljšave zmogljivosti.

Značilnosti načrtovalnega sistema

Ste se kdaj vprašali, kako velika podjetja uspejo tako dobro, ne glede na platformo, ki jo uporabljajo. ? Vse, kar ustvarijo, je videti dosledno in ima enako zasnovo. To je mogoče zahvaljujoč temu, ki se imenuje " Sistem oblikovanja ". Glede na UnxDesign.cc je sistem oblikovanja:

En sam vir resnice, ki združuje vse elemente, ki bodo ekipam omogočili načrtovanje, realizacijo in razvoj izdelka. Sistem oblikovanja torej ni rezultat, ampak niz končnih rezultatov. Z izdelkom, orodji in novimi tehnologijami se bo nenehno razvijal.

UX Collective

Če implementirate sistem oblikovanja, poskrbite, da bo vaša celotna ekipa dosledna okoli enega oblikovalskega jezika in spremenite način delovanja vaše ekipe ter zagotovite hitrejši potek dela.

Ustvarite neverjetna spletna mesta

Z najboljšim brezplačnim graditeljem strani Elementor

Začni zdaj

Značilnosti sistema oblikovanja Elementor 3.0 vključujejo:

  • Globalne barve
  • Nova plošča z nastavitvami spletnega mesta
  • Globalne pisave

Poglejmo poglobljeno, kako vam bo to pomagalo zgraditi boljša profesionalna spletna mesta.

Globalne barve

Elementor 3.0 dodaja nov način dela z barvami spletnega mesta. Ta nova metoda se imenuje Globalne barve.

Globalne barve vam pomagajo spremeniti barvo z enega mesta in posodobiti to barvo povsod, kjer se uporablja.

Začeli boste izbirati osnovne globalne barve za vaše spletno mesto. Nato pojdite v kateri koli barvni slog v Elementorju in ga definirajte kot eno od štirih barv. Upoštevajte, da lahko na globalni seznam dodate čim več barv po meri.

Zdaj prihajajo spremenljivke CSS. Vrnite se na Globalne barve in spremenite eno od barv. Celotna barvna shema vašega spletnega mesta ’ se spremeni v skladu z novo globalno barvo. Ste že kdaj doživeli nekaj lažjega?

You’ bo prav tako lahko oblikoval drugačno globalno barvo znotraj nadzornega vhoda ali ustvaril novo globalno barvo, vse z uporabo istega barvnega izbirnika znotraj nadzornega vhoda.

Nastavitve spletnega mesta

Ustvarjanje prvih oblikovalskih nastavitev za spletno mesto vzame veliko časa. Morali boste žonglirati med kodo teme, Customizer, functions.php. To je dovolj razlogov, da upravičiš svoje glavobole.

Nove nastavitve spletnega mesta prikazujejo različna orodja za konfiguracijo. Tako boste vse naloge opravljali z enega mesta.

Če želite začeti, na kateri koli strani, ki jo urejate z Elementorjem, na levi stranski plošči kliknite zgornjo levo ikono. Tako boste preklopili na ploščo Globalne nastavitve.

Na plošči z globalnimi nastavitvami boste našli:

  • Postavitev: za konfiguriranje privzetih nastavitev postavitve Elementor’, kot je privzeta širina vsebine ali privzeta postavitev strani.
  • Identiteta spletnega mesta: prilagodite svoje identitete med spletnimi mesti, kot so logotip, naslov, slogan in celo ikona Favicon.
  • Slog teme: Prilagodite elemente HTML, ki niso povezani z Elementorjem (običajno jih nastavi tema) za tipografijo, gumbe in polja obrazcev.
  • Svetlobna škatla: Določite privzeti slog svetlobnih polj Elementor
  • Globalne barve in pisave: Omogoča vam, da konfigurirate globalne barve in pisave, ki veljajo za vaše spletno mesto.

Globalne pisave

Barve in tipografija so del sestavnih delov katerega koli spletnega mesta. Z uporabo iste logike funkcije Global Colors je to nova metoda dela s slogi besedila vašega spletnega mesta ’.

Z globalnimi pisavami se lahko vse nastavitve tipografije uporabljajo globalno. Zdaj lahko nastavite vse tipografske nastavitve vašega spletnega mesta globalno, vključno z družino pisav, velikostjo pisave & Scale, težo pisave, preoblikovanjem pisave, slogom pisave, dekoracijo pisave, višino vrstice, razmikom med črkami in celo odzivnimi nastavitvami. Te nastavitve boste lahko nastavili tudi za vsak pripomoček, ki vsebuje besedilo, in prilagodili svoje lastne globalne pisave.

S pravilno oblikovano tipografijo boste lahko te spremembe uporabili globalno.

Celotno spletno mesto je vizualizirano &, organizirano na enem mestu

Medtem ko je znani Theme Builder postal vodilni v panogi v smislu popolnega pregleda zasnove spletnega mesta, gre ta novi uporabniški vmesnik še dlje. Novi ustvarjalec tem vam zdaj na zelo intuitiven način omogoča pregled celotnega spletnega mesta.

Ta Theme Builder ponuja pregled spletnega mesta, to vključuje vse dele spletnega mesta: glavo, nogo, globalno predlogo strani, globalno predlogo objave in še več. Vsak del spletnega mesta je mogoče predogledati, kar močno olajša nalogo oblikovanja celotne spletne strani.

Izboljšave zmogljivosti

Medtem ko aplikacija raste, je očitno, da mora razvijalec skrbeti za zmogljivosti. Posodobitve, narejene na Elementorju 3.0, so narejene za zagotovitev lepo kodne infrastrukture, ki je povzročila izjemne izboljšave zmogljivosti.

Bilo je veliko čiščenja elementov DOM, zaradi česar se Elementor upodablja hitreje. To bi vsekakor moralo izboljšati uvrstitev vaše strani glede hitrosti in splošno izkušnjo za uporabnike na vašem spletnem mestu.

Konkretno, kaj se je spremenilo v smislu hitrosti strani ?

Elementor 3.0 zagotavlja pomembne izboljšave za procese upodabljanja na strani strežnika in način, kako Elementor upodablja dinamične vrednosti CSS. To vam omogoča, da v celotno spletno mesto vključite dinamične elemente in vrednosti. Ustvarite lahko na primer predlogo za objave na spletnem mestu in se odločite, da želite prikazati vsako predstavljeno sliko post’s kot ozadje za naslovom objave.

V ozadju, ko Elementor pripravi objavo za pošiljanje v brskalnik, razčleni objavo za dinamične vrednosti, jih pridobi, in če vsebujejo kakršne koli vrednosti CSS, natisne ta CSS.

Z Elementorjem 3.0 se je čas, porabljen za ta proces, bistveno zmanjšal. Zahvaljujoč dinamičnim vrednostim, ki so shranjene za vsako vašo objavo. Ko je ta seznam shranjen, vsakič, ko nekdo obišče objavo, Elementor gre naravnost na ta seznam in tako pospeši postopek. Dinamične vrednosti, na katere vpliva ta optimizacija, vključujejo slike ozadja, barve in še veliko več. Ta izboljšava prinaša opazno zmanjšanje obremenitve strežnika.

Povzetek posodobitve Elementor 3.0

Kot smo že omenili, je ta različica opremljena z zanimivimi dobrotami, ki bi morale resnično vplivati ​​na vaše vsakodnevno delo. Preživeli smo:

Funkcije sistema TheDesign, ki vam pomagajo pri bolj doslednem in učinkovitem delu.

Novi ustvarjalec tem je zmogljivo vizualno orodje za upravljanje vsakega dela vašega spletnega mesta z enega mesta.

Izboljšave delovanja za boljšo uporabniško izkušnjo.

Elementor 3.0 vas bo kot profesionalnega spletnega ustvarjalca zagotovo popeljal na rob. Če še niste, nadgradite na Elementor Pro . Razmislite tudi o branju naše objave, ki pojasnjuje, zakaj je Elementor zagotovo najboljši brezplačni graditelj strani na WordPressu .

Divi WordPress Theme