Editorul Gutenberg WordPress: 10 lucruri pe care trebuie să le știți

Editorul Gutenberg WordPress, cunoscut și sub numele de editor bloc WordPress, face acum parte din nucleul WordPress. Ce înseamnă pentru tine această nouă abordare a editorului WordPress? Ce se întâmplă dacă utilizați deja un generator de pagini WordPress?

În acest ghid, parcurgem elementele de bază ale noului editor Gutenberg pentru WordPress și ceea ce trebuie să știți.

Ce este Editorul Gutenberg WordPress?

Editorul Gutenberg WordPress, numit și editorul de blocuri WordPress, este un nou constructor de pagini inclus în WordPress 5.0+. Editorul Gutenberg adaugă blocuri de conținut și funcționalitate asemănătoare constructorului de pagini la fiecare site web WordPress actualizat.

Gutenberg înlocuiește editorul clasic anterior WordPress care folosea TinyMCE (WYSIWYG) ca editor de conținut implicit pentru postări și pagini. Cu Gutenberg, conținutul este adăugat în „blocuri” individuale, în loc de a intra într-o zonă de conținut mai mare.

Noile blocuri WordPress includ de la paragrafe, titluri, liste, imagini, galerii, încorporări și multe altele.

Gutenberg a fost lansat cu WordPress 5.0, care a reprezentat cea mai mare actualizare a WordPress în ultimii ani. De când a fost lansat Gutenberg, continuă o dezbatere sănătoasă despre noul editor WordPress, implicând mulți oameni care dezvoltă, utilizează și proiectează site-uri web cu WordPress.

Scopul lui Gutenberg

Scopul principal al editorului Gutenberg a fost de a ajuta utilizatorii să creeze postări și pagini cu mai multă flexibilitate. De asemenea, se poate presupune că Gutenberg este destinat să ajute WordPress să concureze mai direct cu alte platforme de site-uri web de construire a paginilor.

Pentru context, iată câteva citate despre scopul noului editor Gutenberg WordPress.

• „Scopul editorului de blocuri este de a face simplă și plăcută adăugarea de conținut bogat la WordPress.” - Din descrierea pluginului Gutenberg de pe WordPress.org.
• „Gutenberg este un pas important înainte pentru WordPress. Gutenberg permite WordPress să creeze aspecte de conținut, nu doar să scrie articole. Este una dintre numeroasele tranziții care au loc în WordPress către o experiență de utilizator mai simplificată. ” - Zack Katz, vorbind la WordCamp Denver 2017

De ce este Gutenberg o mișcare înainte pentru WordPress? Editorul vizual WordPress este stagnat de ani de zile. Deși era previzibil, nu a fost tocmai o experiență fantastică. Scopul este de a avea o interfață mai intuitivă pentru utilizatorii noi, cum ar fi cei oferiți de Wix și Squarespace.

1. Fondatorul WordPress, Matt Mullenweg, este complet în spatele lui Gutenberg

• În The State of the Word 2016, Mullenweg a anunțat că editorul vizual va fi unul dintre cele trei obiective principale pentru 2017.
• Matt a preluat funcția de conducător al proiectului pentru Gutenberg la începutul acestui an și a desemnat angajații Automattic Matias Ventura și Joen Asmussen să conducă dezvoltarea.
• Citiți versiunea lui Matt despre Gutenberg aici: Am numit-o Gutenberg pentru un motiv.
• De asemenea, rețineți că Gutenberg este scris folosind REACT javascript. Odată cu recenta mișcare a Facebook de a relansa proiectul sub licența MIT, Matt Mullenweg a anunțat că WordPress.com și Gutenberg vor fi rescrise folosind o altă bibliotecă. Iată mai multe informații despre REACT și WordPress.

2. Gutenberg a fost mai întâi un plugin separat care este încă dezvoltat activ

