Este confirmat, editorul Gutenberg va fi într-adevăr editorul implicit de articole WordPress. euai Am putut să-l testez pe acesta din urmă și mi-am dat seama rapid că mulți utilizatori se vor pierde cu acest nou editor, de aici și motivul acestui tutorial. Așa că împreună vom parcurge elementele de bază ale editorului Gutenberg și vom acoperi câteva puncte avansate.

Înainte de a începe

Dacă nu aveți capacitatea de a instala WordPress versiunea 5.0 (care este încă în curs de dezvoltare), puteți acum descărcați Gutenberg și testați-l pe versiunea dvs. de WordPress (încep din nou un mediu experimental). Cu toate acestea, recunosc că am fost puțin surprins când am analizat evaluările acordate acestui nou editor, mai mult de jumătate dintre utilizatorii mei au acordat o notă de 1/5.

previzualizare gutenberg evaluare wordpress.jpeg

Nu am de gând să mă opresc la acest lucru și să testez pentru a-mi da seama.

Prezentarea interfeței

Pentru a folosi Gutenberg, trebuie scrie un articol (evident), așa cum ați făcut în trecut, adică " Articole> Adăugare".

gutenberg presentation.jpeg

Ceea ce am observat de la bun început este că editorul s-a concentrat foarte mult pe absența distragerii atenției și a exploatat întreaga lățime a paginii.

versiunea veche wordpress.jpeg

Chiar dacă trebuie să recunoaștem că există prea multe margini pe Gutenberg, fundalul alb cred că este o culoare care provoacă mai puține distrageri. Veți observa că Gutenberg seamănă foarte mult cu editorul de postări de pe Calypso (WordPress.com).

calypso editor wordpress.jpeg

Amplasarea elementelor

Secțiunea de backup

Aspectul s-a schimbat enorm. Zona de salvare a articolelor se află acum în partea de sus. Mai degrabă, este o secțiune de acces rapid la butonul de salvare.

secțiunea de rezervă gutenberg.jpeg

Butonul cu pictograma de setare vă permite să închideți clapa de mai jos. Butoanele care ne-au permis să comutăm între editorul vizual și editorul de text sunt acum amplasate în același panou din extrema dreaptă. Pentru a previzualiza articolul, trebuie să faceți clic pe ochiul din fața butonului „Publicați ...”.

control avansat gutenberg.jpeg

Secțiunea pentru selectarea imaginii prezentate pentru categorii și vizibilitatea articolelor este în dreapta, ca de obicei. Trebuie să vă asigurați că „ Document Este selectat.

categoria secțiunii gutenberg și imaginea la primul.jpeg

Secțiunea Bloc

Aceasta este inovația pe care o aduce Gutenberg. Trebuie să știți că acum orice paragraf despre Gutenberg ar trebui considerat un bloc. Blocurile au această posibilitate de a fi reglabile singular, dar pot fi deplasate cu ușurință pe întreg documentul.

Când ați pus cursorul pe paragraful dvs., pentru a accesa funcționalitățile blocului selectat, trebuie să faceți clic pe fila bloc din dreapta.

bloc gutenberg wordpress.jpeg

Cu aceste setări, puteți, de exemplu, să definiți o culoare de fundal care se aplică numai blocului, precum și să modificați dimensiunea fontului blocului. Mi se pare destul de convenabil.

Opțiunile de formatare

Formatarea va apărea deasupra fiecărui bloc.

opțiunea formatting.jpeg

De asemenea, veți afișa opțiunile de aspect în partea de sus făcând clic pe opțiunea Editor, apoi făcând clic pe „Setați bara de instrumente în partea de sus”.

afișați opțiunile de formatare la top.jpeg

Cum se adaugă blocuri personalizate

Nu vă limitați la utilizarea blocului de paragrafe. Pentru a adăuga mai multe blocuri, trebuie să faceți clic pe pictograma + din partea stângă sus.

diferite bloc gutenberg.jpeg

Acest lucru vă permite să accesați diferitele blocuri disponibile. Tot în această locație puteți accesa diferitele blocuri oferite de tematică și pluginuri. Veți avea chiar și opțiunea de a vă salva propriile blocuri personalizate. Cred că va fi mai ușor să editați articole similare.

Asta este tot pentru acest tutorial, vom continua într-un următor punând în practică tot ceea ce am observat în acest tutorial.