Ghidul tău suprem pentru utilizarea viitorului editor Gutenberg WordPress

Cândva în următoarele câteva luni, modul în care creați conținut cu WordPress se va schimba radical. Actualul editor de text pe care îl utilizați de ani de zile va dispărea, înlocuit cu noul editor WordPress Gutenberg.

O mare schimbare ca aceasta este probabil să-ți sune niște clopote de alarmă în cap...

Fluxurile dvs. de lucru vor fi întrerupte? Pluginurile și temele dvs. actuale vor continua să funcționeze? Cum poți continua să creezi conținut grozav cu acest nou editor?

În această postare, veți afla răspunsurile la aceste întrebări și multe altele .

Acesta este ghidul suprem WordPress Gutenberg Editor pentru oricine și oricine creează conținut cu WordPress.

Vei invata:

1. Ce este WordPress Gutenberg Editor, de ce/când apare și răspunsurile la câteva întrebări frecvente de bază.
2. Cum puteți imita funcționalitatea actuală a editorului și cum puteți crea o postare de bază pe blog cu Gutenberg.
3. Câteva sfaturi sub-radar pentru a lucra mai productiv cu Gutenberg ( pe baza experienței mele practice de a-l folosi pe un site live ).
4. Cum să valorificați noile funcții din Gutenberg pentru a beneficia de conținut și funcționalitate de aspect la care nu ați avut niciodată acces înainte.

Acest nou editor vine indiferent de ce, așa că acordați-vă timp pentru a vă familiariza cu Editorul Gutenberg WordPress, astfel încât să fiți gata să începeți de îndată ce va fi lansat!

Ce este Gutenberg Editor, plus de ce ar trebui să-ți pese

Editorul Gutenberg este o reimaginare completă a actualului editor de text WordPress pe care îl utilizați pentru a crea postări sau pagini cu WordPress.

Spun mai degrabă reimaginare decât reproiectare, deoarece reconstruiește cu adevărat experiența de editare de la zero .

Odată ce dezvoltarea este finalizată, Gutenberg va înlocui actualul editor de text WordPress și veți folosi Editorul Gutenberg pentru a crea conținut în continuare ( deși veți avea opțiuni dacă doriți să rămâneți la experiența actuală - mai multe despre asta mai târziu ).

Deci, ce face din Editorul Gutenberg o „reimaginare completă”?

Mai întâi, să începem cu o reîmprospătare a ceea ce vreau să spun prin „editorul WordPress”. Dacă nu sunteți sigur despre ce am vorbit, iată cum arată actualul editor WordPress TinyMCE :

Dacă ați folosit Wordable pentru a publica postări WordPress direct din Google Docs, este posibil să nu petreceți mult timp acolo! Dar pariez că există încă șanse mari să cunoști bine cum funcționează editorul.

Editorul Gutenberg introduce ceva numit „blocuri”

Editorul de text WordPress actual este un fel ca un document Microsoft Word lung. Gutenberg schimbă această dinamică cu ceva numit blocuri .

Mai degrabă decât un singur câmp de editare, fiecare „lucru” din Gutenberg este propriul „bloc”. Dacă ați scris vreodată o postare cu Medium – este aceeași idee .

De exemplu:

• Fiecare paragraf de text este propriul său bloc separat.
• O imagine este propriul ei bloc.
• Un videoclip YouTube este propriul său bloc.
• ... înțelegi ideea.

Apoi vă asamblați conținutul folosind o serie de blocuri. De exemplu, iată cum arată același conținut de mai sus în Gutenberg. Are patru blocuri diferite:

• Trei blocuri de paragrafe separate
• Un bloc de imagini

Importanța acestei abordări bazate pe blocuri este că deblochează capabilități mai avansate pentru conținut și aspect.

De exemplu, veți putea să introduceți coloane, să inserați și să stilați butoane și să efectuați o mulțime de alte acțiuni pe care fie nu le puteți face cu editorul actual, fie care ar necesita HTML/CSS cu editorul curent.

Mai târziu, voi trata blocuri mai detaliat. Dar dacă doriți să vă udați picioarele chiar acum, puteți juca cu o demonstrație live a Editorului Gutenberg, accesând aici - nu este nevoie să instalați nimic.