Înainte ca Gutenberg să fie introdus în versiunea de bază a WordPress, Gutenberg a fost dezvoltat mai întâi ca un plugin separat care le-a permis utilizatorilor să-l testeze și să vadă cum ar schimba modul în care compun și editează conținut în WordPress.

• Astăzi, pluginul Gutenberg este încă dezvoltat activ cu actualizări săptămânale.
• Pluginul Gutenberg are de obicei mai multe versiuni înainte de nucleul WordPress, deci puteți previzualiza noile caracteristici ale editorului de blocuri WordPress înainte de a fi introduse în nucleul WordPress.
• Rularea pluginului Gutenberg este o modalitate excelentă de a obține cele mai noi caracteristici noi ale editorului de blocuri WordPress. De asemenea, este incredibil de util pentru dezvoltatori și cei care lucrează cu clienții să știe ce se află la orizont pentru editorul de blocuri.

3. Gutenberg a fost lansat în WordPress 5.0 ca editor de conținut implicit

Pe 16 decembrie 2018, a fost lansat WordPress 5.0. Această versiune majoră a versiunii WordPress a inclus o revizuire majoră a editorului de post și pagină, introducând Gutenberg ca editor implicit WordPress.

Fiind cele mai anticipate și mai dezbătute versiuni din istoria WordPress vreodată, editorul Gutenberg a reprezentat o abatere dramatică față de editorul clasic anterior care a existat încă de la înființarea WordPress. Este posibil ca unii utilizatori să fi fost surprinși prin surprindere de diferența drastică a editorului WordPress după lansarea 5.0.

4. Gutenberg este, de asemenea, numit în mod obișnuit editorul de blocuri WordPress

Pe măsură ce timpul a trecut, există încă o anumită confuzie cu privire la ceea ce să numim noul editor WordPress. Numele proiectului era Gutenberg, așa că unii oameni încă îl numesc Editor Gutenberg și „blocurile” sale blocurile Gutenberg.

Pe de altă parte, noul editor este denumit editor de blocuri din interfața utilizator WordPress. Documentația de pe WordPress.org îl numește pur și simplu editorul WordPress.

5. Gutenberg continuă să evolueze și să se îmbunătățească cu fiecare versiune

Din decembrie 2018, toate versiunile majore ale nucleului WordPress au inclus funcții noi, îmbunătățiri și remedieri de erori pentru Editorul Gutenberg. Experiența de editare a continuat să evolueze și într-un mod bun.

De exemplu, cele mai noi funcții și îmbunătățiri ale WordPress 5.5 au fost în mare parte legate de editorul de blocuri. Îmbunătățirile aduse interfeței cu utilizatorul, accesibilității, drag-and-drop și alte probleme de utilizare continuă să fie abordate.

Notă: Înainte de a rula orice versiune majoră de WordPress sau pluginul Gutenberg, vă recomandăm cu tărie să faceți o copie de rezervă a site-ului dvs. WordPress cu un plugin de rezervă WordPress, cum ar fi BackupBuddy.

6. Blocurile Gutenberg continuă să se extindă și să se îmbunătățească

Obiectivul principal al lui Gutenberg a fost de a crea o experiență de editare a conținutului mai bună, bogată, legată de modul în care sunt compuse și editate postările și paginile în WordPress. Dincolo de asta, viziunea despre Gutenberg se extinde dincolo de editorul de post / pagină, în widgeturi și bare laterale și chiar în antetul și subsolul unui site web.

În esență, Gutenberg vă permite să luați o postare sau o pagină și să împărțiți conținutul în diferite „blocuri”. De exemplu, blocurile WordPress includ un bloc de imagine, un bloc de paragrafe, un bloc de cotare, un bloc de titlu, chiar și un bloc de butoane. Citiți mai multe în Blocurile WordPress: Ghidul final al blocurilor Gutenberg .

Iată câteva dintre blocurile WordPress implicite incluse în editorul Gutenberg.

