WordPress 5.0 și Gutenberg: Ce Trebuie Să Știi

Fără îndoială, sunteți conștient de WordPress 5.0, o actualizare masivă care schimbă complet modul în care creăm conținut prin WordPress.

Dacă ați folosit WordPress de ceva timp, probabil știți cât de mult a evoluat platforma de-a lungul timpului. Ceea ce a fost odată un simplu instrument de blogging a devenit o platformă cuprinzătoare de creare și gestionare a site-urilor web.

WordPress 5.0 (numit „Bebo”) reprezintă o schimbare majoră în modul în care folosim platforma. Cu această actualizare, echipa WordPress și-a concentrat atenția asupra utilizabilității și accesibilității. Ei doresc ca toată lumea să poată crea site-uri web uimitor de frumoase și responsive pe mobil, fără a scrie cod.

În acest articol, dorim să prezentăm noutățile din WordPress 5.0, să explicăm Gutenberg și cum să-l folosiți, apoi să discutăm cum afectează acest lucru pluginul dvs. preferat de plăți, WP Simple Pay.

Caracteristici WordPress 5.0

Echipa WordPress a avut trei obiective atunci când a dezvoltat WordPress 5.0:

1. Găsiți o modalitate pentru utilizatori de a crea mai mult conținut cu elemente media bogate și de design, în loc să creeze pagini simple, axate pe text.
2. Creați un standard unic pentru interacțiunea cu interfața utilizator, astfel încât crearea site-urilor web să fie intuitivă. Nu doresc să amestecați text bogat, shortcode-uri, HTML, cod copiat din alte platforme și alte formate. Doresc să folosiți doar sistemul lor de blocuri.
3. Faceți caracteristicile de bază descoperibile. Doresc să vedeți diferitele tipuri de conținut chiar în fața dvs. (video, imagini, separatoare, coloane etc.), astfel încât să nu fie nevoie să căutați prin WordPress sau să improvizați cu pluginuri terțe.

Acestea sunt obiective ambițioase, dar WordPress 5.0 le atinge pe toate. Vizionați videoclipul lor promoțional:

Iată o listă a principalelor actualizări care vin odată cu WordPress 5.0.

• WordPress suportă acum oficial versiunea PHP 7.3.
• Noul pachet de limbaj JavaScript vă permite să adăugați șiruri de caractere traductibile direct în codul JS.
• Meta casetele se salvează când apăsați butonul „previzualizare”.
• Schița este salvată când apăsați butonul „previzualizare”.
• Optimizare mobilă îmbunătățită.
• Puteți decupa imaginile de fundal înainte de a publica.
• Clasa CSS wp-image a fost adăugată, astfel încât să puteți utiliza atributele de dimensiune pentru imagini.
• Mai multe îmbunătățiri semnificative ale WordPress Rest API (care ajută dezvoltatorii să creeze aplicații care se integrează cu WordPress).
• Editorul clasic a fost înlocuit de editorul Gutenberg (mai multe despre acest subiect în curând).

De ce a făcut echipa WordPress aceste modificări?

Simplu spus, WordPress trebuie să concureze cu alte soluții de creare de site-uri web, precum Squarespace, Wix, Shopify etc. Da, aceste platforme atrag comunități de nișă, dar sunt totuși concurenți pentru WordPress. Cota de piață a WordPress continuă să crească, dar la fel fac și cea a concurenților săi.

Temă nouă: Twenty Nineteen

Designerii de la WordPress le place să introducă o temă nouă în fiecare an. WordPress 5.0 a inclus și cea mai nouă temă implicită, Twenty Nineteen.

Ca majoritatea temelor create de echipa WordPress, Twenty Nineteen este modernă, minimalistă, ușoară și profesională. Este foarte personalizabilă și arată grozav pe dispozitive mobile.

Cel mai important, noua temă este concepută special pentru noul editor de blocuri Gutenberg. Deoarece editorul Gutenberg este nou, este una dintre puținele teme disponibile care funcționează perfect. Echipa WordPress spune că va actualiza temele mai vechi WordPress (până la Twenty Ten) în timp pentru a se adapta la Gutenberg.

Editorul de blocuri Gutenberg

Noul editor este cea mai dramatică schimbare în WordPress 5.0. Acesta revizuiește complet modul în care creăm conținut pentru pagini și postări. Gutenberg este disponibil ca un plugin independent de câteva luni, așa că este posibil să-l fi experimentat deja. Acum este editorul implicit WordPress.

„Scopul cuprinzător al lui Gutenberg este o experiență de creare de postări și pagini care facilitează crearea de layout-uri bogate”, spune echipa WordPress.

