OceanWP 3.0 – Vara aceasta este totul despre vanilie

Publicat: 2021-07-20

OceanWP este acum mai rapid, mai elegant și mai stabil! Cu coduri modernizate și orientate pe obiecte, execută funcții rapid, folosind mult mai puține resurse și mult mai puține dependențe.

Tuturor celor care au avut speranțele mari, le vom preda delicioasă înghețată de vanilie – ne pare rău! Totuși, este încă o înviorare. Vorbim despre Vanilla JavaScript și noua versiune OceanWP 3.0 .

Înainte de a explica modificările și îmbunătățirile viitoare, am dori să trecem peste câteva elemente de bază cu dvs. . Acest lucru va ajuta utilizatorii – în primul rând pe cei care nu cunosc codul – să înțeleagă beneficiile modificărilor viitoare .

Ce este JavaScript?

JavaScript este un limbaj front-end (codare/programare). Scopul său principal a fost de a crea efecte animate , în special pentru așa-numitele părți mobile, cum ar fi glisoarele sau meniurile de navigare receptive.

Suntem convinși că fiecare dintre voi a experimentat o situație în care browser-ul v-a cerut să activați sau nu funcționalitatea JavaScript. JavaScript a făcut întotdeauna parte din toate browserele site-ului web , prin urmare nu trebuie să îl includeți separat în site-ul dvs. folosind plugin-uri sau scripturi.

WordPress și JavaScript

JavaScript face parte din CMS-ul WordPress .

JavaScript există în multe forme , așa că nu este o surpriză că WordPress vine la pachet cu multe biblioteci JavaScript. Cu toate acestea, este sigur să spunem că principalele utilizate sunt:

  • jQuery,
  • JSON,
  • Subliniază și
  • Coloana vertebrală.
captură de ecran a WordPress Customizer pentru tema OceanWP WordPress, ilustrând utilizarea JavaScript
WordPress Customizer folosește JavaScript

De ce te plictisim cu aceste detalii?

De nenumărate ori am primit solicitări de asistență în care un utilizator ne-ar cere să-i ajutăm să elimine jQuery de pe site-ul lor, deoarece „un instrument de viteză/optimizare a sugerat că încetinește site-ul”.

Aceste situații ne-au făcut să realizăm că va dura ceva timp pentru ca utilizatorii să înțeleagă astfel de instrumente de evaluare nu sunt exacte și perfecte . De asemenea, ne-a dat o perspectivă că există o mulțime de utilizatori WordPress care nu sunt familiarizați cu funcționalitatea „sub capotă” a WordPress, prin urmare teme și plugin-uri WP.

Pentru a înțelege mai bine instrumentele de evaluare (online), sunt necesare cunoștințe esențiale despre funcționalitatea generală WordPress . Chiar dacă nu intenționați să învățați niciun limbaj de programare sau să deveniți un dezvoltator WordPress, aceste informații vă vor ajuta să determinați dacă un „raport” de la un anumit instrument este corect sau fals. În cele din urmă, veți ști imediat dacă puteți face ceva în legătură cu raportul sau nu.

În limba engleză simplă, dintre toate bibliotecile JavaScript, jQuery este cea mai frecvent utilizată . Nu numai prin WordPress în sine, ci și prin teme și pluginuri.

Și pentru a rezuma, nu puteți elimina jQuery de pe site-urile WordPress .

Ce este jQuery?

V-ar surprinde să aflați că din 1 milion de site-uri web de top de pe internet (nu doar site-uri WordPress), 80% dintre ele folosesc jQuery?

jQuery este o bibliotecă JavaScript foarte ușoară, flexibilă, foarte extensibilă și (din punctul de vedere al dezvoltatorilor) foarte ușor de utilizat.

jQuery ajută la crearea și gestionarea sarcinilor complexe , cum ar fi solicitările AJAX, evenimentele, animațiile, manipulările CSS și funcționalitatea generală a site-ului web. În comparație cu alte biblioteci JS, o sarcină complicată este mai ușor de realizat cu jQuery, deoarece necesită codare minimă.

La urma urmei, motto-ul jQuery este „scrie mai puțin, fă mai mult” .

OceanWP și jQuery

Desigur, până acum probabil ați ghicit.

OceanWP a folosit jQuery . Chiar și unele dintre cele mai preferate plugin-uri, cum ar fi Elementor și WooCommerce, rulează jQuery.

captură de ecran a editorului de generare a paginii Elementor în combinație cu tema OceanWP, ilustrând utilizarea jQuery
Creatorul de pagini Elementor folosește jQuery

Pentru cei dintre voi care abia încep cu OceanWP sau cel puțin se gândesc la asta – OceanWP este una dintre cele mai bune teme de utilizat pentru WooCommerce și/sau Elementor. Consultați toate caracteristicile OceanWP sau previzualizați șabloanele noastre demo pentru site-ul web complet.

Din 2016, cu ajutorul jQuery, am putut să ne ajutăm utilizatorii să facă și să realizeze mai multe cu o singură temă WordPress și fără a folosi pluginuri suplimentare inutile. Inutil să spunem că vorbim despre OceanWP