7. Puteți dezactiva Gutenberg, dar poate nu pentru totdeauna

Nu-ți place editorul Gutenberg? S-ar putea să apară momente în care să aflați că noul editor de blocuri nu este exact compatibil cu tema dvs. existentă sau cu pluginurile care rulează site-ul dvs. Vestea bună este că puteți reveni la editorul clasic folosind un plugin numit ... ați ghicit, acesta este Editorul clasic.

Editorul clasic este un plugin oficial întreținut de echipa WordPress care restabilește editorul anterior („clasic”) al editorului WordPress și ecranul „Editați postarea”. Face posibilă utilizarea pluginurilor care extind ecranul respectiv, adaugă meta-cutii în stil vechi sau care depind în alt mod de editorul anterior.

Potrivit echipei WordPress, Editorul clasic este un plugin oficial WordPress care va fi complet acceptat și întreținut până cel puțin în 2022. Deși au adăugat recent „sau atâta timp cât este necesar”.

Iată mai multe despre cum să utilizați editorul clasic cu WordPress.

8. Gutenberg are acum un director de blocuri terță parte

Directorul de blocuri WordPress este un mod nou prin care utilizatorii WordPress pot descoperi, instala și testa blocuri WordPress terțe din editorul de blocuri WordPress. Introdus în WordPress 5.5, Directorul de blocuri WordPress facilitează găsirea blocului WordPress care se potrivește cel mai bine nevoilor dvs.

Pe baza unei discuții despre modul în care pluginurile de blocuri trebuie să fie distinse de alte pluginuri din directorul de pluginuri WordPress.org, noul director de blocuri a fost creat ca o secțiune din directorul de pluginuri care conține doar pluginuri de blocuri unice. Noul director de blocuri WordPress este separat de directorul de pluginuri principale, deci fie căutați plugin-uri WordPress obișnuite, fie pluginuri cu bloc unic.

Un plugin cu un singur bloc este destinat să fie un plugin relativ mic, simplu, care oferă un singur bloc Gutenberg, deci pluginul este blocul.

Acum, în WordPress 5.5, este mai ușor ca niciodată să găsești blocul de care ai nevoie. Noul director de blocuri WordPress este încorporat chiar în editorul de blocuri , astfel încât să puteți instala noi tipuri de blocuri pe site-ul dvs. fără a părăsi vreodată editorul.

Folosiți doar pictograma „+” din partea stângă sus a paginii pentru a utiliza noul inserator de blocuri și pentru a căuta blocurile disponibile. Aveți grijă ca directorul de blocuri să decoleze cu adevărat în viitor, deoarece pare în continuare destul de nou (încă nu sunt foarte multe opțiuni; aproape niciun comentariu).

9. Noile modele de blocuri deschid calea pentru construirea completă a paginii

În WordPress 5.5, editorul de blocuri introduce un nou concept numit tipare de blocuri . Cu modelele de blocuri, puteți acum să creați și să distribuiți planuri de blocuri predefinite. Modelele de blocuri deschid cu adevărat calea pentru ca editorul de blocuri să devină un constructor de pagini. Căutați ca modelele de blocuri să decoleze, deoarece editorul de blocuri continuă să evolueze în această direcție.

Puteți găsi modelele de blocuri înregistrate folosind pictograma „+” din colțul din stânga sus al ecranului. Acum veți vedea atât fila Blocuri, cât și Modele (plus Reutilizabile, dacă aveți), astfel încât să puteți comuta între aceste opțiuni. Apoi, puteți adăuga modele de blocare la postare / pagină, ca orice alt bloc.

Noile modele de blocuri simplifică crearea de machete complexe, frumoase de pagini și postări, utilizând combinații de blocuri pe care le puteți combina și potrivi. De asemenea, veți găsi modele de blocuri într-o mare varietate de pluginuri și teme, cu mai multe adăugate tot timpul.