Iată de ce echipa de bază WordPress face această schimbare

Pentru cea mai mare parte a vieții sale, WordPress a folosit același editor de bază (TinyMCE). În timp ce designul s-ar fi putut schimba ici și acolo, funcționalitatea de bază nu a zbătut niciodată.

Deci de ce schimbarea acum? Dacă a funcționat în ultimii ~15 ani, de ce nu poate continua să funcționeze în următorii 15 ani?

Există câteva motive.

În primul rând, editorul actual este prea limitativ pentru utilizatorii ocazionali din această perioadă. În timp ce WordPress face posibil să creezi orice îți poți imagina, face asta doar dacă cunoști ceva HTML/CSS .

Combină asta cu concurența creatorilor de site-uri vizuale precum Squarespace și Wix ( care și-au dublat amândoi utilizarea în ultimul an ) și poți înțelege de ce echipa de bază WordPress a considerat că WordPress are nevoie de o experiență de editare mai flexibilă pentru a-și păstra avantajul.

În al doilea rând, Gutenberg oferă capacitatea de a unifica multe interfețe disparate pe care le au utilizatorii WordPress ocupați. Nu vreau să devin prea tehnic aici. Dar dacă utilizați pluginuri terță parte, probabil că aveți diverse coduri scurte, casete meta și zone de setări care fac parte din fluxurile dvs. de lucru WordPress.

Gutenberg poate unifica toate acele interfețe diferite în sistemul de blocuri.

În al treilea rând, Gutenberg introduce tehnologii moderne în WordPress. Mai exact, React. Acest lucru nu numai că ajută editorul în sine, dar le permite și dezvoltatorilor terți să lucreze cu acele tehnologii moderne.

În cele din urmă, editarea conținutului este doar începutul acestui proces. În timp ce în acest moment , Gutenberg tocmai va schimba modul în care creați postări și pagini, scopul final este ca Gutenberg să treacă la designul vizual complet al site-ului web.

Avantajele și dezavantajele trecerii la noul editor Gutenberg

Deci... Gutenberg va fi un lucru bun pentru tine?

Ei bine, a fost de fapt o problemă destul de dezbinătoare în comunitatea WordPress, cu argumente pasionate de ambele părți.

Pe de o parte, aveți oameni care promovează beneficiile lui Gutenberg:

• Mai multe posibilități pentru conținut – Gutenberg adaugă blocuri predefinite pentru butoane, ghilimele etc. Acest lucru vă oferă mai mult control asupra conținutului dvs. fără a fi nevoie de CSS personalizat. În plus, pluginurile terță parte își pot adăuga propriile blocuri de conținut, ceea ce vă oferă și mai multă flexibilitate.
• Mai multe posibilități de aspect – dincolo de noile posibilități de conținut, aveți și noi opțiuni de aspect, cum ar fi posibilitatea de a include coloane sau separatoare fără a avea nevoie de cod personalizat.
• Experiență unificată – în loc să fie nevoie să folosească coduri scurte pentru a insera conținut de la pluginuri terțe, aceste plugin-uri își vor putea crea propriile blocuri, ceea ce creează o experiență de editare mai simplă și mai unificată.
• Compatibil cu dispozitivele mobile – Gutenberg funcționează excelent pe mobil în mod implicit, ceea ce vă permite să creați sau să editați conținut de pe orice dispozitiv.

Dar, pe de altă parte, aveți oameni care subliniază unele probleme mari cu un proiect atât de ambițios:

• Compatibilitate inversă – ~ 32% din întregul Internet utilizează editorul WordPress actual, ceea ce face foarte dificilă trecerea la o experiență de editare complet nouă. Practic, există atât de multe cazuri de margine cu tot acel conținut vechi încât este greu de asigurat o tranziție fără întreruperi.
• Greu pentru dezvoltatori – dezvoltatorii de teme și pluginuri vor trebui să creeze compatibilitatea Gutenberg în pluginurile și temele lor, iar extensiile mai vechi ar putea să nu funcționeze întotdeauna perfect. Există zeci de mii de pluginuri mai vechi care ar putea întâmpina probleme de compatibilitate.
• Educația utilizatorilor – în timp ce noilor utilizatori ar putea să le placă Gutenberg, utilizatorii vechi vor trebui să învețe noi fluxuri de lucru, ceea ce este deosebit de dificil pentru dezvoltatorii care au creat site-uri pentru clienți non-tehnici.