În comparație cu motto-ul jQuery, al nostru nu este deloc atât de diferit. Scopul OceanWP este de a permite tuturor – de la începători la profesioniști – să construiască site-uri web uimitoare de toate tipurile (eCommerce, blog, portofoliu) rapid și într-un mod ușor și ușor de utilizat . Judecând după feedback-ul și recenziile pe care le primim de la utilizatorii noștri, am avut succes.

Cel mai important, plănuim să continuăm cu această tradiție, dar într-un mod îmbunătățit .

Acesta este motivul pentru care trecem de la jQuery la Vanilla JavaScript .

Ce este Vanilla JavaScript?

Vanilla JavaScript sau Vanilla JS este un termen popular folosit pentru JavaScript simplu .

Spre deosebire de jQuery sau Underscore JS, Vanilla JS înseamnă codificare de la zero, fără a utiliza cadre sau biblioteci ca dependențe.

În limba engleză simplă, Vanilla JS NU este un tip special de JavaScript - ESTE JavaScript în forma sa cea mai pură . Ca atare, și așa cum am menționat deja la început, este deja folosit și susținut de toate browserele.

De unde a venit atunci termenul Vanilla JS?

Este de fapt un fapt distractiv și, crezi sau nu, are legătură cu adevărata înghețată de vanilie. Inghetata de vanilie reprezinta prima forma sau aroma de inghetata. Deci, dacă ești într-o patiserie și comanzi înghețată fără a specifica aroma, vei primi vanilie.

imaginea unei vafe cu o lingură de înghețată de vanilie deasupra, acoperită cu ciocolată. Servește pentru a explica originea termenului Vanilla JavaScript

OceanWP și Vanilie

De ce nu a folosit OceanWP Vanilla JavaScript de la început?

Din păcate, nu există un cadru de reguli sau un ghid care să precizeze când este cel mai bine să folosiți unul sau altul.

Limbajele de programare, în special PHP și JavaScript, (dintre CSS utilizate cel mai mult în WordPress) evoluează constant. Este datoria dezvoltatorilor să determine ce limbă va face cel mai bine treaba, fără a umfla codul în mod inutil .

Când vine vorba de JavaScript sau „copiii” săi, pentru noi, aici, la OceanWP, alegerea perfectă este jQuery de mulți ani.

În cele din urmă, JavaScript s-a maturizat suficient în termeni încât să poată fi folosit pentru a efectua aceleași sarcini ca jQuery și, în același timp, pentru a le executa mai rapid . Și tocmai acesta este momentul pe care îl așteptăm.

Folosirea jQuery face site-ul meu mai lent?

Așa cum am menționat mai devreme, jQuery este unul dintre cele mai rapide și mai utilizate scripturi JS.

Scripturile singure nu fac niciun site mai lent – ​​calitatea codurilor este cea care influențează performanța unui site (printre alți factori interni și externi).

Și este exact aceeași calitate a codului care a făcut ca site-urile web OceanWP bogate în funcții să funcționeze la fel de rapid sau chiar mai bine în comparație cu alte teme cu cea mai mică cantitate de caracteristici.

OceanWP va elimina complet jQuery?

Răspunsul scurt la această întrebare este – nu.

Răspunsul lung și fără a implica o terminologie complicată pentru dezvoltatori, există încă sarcini pe care doar jQuery le poate îndeplini . Sau, mai bine, nu există înlocuitori de cod Vanilla JS pentru aceste coduri jQuery.

Acestea fiind spuse, OceanWP va folosi în continuare jQuery în codurile sale din cadrul temei și al tuturor pluginurilor noastre, dar la nivelul minim .

Va avea Vanilla JS în OceanWP un impact asupra pluginurilor care rulează jQuery?

Trecerea OceanWP la Vanilla JS nu va avea niciun impact negativ și nu va provoca conflicte cu pluginurile care folosesc jQuery .

De fapt, experiența generală a site-ului dvs. web și în special experiența vizitatorilor site-ului dvs. vor fi îmbunătățite semnificativ . Cu o codificare îmbunătățită, OceanWP se bazează acum pe mult mai puține dependențe, ceea ce asigură stabilitatea și minimizează șansele unui posibil conflict JS. Cel mai important, execută funcții mai rapid folosind mult mai puține resurse.

Când va fi lansat OceanWP 3.0?

Era folosirii Vanilla JS în OceanWP începe cu versiunea 3.0.

Vă puteți aștepta la lansarea oficială pe 20 iulie – exact ziua în care este așteptată noua versiune WordPress 5.8.

Și asta ne duce la partea cea mai importantă – pregătirea pentru actualizare .

Pe lângă tema OceanWP, următoarele extensii Ocean au fost, de asemenea, actualizate la Vanilla:

  • Slider Ocean Posts,
  • Ocean Stick orice,
  • Fereastra modală oceanică,
  • Ocean Social Sharing,
  • Partajarea produselor oceanice,
  • Antet Ocean Sticky,
  • Ocean Sticky Footer,
  • Conectare pop-up Ocean,
  • Popup Ocean Woo,
  • Ecran complet ocean,
  • Widgeturi Ocean Elementor,
  • Panoul lateral ocean,
  • Notificare privind cookie-urile oceanului și
  • Portofoliu Ocean.