Ecranul de lansare WordPress 5.5

WordPress 5.5 vine cu o serie de modele de blocuri încorporate, dar este, de asemenea, posibil ca pluginurile și temele terță parte să înregistreze modele de blocuri suplimentare sau să le elimine pe cele existente. Pentru a vedea tiparele de blocuri în acțiune, consultați tema implicită Twenty Twenty. Twenty Twenty este întotdeauna o temă bună de instalat pe un server de dezvoltare, deoarece evidențiază cu adevărat ceea ce este posibil cu cea mai recentă versiune de WordPress.

10. Gutenberg schimbă nevoia de coduri scurte WordPress

Înainte de editorul de blocuri WordPress, codurile scurte WordPress erau unul dintre cele mai bune lucruri pentru a atinge editorul WordPress pentru a facilita adăugarea funcțiilor de plugin și temă la pagini, postări și alte secțiuni ale unui site web WordPress.

Odată cu trecerea la editorul de blocuri, ce înseamnă acest lucru pentru majoritatea pluginurilor și site-urilor web mai vechi care sunt încă pline de coduri scurte? Vor mai funcționa codurile scurte WordPress? Există o modalitate de a trece cu ușurință de la utilizarea codurilor scurte WordPress la blocurile WordPress?

Pe scurt, editorul de blocuri WordPress are implicații majore pentru codurile scurte. Editorul de blocuri WordPress modifică fundamental nevoia și scopul codurilor scurte pentru majoritatea pluginurilor și temelor. Cu un sistem de editare bazat pe blocuri, fiecare „element” de pe pagină are propriul bloc, mai degrabă decât să fie conținut într-un editor WYSIWYG editabil.

Articole de notă despre Editorul WordPress Gutenberg

Aceasta este o colecție cu cele mai bune articole despre Gutenberg pe care le-am citit până în prezent.

Chris Lema vorbește despre Gutenberg

http://chrislema.com/misunderstanding-goal-gutenberg-writing-experience/

Extras:

• „Dacă vom rezolva o problemă cu acest plugin, nu ar trebui să fie disonanța cognitivă pe care o au oamenii atunci când editează într-o singură interfață și își văd produsul de lucru apărând într-o altă interfață care nu pare să creadă ar fi? ”

Răspunsul lui Beaver Builder la Gutenberg

Extras:

• „Pe scurt, suntem foarte entuziasmați și susținem Gutenberg! Speranța noastră este că proiectul continuă să evolueze către ceva ce Beaver Builder poate îmbrățișa și extinde. Am colaborat cu echipa de bază la proiect și am speculat, atât optimist, cât și cu prudență, despre impactul potențial al lui Gutenberg asupra afacerii noastre și a spațiului WordPress în general. Imaginați-vă dacă „Blocurile” Gutenberg suntem interschimbabile cu modulele Beaver Builder sau dacă ați putea trage un rând salvat într-o pagină Gutenberg. Sau, editorul de text al lui Gutenberg ar putea fi folosit în linie în Beaver Builder. Este un potențial de distracție, nu-i așa !? ”

Teme elegante

Extras:

• „Când ne uităm la dezbatere, este important să ne amintim că fiecare schimbare va aduce o anumită inerție și rezistență. WordPress trebuie să avanseze pentru a concura într-un mediu în schimbare. Cu toate acestea, asta nu înseamnă că preocupările exprimate nu sunt valide și nu trebuie să fie soluționate. Din fericire, dezvoltatorii fac tot posibilul să facă exact asta. Cu toate acestea, văzând câte persoane sunt îngrijorate și se simt excluse, poate este necesară o comunicare suplimentară ”.

O revizuire mai degrabă pe WPMU

Acesta nu trage pumni.

Extras:

• „În timp ce dezvoltatorii care lucrează la pluginul editor Gutenberg au pus în mod evident o mulțime de lucruri în crearea pluginului și le felicit eforturile depuse până acum, adevărul este că acest plugin nu este gata să fie inclus în WordPress și are nevoie de mult mai multă muncă, în special, UX. ”