Deci, WordPress Gutenberg Editor este un lucru bun sau un lucru rău?

Ei bine, introduc un fel de părere personală aici , dar cred că Gutenberg va fi o schimbare pozitivă pe termen lung . Veți avea mai mult control asupra modului în care arată și funcționează conținutul dvs. fără a fi nevoie de soluții externe sau soluții de cod personalizate.

Acestea fiind spuse, există cu siguranță posibilitatea de dureri de creștere pe termen scurt atunci când vine vorba de compatibilitatea cu pluginurile existente pe care le-ați putea folosi. Și va fi greu să forțezi baza imensă de utilizatori a WordPress să învețe o nouă interfață.

Când va fi lansat Editorul Gutenberg?

Răspunsul scurt este: nu știm data exactă . Gutenberg va fi lansat ca parte a WordPress 5.0, dar nu există încă un cuvânt oficial despre data exactă de lansare a WordPress 5.0.

Acum avem totuși o idee aproximativă. Conform recentei întâlniri de lansare a WordPress 5.0 , datele proiectate sunt încă de 19 noiembrie 2018 sau până la 22 ianuarie 2019 .

Iată răspunsul mai lung:

În acest moment, Editorul Gutenberg există ca plugin în timpul stării sale beta. Dacă doriți, ați putea să instalați pluginul și să începeți să îl utilizați pe site-ul dvs. astăzi ( este în versiune beta, deci nu l-aș recomanda ).

Odată ce beta și testarea se termină, echipa WordPress va îmbina Editorul Gutenberg cu software-ul de bază WordPress din WordPress 5.0 . Apoi, odată ce vă actualizați site-ul WordPress la WordPress 5.0, Editorul Gutenberg va înlocui automat actualul editor TinyMCE.

Ce se va întâmpla cu conținutul dvs. existent odată ce editorul Gutenberg va fi lansat?

Deoarece Gutenberg înlocuiește editorul actual, probabil vă întrebați ce se va întâmpla cu tot conținutul dvs. existent.

Nu vă faceți griji – Gutenberg este construit pentru a fi compatibil cu versiunea inversă .

Așa cum este acum , Gutenberg pune tot conținutul dvs. vechi într-un singur bloc clasic . De exemplu, iată cum arată exemplul TinyMCE de mai sus când instalez Gutenberg:

Dacă doriți, puteți continua să lucrați în acel singur bloc Classic, deși experiența este puțin incomodă. Sau, veți putea face clic pe pictograma cu trei puncte pentru a vă converti conținutul vechi în blocuri Gutenberg:

Odată ce vă convertiți conținutul vechi în blocuri, acesta va funcționa la fel ca orice altă postare a Editorului Gutenberg.

Deoarece Editorul Gutenberg utilizează această abordare unică de blocare clasică pentru conținutul vechi, nu ar trebui să întâmpinați probleme de tranziție. Dar este posibil să întâmpinați probleme cu pluginurile de la terți, așa că ar trebui să mențineți în continuare vigilență și să vă verificați vechiul conținut.

Editorul Gutenberg va funcționa cu toate temele WordPress?

Da! Din nou, deoarece Gutenberg va fi editorul implicit, în mod natural trebuie să funcționeze cu orice temă WordPress.

Acestea fiind spuse, există câteva lucruri pe care dezvoltatorii le pot face pentru a adăuga o capacitate specială pentru Gutenberg, așa că veți începe să vedeți „compatibil cu Gutenberg” să apară în materialele de marketing ale multor teme destul de curând.

Iată ce face o temă compatibilă cu Gutenberg:

• Stil special pentru blocuri – temele pot adăuga stil special pentru blocurile de bază Gutenberg. Acest lucru asigură că toate blocurile lui Gutenberg se potrivesc perfect cu designul temei tale.
• Alinierea la lățime completă – Gutenberg vă permite să creați imagini la lățime completă care se întind pe întreg ecranul, dar numai dacă dezvoltatorii de teme o activează în mod special.
• Stilul editorului – dezvoltatorii de teme își pot adăuga propriul stil la interfața de editare Gutenberg . Acest lucru creează mai mult o abordare de design vizual. Puteți vedea un exemplu aici .

