Cum se creează un bloc reutilizabil în Gutenberg

Editorul de bloc Gutenberg, care a venit cu versiunea 5.0 a WordPress care înlocuiește editorul clasic, ne-a schimbat paradigma de a crea postări și pagini. Fiecare dintre ele este compus din seturi de conținut sau blocuri de un anumit tip: text, titlu, citare, listă, fișier, tabel, imagine, coperta, galerie de imagini, media și text, buton, încorporat etc, din care puteți personaliza unele proprietăți creând rapid modele foarte izbitoare.

Așa că, de exemplu, să inserez secțiunea pe care vi-o arăt mai jos este la fel de ușor ca și introducerea unui nou bloc de acoperire, în care am suprapus un filtru opac 100% de culoare portocalie și am adăugat mesajele și butonul care mi-au plăcut.

Toate acestea din editorul de blocuri Gutenberg , și fără a fi nevoie să părăsești postarea și nici să fie nevoie să copiați și să lipiți sau să editați codul HTML. Acest lucru a fost de neconceput cu editorul clasic WordPress . Dacă doriți să aflați mai multe detalii despre diferitele posibilități oferite de blocul de copertă, cu siguranță veți fi interesat să citiți acest articol despre diferențele dintre imaginea prezentată și blocul de copertă.

Cu editorul de blocuri ai multe posibilități noi de design bazate pe combinarea a tot felul de elemente. Și vă asigur că compensează să vă dedicați puțin timp pentru a cunoaște diferitele posibilități oferite de fiecare dintre blocurile pe care le aveți la dispoziție pentru a fi mult mai creativ și productiv în designul paginilor și postărilor.

Unul dintre marile avantaje ale editorului de blocuri este că nu numai că poți crea varietatea de conținuturi oferite de toate blocurile disponibile, dar poți și refolosi blocurile.

Știți deja că reutilizarea codului, a conținutului și a designului este un principiu de bază al eficienței pentru toți dezvoltatorii web pentru a profita de munca anterioară, a economisi timp și a reduce redundanța. De asemenea, vă ajută să mențineți o imagine sau un stil uniform pe întregul site. Trebuie doar să răsfoiți site-ul nostru pentru a vedea un set de secțiuni foarte asemănătoare între ele, cu același stil, dar conținut diferit, cu îndemnuri sau mărturii diferite de la clienții noștri.

Să vedem mai jos cum funcționează crearea unui bloc reutilizabil.

Creați un bloc reutilizabil

Orice bloc pe care l-ați creat într-o postare sau pagină poate fi convertit într-un bloc reutilizabil. Pentru a face acest lucru, pur și simplu selectați blocul în cauză, faceți clic pe pictograma cu trei puncte și selectați Adăugați la blocurile reutilizabile .

Vi se cere să introduceți un nume pentru blocul pe care doriți să-l adăugați și să îl salvați.

Reutilizați un bloc

Acum, ori de câte ori doriți să utilizați unul dintre blocurile dvs. reutilizabile într-o postare sau pagină, acesta este disponibil în biblioteca dvs. de blocuri în secțiunea Reutilizabil .

După selectare, blocul este inserat. Efectul este același ca și cum ați fi duplicat acel bloc în aceeași postare care l-a creat:

Modificați un bloc reutilizabil

Rețineți că un bloc reutilizabil nu poate fi modificat ca orice alt bloc normal - îl puteți modifica doar făcând clic pe butonul Editare :

Când editați un bloc reutilizabil, nu modificați doar instanța care apare în postarea curentă, ci și blocul în sine, peste tot. Cu alte cuvinte, orice modificare pe care o faci într-un bloc reutilizabil se va aplica și tuturor postărilor și paginilor în care ai adăugat blocul reutilizabil.

Sigur vă întrebați, cum o fac doar pentru a face o schimbare în blocul pe care tocmai l-am adăugat, dar nu și în restul blocurilor create?

Convertiți în bloc normal

Dacă doriți doar să schimbați blocul reutilizat pe care tocmai l-ați adăugat fără a modifica toate instanțele blocului pe care le aveți în restul site-ului dvs. web, aveți întotdeauna opțiunea de a converti blocul pe care tocmai l-ați adăugat într-un bloc obișnuit.

Din acest moment, blocul reutilizat devine din nou un bloc de tip original. În acest caz, blocul este convertit înapoi într-un bloc de acoperire și acum pot face orice modificări doresc fără a schimba blocul reutilizabil.

Gestionați blocurile reutilizabile

Pentru fiecare bloc reutilizabil pe care îl creați, un nou tip de conținut personalizat de tip bloc este creat în baza de date, cu numele specificat de dvs. Dar oricând puteți merge direct pentru a modifica sau șterge oricare dintre blocurile reutilizabile create ca și cum ar fi orice alt tip de postare.

Pentru a face acest lucru, faceți clic pe opțiunea Gestionați toate blocurile reutilizabile pe care le aveți la dispoziție la sfârșitul bibliotecii de blocuri din fila blocuri reutilizabile.

Sau ai și opțiunea de a accesa lista de blocuri reutilizabile din opțiunea, Gestionează toate blocurile reutilizabile , pe care o poți găsi în meniul din dreapta sus în pictograma cu trei puncte, Afișează mai multe instrumente și opțiuni .

În ambele cazuri, veți putea vizualiza lista de blocuri reutilizabile pe care le-ați creat și pentru fiecare dintre ele o puteți modifica sau șterge la fel cum ați face cu orice postare sau pagină.

Rețineți că orice modificare pe care o faceți unui bloc reutilizabil va fi aplicată automat tuturor postărilor și paginilor care îl folosesc.

La fel, dacă îl ștergeți, blocul reutilizabil va fi șters automat și în toate acele pagini în care l-ați adăugat (și nu l-ați reconvertit din nou într-un bloc obișnuit).

Și iată esențialul pentru ca tu să fii mult mai productiv și mai eficient, reutilizand toate secțiunile site-ului tău, asigurându-te că păstrezi aceeași imagine și același stil pe tot parcursul acestuia.

Într-o postare următoare voi explica și cum puteți exporta și importa blocuri cu Gutenberg. Dar știi că recomandarea mea este să înveți mai multe trucuri despre Gutenberg înscriindu-te la cursul de creare de conținut cu Gutenberg?

Fotografie de Nicola Fioravanti pe Unsplash .