Tutorial Gutenberg: Cum să utilizați noul editor de blocuri WordPress

Numit după inventatorul presei de tipar, Johannes Gutenberg, noul editor de bloc WordPress Gutenberg a debutat în versiunea WordPress 5.0 ca editor implicit pentru WordPress.

Misiunea este simplă, de a crea o nouă experiență de scriere și editare cu WordPress.

Cu blocuri, editorul Gutenberg oferă o experiență unică în crearea de conținut media cu WordPress.

Aduce o mulțime de funcționalități nativ editorului, care cu editorul clasic ar avea nevoie de pluginuri pentru a îndeplini sarcini.

În scurt timp, vă voi explica cum să utilizați editorul de blocuri Gutenberg.

Lucrând cu mulți clienți care folosesc WordPress, nu mulți au fost încântați de trecerea grea în experiența lor de editare.

Asta explică probabil de ce milioane de utilizatori WordPress au instalat editorul clasic odată ce le-a fost luată alegerea odată cu lansarea lui Gutenberg.

O parte justificarea ar putea fi compatibilitatea cu teme mai vechi, o altă parte doar indignarea utilizatorului sau lipsa de cunoștințe despre cum să folosești editorul de blocuri Gutenberg.

Sper că după ce parcurgeți acest articol, pentru mai târziu, vă veți simți confortabil cu editorul de blocuri.

Pas cu pas: Cum se utilizează editorul de blocuri Gutenberg?

Începe cu crearea unei pagini sau a unei postări. Ceva cu care ești deja familiarizat.

Când adăugați o pagină sau o postare nouă, primul lucru pe care ar trebui să-l observați este această bară de instrumente.

În stânga, avem bara de instrumente + Adaugă blocuri. Acesta este unul dintre locurile în care puteți adăuga blocuri la conținutul dvs.

De asemenea, puteți adăuga bloc cu clic sub ultimul bloc, apoi faceți clic pe pictograma + care apare.

Alternativ, treceți cu mouse-ul între blocuri, apare pictograma Adăugați blocuri, faceți clic pe ea pentru a adăuga blocul.

Urmează butoanele Undo și Redo.

Următoarea pictogramă din bara de instrumente de sus arată structura conținutului dvs.

Urmează Navigarea în bloc

Dacă și când conținutul tău crește cu multe blocuri, poți naviga la blocuri de aici. Mișto, nu-i așa.

Pe dreapta,

Acestea sunt destul de simple, Salvați schița, Previzualizați postarea (O deschide într-o filă nouă) și Publicați.

Următoarea pictogramă comută afișarea setărilor. Afișează sau ascunde panourile din dreapta.

Dacă setările sunt vizibile, faceți clic pe el pentru a le ascunde pentru un editor mai larg, fără distragere. Faceți clic din nou pentru a afișa setările.

La capătul din coada barei de instrumente sunt trei puncte verticale. Acest lucru vă permite să ascundeți sau să vizualizați mai multe instrumente și opțiuni.

Deci, ce puteți face exact cu mai multe instrumente și opțiuni?

• Aveți Bara de instrumente – accesați toate instrumentele de blocare și documente într-un singur loc.
• Modul Spotlight. Vă permite să vă concentrați pe un bloc la un moment dat
• Modul ecran întreg. Explorează-ți editorul pentru o experiență de editare totală fără distracție.
• Comutați între Editorul vizual – ceea ce vedeți acum și Editorul de cod – dacă trebuie să scrieți cod pe care blocurile Cod și HTML nu le pot gestiona.
• Gestionați blocurile reutilizabile
• Comenzi rapide de la tastatură și
• Copiați tot conținutul în editor.

Blocurile Gutenberg

Până acum ați tot văzut blocuri, dar care sunt acestea?

Vom parcurge calea lungă pentru a vedea cum funcționează și, sperăm, că atunci va avea sens și îi puteți da o definiție bazată pe înțelegerea dvs. despre aceasta.

Există șase categorii de blocuri în Gutenberg fiecare, inclusiv cele mai utilizate, blocuri comune, formatare, elemente de aspect, widget-uri și încorporare.