Yoast sugerează un curs alternativ pentru Gutenberg

Se remarcă unele probleme semnificative și se sugerează soluții.

Extras:

• „Suntem foarte entuziasmați de ideea blocurilor, dar avem îngrijorări puternice cu privire la unele dintre opțiunile tehnice și viteza procesului de implementare. De asemenea, suntem îngrijorați de lipsa de prioritate acordată problemelor de accesibilitate în proiect. Dar, cel mai important, suntem foarte îngrijorați de faptul că pluginurile nu sunt capabile să se integreze cu noul editor. ”

Yoast vorbește despre concepte pentru integrarea pluginului său cu Gutenberg

Iată un exemplu pe care alți dezvoltatori de pluginuri îl pot urma.

https://yoast.com/gutenberg-integration/

Extras:

• „Am început prin a descompune toate caracteristicile noastre și a vedea unde le putem integra în Gutenberg. Nu credem că menținerea unei singure casete masive de sub editor va servi cel mai bine clienților noștri. Am prefera să ne integrăm chiar acolo unde se întâmplă acțiunea, iar Gutenberg ne oferă această șansă. ”

Josh Pollock din Caldera Forms

Cinci moduri în care vrea să se dovedească greșit în legătură cu Gutenberg:

Extras:

• „Aceasta este o decizie importantă cu privire la viitorul WordPress. Cred că noi, ca comunitate, vom reuși acest lucru, dar va fi nevoie de o mulțime de testări, iterații și discuții pentru a-l înțelege ”.

Concluzie: Ce ar trebui să faci despre Gutenberg?

• Incearca. Cunoașteți-l singur pe Gutenberg. Încercați-l pe un site de testare sau pe site-ul dvs. live (da, este suficient de stabil). Vedeți ce vă place și ce nu vă place la asta.
• Trimite parerea ta. Pluginul Gutenberg a adăugat recent un link de feedback sub elementul din meniul din bara laterală. Luați ceva timp și oferiți observații bine luate în considerare cu privire la experiența dvs. cu Gutenberg. „Voi băieți sunt idioți” nu este ceea ce caută.
• Nu intra în panică. Există o mulțime de discuții atent gândite de mulți oameni buni în această privință. Editorul de blocuri continuă să se îmbunătățească și, deși este nevoie să ne obișnuim, suntem acum de acord că adoptarea completă a noului editor a fost o mișcare bună.

Mai multe resurse WordPress Block Editor (Editor Gutenberg)

Blocuri reutilizabile WordPress: Ghidul final

Blocurile reutilizabile WordPress sunt o caracteristică puternică a editorului de blocuri WordPress. Blocurile reutilizabile vă permit să salvați rapid orice bloc WordPress pe care îl utilizați frecvent. Citeste mai mult …

Directorul de blocuri WordPress: Ghidul esențial

Introdus în WordPress 5.5, Directorul de blocuri WordPress facilitează găsirea blocului WordPress care se potrivește cel mai bine nevoilor dvs. Citeste mai mult …

Blocuri WordPress: Ghidul final al blocurilor Gutenberg

Cu blocurile WordPress, cunoscute și sub numele de blocuri Gutenberg, utilizatorii pot experimenta un mod mai ușor de a crea conținut bogat în postări și pagini într-un mod cu adevărat vizual. Citeste mai mult …

Kristen Wright

Kristen a scris tutoriale pentru a ajuta utilizatorii WordPress din 2011. De obicei, o puteți găsi lucrând la articole noi pentru blogul iThemes sau dezvoltând resurse pentru #WPprosper. În afara muncii, Kristen se bucură de jurnal (a scris două cărți!), Drumeții și camping, gătit și aventuri zilnice cu familia ei, sperând să ducă o viață mai prezentă.