Actualizarea Ocean Extra 1.7.8 este de asemenea lansată, totuși acest plugin nu conține nicio modificare Vanilla.

Cum să vă pregătiți pentru actualizarea OceanWP Vanilla JS

Împreună cu OceanWP, toate pluginurile cu versiunea Vanilla JS vor fi lansate în aceeași zi.

Ordinea corectă de actualizare este:

  1. Apoi, actualizați OceanWP prin Aspect > Teme
  2. Actualizați toate pluginurile Ocean prin Plugin-uri > Plugin-uri instalate.

Înainte de a actualiza, asigurați-vă că ați luat măsurile de precauție necesare.

Testați mai întâi noua versiune pe localhost sau pe site-ul web de staging

Amintiți-vă, aceasta este o actualizare majoră.

Cea mai bună practică este să testați noile modificări în medii localhost, de testare sau de staging.

Dacă nu aveți opțiunea de a testa actualizările oriunde, nu actualizați imediat . Așteptați câteva zile sau chiar o săptămână, până când vom aduna feedback și ne-am asigurat că puteți actualiza în siguranță.

Amintiți-vă, chiar dacă totul este în regulă, ceva poate merge întotdeauna prost în timpul actualizărilor. La urma urmei, lucrul rău despre software este – este software.

Asigurați-vă că faceți backup corect pentru site-urile dvs. web . Nu vă bazați doar pe găzduirea copiilor de rezervă, luați și copii de siguranță manuale și stocați datele într-un loc sigur. Dacă utilizați pluginul WordPress Reset (a nu se confunda cu WordPress Database Reset), puteți crea și instantanee de site-uri web.

Important: nu uitați să curățați memoria cache după actualizare, de mai multe ori dacă este necesar. Același lucru este valabil și pentru memoria cache CDN (cloud).

Cum să utilizați Vanilla JS cu OceanWP

Pentru a profita din plin de Vanilla JS, toate scripturile din Panoul tematic > Scripturi și stiluri trebuie să fie ACTIVATE în orice moment.

Scurtă explicație: dezactivarea oricărui script creează un fișier complet nou, care este apoi plasat în folderul de instalare al site-ului dvs. web, apoi aplicat pe front-end-ul site-ului dvs. în loc de a utiliza scripturi de temă OceanWP implicite.

Explicație lungă: în momentul în care a fost introdusă opțiunea Scripts & Styles (parte din pluginul Ocean Extra), pluginurile bune (și gratuite) de cache nu erau accesibile tuturor. În timp, situația s-a schimbat. Dacă rulați pluginuri bune de optimizare și stocare în cache, dezactivarea oricărui script este complet inutilă.

Important: nu uitați să curățați cache-ul complet , de mai multe ori dacă este necesar. Același lucru este valabil și pentru memoria cache CDN (cloud).

Activarea tuturor scripturilor va avea un impact negativ asupra site-ului meu?

Nu, nu va.

Acesta este, de asemenea, unul dintre motivele principale pentru care am introdus Vanilla JS. Cu toate acestea, nu intenționăm să ne oprim aici.

Deși folosim încărcarea condiționată a scripturilor în codurile noastre (încărcarea scripturilor pe front-end doar atunci când este necesar), după lansarea Vanilla intenționăm să îmbunătățim și mai mult această funcționalitate. Practic, intenționăm să automatizăm funcționalitatea furnizată anterior de caracteristica Scripturi și stiluri .

Ce urmeaza?

Următorul pas este să vă bucurați de performanța îmbunătățită a site-ului dvs

Dacă observați erori sau probleme, vă rugăm să ne furnizați feedback amănunțit și aprofundat, fie pe pagina noastră GitHub, fie trimițând un bilet de asistență sau un bilet de precumpărare.

Ne angajăm la îmbunătățirea constantă . Scopul nostru este să facem ca vizitatorii dvs. și ai site-ului dvs. să experimenteze cu OceanWP cât mai bine posibil. Când vine vorba de actualizări viitoare, accentul nostru principal va fi pe performanță, accesibilitate îmbunătățită și mai mult, funcții și stiluri noi , precum și revizuirea codurilor existente.

OceanWP a fost creat pentru comunitatea WordPress . Dacă doriți să contribuiți cu ideile dvs., spuneți-ne cum credeți că putem obține și face mai bine. Împărtășiți-vă ideile despre funcții și îmbunătățiri folosind formularul nostru de solicitare a funcțiilor.

LOS; INR. (lung sau scurt, nu citesc niciodată):

Lansăm actualizări majore .

Faceți copii de siguranță ale site-ului web, inclusiv backup manual, înainte de a actualiza OceanWP și pluginurile Ocean .

Cea mai bună practică este să testați toate actualizările în medii de testare, gazdă locală sau medii provizorii . Dacă nu aveți ocazia să testați actualizările, nu actualizați imediat. Așteptați cu actualizările câteva zile până când vom aduna feedback.

În cazul oricăror probleme sau probleme, informați-ne despre posibile erori sau trimiteți bilete.