În timp ce creați conținut, cu editorul clasic, tot ce trebuia să faceți era să introduceți conținut în zonele de text.

Cu noul editor, veți utiliza blocuri, care au fost organizate în funcție de tipul de conținut. Pentru a adăuga conținut text, este nevoie de blocul text/paragraf, Blocul Imagini – Imagini, Html, blocul HTML.

Acesta este ceva diferit de editorul clasic în care ați inserat tot conținutul într-un singur loc.

Folosind instrumentele bloc

Fiecare bloc are instrumentele sale pe care le puteți folosi atunci când creați și editați conținut.

Spre deosebire de editorul clasic care avea toate instrumentele vizibile.

Pentru a accesa aceste instrumente, faceți clic pe conținutul din bloc. Vom folosi paragraful/conținutul, deoarece acesta este unul pe care îl veți folosi adesea.

Când faceți clic pe textul sau conținutul dintr-un bloc, deasupra conținutului se deschide o casetă de instrumente.

Instrumentele pe care le veți vedea sunt exclusive blocului pe care îl utilizați, așa că nu vă așteptați să vedeți aceleași instrumente atunci când faceți clic pe un bloc media.

Blocul de paragraf, de exemplu, are instrumente de formatare a textului pentru alinierea la stânga, alinierea la centru, alinierea la dreapta, bold, cursive, inserarea unui hyperlink și bararea textului.

Plus mai multe instrumente de formatare care sunt adăugate de alte plugin-uri pe care le instalați pentru a extinde funcționalitatea implicită a blocurilor.

Cele două caracteristici ale setului de instrumente pentru blocuri care decupează blocurile sunt „ Transformarea blocului ” la început, iar apoi la sfârșit, ar trebui să vedeți pictograma „ Mai multe opțiuni” – trei puncte verticale – care conține mai multe setări pentru bloc cu care lucrezi.

Transformați un bloc Gutenberg

Pentru a transforma un bloc, faceți clic pe bloc, așa cum ați văzut în blocul de mai sus.

Presupunând că dorim să transformăm primul nostru paragraf într-un citat, faceți clic pe el, apoi faceți clic pe pictograma Transformați în și apoi alegeți noul bloc în care doriți să îl transformați.

Transformarea blocului de paragraf în citat arată acum astfel.

Butonul Mai multe Opțiuni

Celălalt buton pe care îl are trusa de instrumente pentru blocuri este pictograma „ Mai multe opțiuni ” – cele trei puncte verticale. Faceți clic pe orice bloc pentru a-l vedea.

Cu mai multe opțiuni, puteți face mai multe cu blocul dvs., cum ar fi; Ascundeți setările blocului, Duplicați blocul, Inserați blocul înainte sau după blocurile precedente și cele care urmează, editați blocul ca HTML, adăugați blocul la blocurile reutilizabile și, în final, eliminați sau ștergeți blocul.

Schimbarea permalink-ului unei postări sau pagini cu editorul de blocuri Gutenberg

Faceți clic pe titlul postării sau al paginii. Deasupra acestuia va fi afișat linkul.

Faceți clic pe butonul Editați, apoi modificați linkul și apoi faceți clic pe Salvare

Setări pentru documente și blocuri în Gutenberg Block Editor

În partea dreaptă a fiecărei postări sau pagini Gutenberg este un panou cu două file.

Panoul de documente are setările la nivel de document pentru pagină sau postare, inclusiv Stare și vizibilitate, autori de postări, Etichete, Imagine caracteristică, Discuții – pentru a permite comentarii, Categorii și setări legate de plugin pentru postări și/sau pagini.

Panoul bloc conține o setare specifică blocului.

Faceți clic pe blocul din zona de conținut, apoi pe panoul din dreapta faceți clic pe panoul Blocare.

Concluzie

Am acoperit o mână de informații despre editorul Gutenberg Blocks.

Sper că, având aceste cunoștințe, ar trebui să fie mai puțin intimidant să-l folosești pentru crearea de conținut și publicare.

Folosiți noul editor de blocuri? Care este experiența ta cu el?

De asemenea, poate doriți să convertiți postările WordPress existente în blocuri Gutenberg?