Dacă ați folosit vreodată un constructor de pagini precum Thrive Architect, Elementor, Visual Composer sau Beaver Builder, veți recunoaște noul sistem implicit al WordPress.

Gutenberg este un editor sofisticat bazat pe blocuri. În loc să tastați sau să lipiți conținutul într-o casetă mare de text, „construiți” conținutul cu blocuri modulare.

Diferite blocuri au scopuri diferite. De exemplu, blocul de imagini este pentru imagini. Blocul de titluri este pentru titluri. Blocul de paragrafe este pentru — ați ghicit — paragrafe. Fiecare bloc are un scop specific și nu le puteți folosi în alte moduri.

WordPress 5.0 vine cu peste 40 de blocuri implicite. Puteți instala plugin-uri suplimentare de la surse terțe cu propriile blocuri. Dacă doriți mai multe blocuri, consultați Atomic Blocks, Stackable, Advanced Gutenberg Blocks sau CoBlocks.

Cum funcționează Gutenberg?

Pentru a adăuga un bloc, pur și simplu îl selectați din meniu sau făcând clic pe unul dintre pictogramele „+” de pe pagina dvs. Puteți muta blocurile pur și simplu trăgându-le într-o nouă locație.

Această metodă de stivuire a blocurilor de conținut vă oferă control asupra designului final fără a atinge codul. Doriți să mutați acea imagine deasupra altui paragraf? Aceasta este o simplă tragere cu mouse-ul, fără nicio reformatare sau cod duplicat rămas în HTML.

Mai mult, blocurile de layout oferă mai multă funcționalitate decât am avut vreodată. Puteți crea coloane, separatoare, butoane și widget-uri (pentru shortcode-uri) rapid și ușor.

Fiecare bloc vine cu propriul panou de setări, astfel încât să puteți construi conținutul exact așa cum doriți. Când faceți clic pe un bloc, un meniu din partea dreaptă a interfeței dvs. se va schimba pentru a afișa setările acelui bloc.

Dacă creați un bloc pe care doriți să-l utilizați în altă parte (fie pe acea pagină, fie în altă parte a site-ului dvs.), îl puteți salva ca reutilizabil. Acest lucru vă oferă posibilitatea de a adăuga rapid blocul cu acele setări pe acea pagină sau pe orice altă pagină.

Ați putea crede că acest nou stil de „construire” a conținutului este mai complicat decât simpla tastare într-o casetă de text, dar WordPress l-a simplificat și mai mult prin adăugarea de numeroase comenzi rapide de la tastatură. Aceste comenzi vă ajută să adăugați, să eliminați și să manipulați rapid blocurile, astfel încât să puteți crea conținut rapid.

Vom vedea, fără îndoială, o mulțime de actualizări pentru pluginurile și temele tale preferate în lunile următoare (dacă nu s-au întâmplat deja). Vor dori să facă modificări pentru a acomoda Gutenberg.

Gutenberg și WP Simple Pay

Deci, cum afectează Gutenberg WP Simple Pay?

Din fericire, nu afectează prea mult. Dacă doriți să adăugați un formular WP Simple Pay pe o pagină, pur și simplu adăugați un nou bloc, găsiți blocul Shortcode din categoria Widgets, apoi lipiți shortcode-ul dvs.

Alternativ, puteți lipi shortcode-ul dvs. într-un bloc de paragraf. Blocul ar trebui să se convertească automat într-un bloc de shortcode.

Frumusețea lui Gutenberg este că sistemul de blocuri va păstra formularul dvs. de plată pe un rând propriu, astfel încât să nu existe un conflict de formatare cu alte elemente de pe pagină.

De acum înainte

Deși este posibil să instalați un plugin care readuce editorul clasic, vă recomandăm să vă familiarizați cu editorul de blocuri cât mai curând posibil. Odată ce vă obișnuiți cu el, veți realiza că puteți crea rapid pagini și postări incredibile fără a atinge codul.

Sincer, credem că Gutenberg și WordPress 5.0 sunt doar începutul unei schimbări către accesibilitate și design la nivel profesional. WordPress — și alte sisteme de management al conținutului — doresc să construiți întregul dvs. site web pe platforma lor, cu cât mai puține instrumente terțe posibil.

Veți găsi o mulțime de critici pe web despre lansarea Gutenberg și WordPress 5.0, dar suntem entuziasmați să vedem cum îl vor folosi oamenii și pentru viitorul WordPress.

Oh, și dacă găsiți un bug, asigurați-vă că îl raportați! WordPress depinde de comunitatea sa devotată pentru feedback, astfel încât să poată itera continuu pe produsul lor.