8 tutoriale Gutenberg pentru dezvoltatori

Gutenberg este noul editor pentru WordPress, introdus în WP 5.0. În timp ce această includere schimbă cu siguranță lucrurile pentru utilizatorii obișnuiți și deschide o mulțime de posibilități pentru crearea de conținut, aceasta oferă și o mare oportunitate și pentru dezvoltatori. Editorul este conceput pentru a fi cât se poate de extensibil și puteți adăuga la constructor orice vă puteți gândi. Am realizat câteva dintre cele mai bune tutoriale Gutenberg pentru dezvoltatori pe care le-am putut găsi, astfel încât să puteți începe să adăugați propriile înfloriri la noua experiență WordPress.

O notă rapidă

Câteva lucruri înainte de a ne scufunda: Gutenberg este scris cu o bibliotecă JavaScript numită React. Este aceeași bibliotecă în care este scris Instagram, precum și propriul nostru iubit Divi Builder. Deci, putem garanta că sunt lucruri bune pe care doriți să le învățați.

Pentru că, dacă doriți să căutați cu adevărat în dezvoltarea Gutenberg, veți intra și în JavaScript. Așa cum a spus Matt Mullenweg cu câțiva ani în urmă, veți „învăța JavaScript. Profund." Avem câteva articole bune pe care le puteți privi pentru a vedea ce fel de lucruri vor funcționa pentru dvs.

Ia-ți ceva timp, uită-te printre acestea și vezi cum ar fi. Și când le aveți marcate sau salvate în Pocket, stabiliți-vă și aruncați o privire la unele dintre cele mai bune tutoriale Gutenberg de pe web.

1. Pagina oficială Gutenberg

Trebuie să începeți cu site-ul oficial WordPress Gutenberg. Adică, dacă nu cunoașteți documentația de bază, nimic de mai sus nu va avea sens. De curând, au făcut din prima pagină o demonstrație complet interactivă a constructorului, precum și furnizarea de link-uri către manualul lor de întrebări frecvente și un tutorial numit Limbajul lui Gutenberg, care este destul de mult necesar să citiți înainte de a merge mai departe cu dezvoltarea.

2. Gutenberg.Noutăți

Deși nu este un tutorial din punct de vedere tehnic, Gutenberg.news agregează un fel de tuturi de profil superior / de calitate de pe web într-un singur loc. Alerg pe acolo ocazional să văd ce e nou și ajung să cad de fiecare dată în gaură. Au un amestec de tutoriale pentru dezvoltatori și utilizatori, dar veți găsi tuturi precum Crearea de Gutenblocks personalizate cu componenta Rich-text și tweets cu linkuri către repozitii Github care vă pot învăța cum să convertiți codurile scurte existente în blocuri Gutenberg.

3. Ghidul de dezvoltare Gutenberg

Cred că este chiar acolo în nume, nu? Ghidul de dezvoltare Gutenberg este o serie de tutoriale care se întind de la începători până la veterani WP cu experiență. Centrul Gutenberg seamănă mult cu Gutenberg.news, dar conținutul nu se suprapune întotdeauna (uneori se întâmplă). Din nou, acesta este un clickhole dacă căutați tutoriale Gutenberg pentru dezvoltatori (sau pentru oricine, într-adevăr). Consideră-te avertizat.

4. Cursul de dezvoltare Gutenberg al lui Zac Gordon

Nu toate cele mai bune lucruri din viață sunt gratuite, iar uimitorul curs de dezvoltare Gutenberg al lui Zac Gordon este o dovadă a acestui fapt. Unul dintre primele cursuri AZ (dacă nu chiar primul) despre noua experiență de editare WP. Cursul este actualizat cu informații noi pe măsură ce Gutenberg este actualizat, așa că nu vă temeți să plătiți 79 USD pentru ceva care va fi depășit. Zac este bine cunoscut în comunitatea WordPress și acest curs vă va arăta absolut de ce. Există chiar și exemple de videoclipuri tutoriale pe care le puteți folosi. În acest fel, veți ști în ce vă îndreptați înainte.

5. Blogul lui Zac Gordon

Probabil că obții că Zac Gordon este un guru Gutenberg. Dar nu ești limitat doar la cursul său plătit. Pe blogul său, are o grămadă de tutoriale Gutenberg pentru dezvoltatori pe care vrei să le vezi și tu.

6. Cum să vă pregătiți pluginurile pentru Gutenberg

TutsPlus are o prezentare cu adevărat solidă a tuturor modurilor pe care trebuie să le cunoașteți pentru a vă asigura că pluginurile dvs. nu se rup atunci când un utilizator are Gutenberg activ. De la modul în care funcționează metabox-urile până la API-ul REST și înregistrarea diferitelor tipuri de blocuri, acesta este magazinul dvs. unic pentru a vedea toate modurile în care vă puteți integra pluginurile cu noul editor Gutenberg pentru WordPress.

7. Fullstack React

Orice dezvoltator Gutenberg ar trebui să fie familiarizat cu React, așa cum am menționat anterior. Fullstack React este unul dintre programele mele preferate pentru a vă familiariza cu biblioteca. Este un program de 30 de zile și parcurgeți diferitele elemente fundamentale de care veți avea nevoie pentru a utiliza biblioteca. Deși familiarizarea cu JavaScript este probabil cea mai bună, am intrat fără să pot scrie o funcție și am înțeles ce se întâmplă. În timp ce există un curs plătit, puteți descărca întreaga carte gratuit în format PDF (peste 300 de pagini), astfel încât să puteți vedea dacă este ceea ce doriți să folosiți pentru a vă scufunda în mediul Gutenberg.

8. Modern React with Redux

Gutenberg folosește și containerul JavaScript Redux. La Udemy, Stephen Grider are un curs care vă va învăța cum să utilizați containerul preferat al lui Gutenberg cu biblioteca sa preferată. Ce-i drept, prețul standard de 179,99 dolari este puțin descurajant; cu toate acestea, Udemy oferă în mod regulat reduceri semnificative la cursuri (în timp ce scriu acest lucru, există o vânzare nebună pentru 10,99 USD, de exemplu). Dacă prețul este mai mare decât vrei să plătești chiar acum, dacă poți aștepta un pic, probabil vei primi o ofertă. Acestea fiind spuse, am urmat personal cursul Grider's React și React Native, așa că pot garanta cât de bun ar trebui să fie acesta.

Să „Gut” mergem

E un Gutenpun, vezi? Serios, însă, Gutenberg este viitorul WordPress. Fie că vă place noua modalitate de a crea conținut, fie că ați instalat pluginul Classic Editor pentru a-l păstra vechi, este aici. Și dacă sunteți dezvoltator WordPress, va trebui să vă descurcați. Nu este chiar atât de greu să-ți continui educația și să vezi direcția în care merge Gutenberg. Oricare dintre tutorialele de mai sus ar trebui să te ajute (sau să te înțepenească ) pe drumul tău de a înțelege pe deplin puterea și extensibilitatea editorului.

Ce tutoriale sau resurse Gutenberg ați folosit pentru a vă pregăti pentru noua eră a dezvoltării WordPress?

Imagine prezentată de articol de 32 de pixeli / shutterstock.com