Trebuie să utilizați Editorul Gutenberg odată ce WordPress 5.0 este lansat?

Nu! În timp ce Gutenberg va fi editorul implicit în WordPress 5.0, de fapt nu trebuie să îl utilizați.

Dacă doriți să continuați să utilizați editorul WordPress actual, există un plugin oficial Classic Editor care ascunde toate urmele lui Gutenberg și restabilește experiența actuală de editare.

Alternativ, acest plugin vă poate permite, de asemenea, să utilizați ambele editori și să comutați între ele post-cu-post.

Tutorial WordPress Gutenberg – Cum vei folosi noul editor

Ok, acum că ți-ai terminat cursul rapid Gutenberg 101, haideți să trecem la curent cu Editorul Gutenberg.

Scopul acestei secțiuni este de a vă face cunoștință cu Editorul Gutenberg, astfel încât să puteți porni la sol odată ce este lansat.

Pentru a începe, iată un grafic care vă va ajuta să înțelegeți elementele de bază ale interfeței Editor Gutenberg:

1. Acesta este corpul editorului. Acolo vei lucra cu conținut
2. Aceste butoane vă permit să adăugați blocuri noi . Dacă doriți să adăugați o imagine, un videoclip sau orice alt conținut blocat, le veți folosi.
3. Aici adaugi titlul postării tale.
4. Aceste opțiuni vă permit să salvați schițe, să vizualizați previzualizări și, în cele din urmă, să vă publicați postarea.
5. Când nu aveți un bloc selectat, această bară laterală vă permite să gestionați opțiunile generale pentru postarea dvs., cum ar fi categoriile și imaginea prezentată. Când aveți un bloc selectat, vă oferă opțiuni pentru blocul respectiv specifice.

Apoi, când mergeți să adăugați un bloc nou, veți vedea această fereastră pop-up cu o listă cu toate blocurile disponibile. Puteți fie:

1. Utilizați filele acordeon pentru a căuta toate blocurile disponibile
2. Căutați direct blocul pe care îl doriți

Cum să creezi o postare simplă de blog cu Editorul Gutenberg

În această secțiune, veți afla cum puteți efectua același tip de acțiuni pe care le puteți efectua deja în editorul WordPress actual .

Practic, veți învăța cum să vă adaptați fluxul de lucru existent la Editorul Gutenberg. Apoi, în secțiunea următoare, vă voi arăta cum să profitați de noua funcționalitate a Editorului Gutenberg.

Adăugarea sau formatarea conținutului text de bază

Conținutul textului de bază al paragrafului este simplu - trebuie doar să faceți clic și să tastați. Singura diferență imediată este că de fiecare dată când apăsați Enter pentru a crea o nouă linie, Gutenberg va crea automat un nou bloc pentru următorul paragraf:

Când faceți clic într-un bloc, veți vedea o bară de instrumente de formatare care apare unde puteți:

• Schimbați alinierea
• Adăugați caractere aldine și cursive
• Introduceți linkuri
• etc.

Practic, aceasta acționează foarte mult ca bara de instrumente din editorul actual:

Mai târziu, vă voi arăta o alternativă bună la această abordare implicită.

Dincolo de opțiunile de formatare din bara de instrumente, aveți și câteva opțiuni în bara laterală din dreapta, care vă permit:

• Controlați dimensiunea și culoarea textului
• Adăugați un capac

Destul de simplu până acum, nu?

Crearea unui titlu (H1, H2 etc.)

Aveți câteva opțiuni diferite pentru a crea un titlu.

În primul rând, aveți posibilitatea să utilizați pictograma + pentru a introduce un nou bloc Titlu:

Odată ce ați inserat blocul Titlu , puteți să tastați pentru a adăuga textul și să utilizați bara laterală sau bara de instrumente pentru a controla ce titlu să utilizați (de exemplu, H2 vs H3):

Alternativ, puteți, de asemenea:

• Transformați un bloc de paragraf obișnuit într-un bloc de titlu utilizând butonul Schimbați tipul de bloc .
• Utilizați markdown pentru a vă crea antetul (de exemplu „## Acesta este un titlu 2”)

Iată un GIF pentru a ilustra aceste două metode:

Inserarea de imagini, videoclipuri sau alt conținut media

Ok, deci acum puteți crea și formata atât textul de bază, cât și titlurile. Asta te va duce cel mai mult până acolo!

Dar cum rămâne cu inserarea conținutului media?

Pentru a insera orice conținut media, puteți folosi aceeași pictogramă + pentru a insera un bloc.

Pentru a insera conținut media sub conținutul existent, utilizați pictograma + din colțul din stânga sus.

Alternativ, puteți, de asemenea, să inserați un bloc nou între conținutul existent, trecând cu mouse-ul peste locul în care doriți să inserați conținutul. Apoi, ați folosi butonul Adăugați bloc din stânga noului bloc:

După ce deschideți fereastra pop-up Insert Block , puteți alege dintre:

• Imagine – inserați o imagine din biblioteca media WordPress sau o adresă URL externă.
• Video – încorporați un videoclip din biblioteca media WordPress sau o adresă URL externă.
• Încorporare – blocuri separate pentru a vă ajuta să încorporați conținut de pe YouTube, Vimeo, Spotify, SoundCloud, Instagram și o mulțime de alte surse.

De exemplu, iată cum arată să inserați o imagine din biblioteca media WordPress:

Și iată cum ați putea încorpora un videoclip YouTube:

Inserarea de coduri scurte de la alte plugin-uri

Dacă sunteți ca majoritatea utilizatorilor WordPress, probabil că aveți unele pluginuri pe care le includeți în conținutul postării sau paginii dvs. folosind coduri scurte.

În cele din urmă , scopul este ca acele tipuri de plugin-uri să-și creeze propriile blocuri Gutenberg pe care le puteți utiliza direct ( mai multe despre asta mai târziu ). Dar până atunci , puteți include în continuare coduri scurte în conținutul dvs. Gutenberg utilizând blocul Shortcode :

Rearanjarea conținutului (aveți două opțiuni)

Ok, destul de ușor până acum... dar dacă vrei să schimbi ordinea blocurilor?

Pentru a face asta, aveți două opțiuni.

În primul rând, dacă treceți mouse-ul la stânga unui bloc*, puteți utiliza glisarea și plasarea pentru a muta blocurile:

În al doilea rând, puteți folosi și săgețile sus sau jos pentru a muta blocurile în sus sau în jos cu o poziție:

*Pentru a activa glisarea și plasarea, țineți mouse-ul peste cele 6 puncte dintre săgețile sus și jos.

Lucrul cu informațiile din culise (Categorii, URL Slug etc.)

Ok, deci cele de mai sus ar trebui să acopere cum să adăugați conținut de bază pe blog. Dar cum rămâne cu toate celelalte părți din culise ale pregătirii unei postări pentru publicare?

Pentru majoritatea acțiunilor, puteți utiliza fila Document din bara laterală. Aici vei:

• Alegeți o dată de publicare/programați postările în avans
• Selectați autorul
• Adăugați categorii și etichete
• Selectați imaginea prezentată
• Introduceți fragmentul dvs

În plus, puteți folosi butoanele de deasupra acelei bare laterale pentru a:

• Previzualizează postarea ta
• Salvați schițele ( Gutenberg vă salvează automat schița, astfel încât de obicei nu va trebui să faceți acest lucru manual )
• Publică-ți postarea

Singurul lucru dificil este setarea postării sau adresei URL a paginii. Pentru a edita, faceți clic pe titlu. Apoi, veți putea edita slug-ul:

Ce zici de pluginuri precum Yoast SEO? Cum vor funcționa?

Există șanse mari să aveți și alte pluginuri de backend pe care trebuie să le configurați pentru fiecare parte de conținut.

Există două moduri prin care veți interacționa cu aceste plugin-uri.

În primul rând, mulți dezvoltatori lucrează deja la compatibilitatea directă cu Gutenberg. De exemplu, Yoast SEO acceptă deja Gutenberg și îți vei configura setările Yoast SEO direct din aceeași bară laterală a documentului :

Pentru pluginurile vechi care nu au încă suport pentru Gutenberg, veți putea în continuare să utilizați casetele meta așa cum ați face cu editorul TinyMCE:

Șase sfaturi pentru a lucra mai productiv cu Gutenberg

Când începeți să lucrați cu Editorul Gutenberg, s-ar putea să vă simțiți puțin lent. Aceste sfaturi pot ajuta la accelerarea procesului și ușurează introducerea și personalizarea rapidă a blocurilor de care aveți nevoie.

1. Introduceți blocuri rapid tastând „/” pentru a economisi o tonă de timp

Metoda de inserare a blocurilor pe care v-am arătat-o ​​mai sus este utilă atunci când ați început să utilizați Gutenberg, deoarece vă permite să vedeți toate blocurile disponibile.

Dar, odată ce vă familiarizați cu blocurile de care aveți nevoie, le puteți introduce mult mai rapid folosind funcția de inserare rapidă.

În loc să dai clic pe pictograma + , doar:

• Apăsați enter pentru a crea un bloc nou
• Tastați un „/”
• Începeți să tastați numele blocului

Pe măsură ce tastați, Gutenberg va sugera automat blocurile care se potrivesc. Apoi, apăsați Enter pentru a insera blocul dorit.

Iată-l în acțiune:

Asta e mult mai rapid, nu?

2. Aflați comenzile rapide de la tastatură pentru o editare mai rapidă

Gutenberg vine cu comenzi rapide de la tastatură care vă pot accelera modul de lucru.

Puteți afișa o listă completă a acestor comenzi rapide făcând clic pe CTRL + Alt + H (Windows) sau CMD + Alt + H (Mac):

Ar trebui să citiți lista completă, dar iată câteva dintre cele mai utile:

• Ctrl + S – salvează-ți schița.
• Ctrl + Z – anulează sau Ctrl + Y – reface.
• Ctrl + Alt + Backspace - ștergeți blocul selectat ( foarte la îndemână ).
• Ctrl + Shift + D – duplicați blocul selectat.
• Ctrl + Alt + T – inserați un bloc nou înaintea blocului selectat.
• Ctrl + Alt + Y – inserați un bloc nou după blocul selectat.

De asemenea, puteți utiliza majoritatea comenzilor rapide globale, cum ar fi Ctrl + B pentru aldine sau Ctrl + V pentru a lipi.

3. Trageți imagini de pe desktop în conținutul dvs. Gutenberg

Dacă trebuie să includeți o mulțime de imagini, acesta este un alt truc frumos.

În loc să fie nevoie să creați manual un nou bloc de imagini pentru fiecare imagine, puteți pur și simplu să trageți o imagine direct dintr-un dosar de pe desktop chiar în locul unde puteți să o includeți în postarea dvs.

WordPress îl va încărca automat în biblioteca dvs. media și îl va insera chiar acolo. Există un singur lucru la care trebuie să acordați atenție – asigurați-vă că vedeți linia albastră când trageți imaginea , altfel nu va funcționa:

4. Adăugați o bară de instrumente de editare fixă

Un lucru pe care unii îl consideră dificil cu Gutenberg este că bara de instrumente de editare clipește în mod constant și dispare pe măsură ce faceți clic între diferitele blocuri de paragraf.

Dacă nu vă place, puteți activa opțiunea Unified Toolbar pentru a obține o bară de instrumente mereu prezentă în partea de sus a interfeței Gutenberg:

5. Utilizați sintaxa Markdown pentru titluri, liste etc.

Dacă vă place să utilizați markdown, veți putea încorpora o sintaxă markdown în Gutenberg.

De exemplu:

• ## – creează un H2 ( ai văzut deja asta – se transformă într-un bloc de titlu ).
• * – începe o listă neordonată.
• 1. – începe o listă ordonată.
• > – creează un bloc citat (se transformă într-un bloc citat ).

Nu puteți folosi toată sintaxa markdown. Dar exemplele de mai sus sunt deja destul de utile pentru o formatare mai rapidă:

6. Editați HTML direct dacă este necesar

Dacă ajungeți într-o situație în care doriți să editați HTML direct, puteți accesa editorul de cod făcând clic pe cele trei puncte din colțul din dreapta sus sau folosind comanda rapidă Ctrl + Shift + Alt + M :

Profitând de noua funcționalitate a lui Gutenberg – coloane, butoane și multe altele!

Bine, am acoperit:

• Cum să utilizați Gutenberg pentru a crea o postare de bază pe blog.
• Câteva sfaturi pentru a accelera modul în care lucrați cu Gutenberg.

Acum, haideți să intrăm în unele dintre lucrurile interesante noi pe care le puteți face cu Gutenberg. Acestea sunt caracteristicile interesante care ar trebui să explice de ce echipa WordPress a decis să avanseze cu Gutenberg.

Butoane de inserare – Nu este necesar HTML

Cu editorul vechi, singura modalitate de a crea butoane era să adăugați manual o clasă CSS sau să utilizați un plugin terță parte.

Cu Gutenberg, trebuie doar să adăugați blocul Button . Pentru a edita textul butonului, trebuie doar să faceți clic și să tastați. Și pentru a schimba culorile, puteți folosi bara laterală:

Creați aspecte cu mai multe coloane

Cu vechiul editor, nu exista nicio modalitate de a crea machete cu mai multe coloane fără propriul HTML personalizat sau un plugin terță parte.

Cu Gutenberg, trebuie doar să adăugați blocul Coloane . Apoi, puteți adăuga alte blocuri în interiorul diferitelor coloane:

Creați imagini întinse la lățime completă

Dacă tema dvs. o acceptă , veți primi o nouă opțiune de aliniere pe lățime completă care vă permite să întindeți imaginile pe întreg ecranul, ceea ce deschide câteva aspecte interesante de conținut:

Creați șabloane bloc reutilizabile

Dacă utilizați în mod regulat aceeași combinație de blocuri, puteți economisi timp prin crearea unui grup de blocuri reutilizabil.

Mai întâi, puteți face clic și trage pentru a selecta toate blocurile pe care doriți să le includeți. Apoi, puteți folosi cele trei puncte pentru a adăuga la blocurile reutilizabile :

Îi vei da un nume. Apoi, veți putea insera întregul șablon la fel ca orice alt bloc:

Puteți adăuga mai multe blocuri și funcționalități cu pluginuri terțe

Iată unde Gutenberg începe să devină și mai rece:

Pluginurile terță parte își pot adăuga propriile blocuri pe care le puteți folosi în design-urile dvs. Gutenberg.

Există două moduri prin care acest lucru vă poate beneficia:

• Pluginurile pe care le utilizați deja își vor crea propriile blocuri Gutenberg. De exemplu, dacă utilizați un plugin pentru calendarul evenimentelor, veți putea insera evenimente doar folosind blocul de evenimente al pluginului.
• Dezvoltatorii creează plugin-uri Gutenberg dedicate care adaugă tone de blocuri de conținut noi generice care vă oferă mai mult control asupra design-urilor dvs.

De exemplu, consultați pluginul gratuit Stackable . Odată ce îl instalați și îl activați, veți primi un nou set de blocuri stivuibile în Gutenberg:

Și apoi puteți folosi acele blocuri pentru a face niște lucruri destul de interesante, cum ar fi inserarea unui tabel de prețuri sau a unei mărturii:

Acesta este doar începutul pentru editorul WordPress Gutenberg

Si asta e! Dacă ați ajuns până aici, ar trebui să fiți un guru Gutenberg care este gata să dea drumul la sol imediat ce WordPress 5.0 este lansat.

În timp ce învățarea unui nou flux de lucru nu se află pe listele celor mai mulți oameni de „moduri distractive de a petrece un weekend”, stăpânirea dezavantajelor lui Gutenberg va fi esențială pentru oricine folosește WordPress.

Nu numai că Gutenberg va afecta modul în care creați conținut chiar acum , dar va juca și un rol major în WordPress în viitor.

Tot ce ai văzut mai sus este doar prima etapă a lui Gutenberg. În faza a doua, Gutenberg se va muta în șabloane de pagină, iar faza a treia îl va transforma pe Gutenberg într-un instrument pentru personalizarea completă a site-ului web .

Așa că... deveniți prieteni buni cu Gutenberg, pentru că veți vedea o mulțime de asta în următorii câțiva ani!