Una dintre cele mai utile (și subutilizate) caracteristici ale Editorului de blocuri WordPress (cunoscut și sub numele de Gutenburg) este blocul reutilizabil. Daca stii Divi sau alți constructori de pagini, blocurile reutilizabile îndeplinesc aceeași funcție ca și modulele globale. Acestea sunt blocuri (sau grupuri de blocuri) pe care le configurați o singură dată, dar care pot fi apoi refolosite. 

Le puteți insera pe mai multe pagini și postări fără a fi nevoie să le editați din nou. Și, dacă doriți să le schimbați din nou, modificările pot fi la nivel de site, economisindu-vă ore întregi pe durata de viață a unui site. Deci, să explorăm toate modurile în care puteți gestiona blocurile reutilizabile WordPress.

Cum se creează un bloc reutilizabil în WordPress

Crearea unui bloc reutilizabil în WordPress este relativ simplă. În orice postare editați cu Block Editor (care este implicit în WP 5.x, cu excepția cazului în care utilizați pluginul Editorul clasic ), puteți face orice bloc dorit reutilizabil. Faceți clic pe lista derulantă à trei puncte în setările pentru trecerea blocurilor și selectați Adăugați la blocurile refolosibile .

se adaugă la blocurile refolosibile

Editorul vă va cere să denumiți noul bloc pentru regăsirea ulterioară. Asigurați-vă că îl numiți ceva memorabil pentru funcția pe care o va servi pe site-ul dvs. Precum articole conexe sau imagine de copertă pentru postările de pe blog sau ceva la fel de descriptiv.

numește-ți noul bloc

Dacă faceți o greșeală când creați blocul reutilizabil (sau pur și simplu ați făcut o greșeală în timpul creării acestuia), puteți face din nou clic pe parametrii din lista derulantă și faceți clic pe Ștergeți blocurile refolosibile . Această opțiune șterge întregul bloc din baza de date. données și puteți repeta procesul de mai sus pentru a-l adăuga înapoi la colecție dacă doriți.

Blocuri refolosibile WordPress

În plus, puteți face clic pur și simplu pe blocul în sine odată ce a fost salvat pentru a găsi butonul. Modificatorul .

modificați un paragraf reutilizabil

Pentru blocul Paragraf din acest exemplu, vă oferă opțiunea de a-l redenumi. Cu toate acestea, ajustările pentru fiecare bloc vor fi diferite. Pentru o casetă de imagine, veți obține opțiuni suplimentare, cum ar fi inserarea unui alt fișier din biblioteca dvs. media sau încărcarea unuia nou, precum și alinierea sau adresa URL legată.

opțiuni de imagine reutilizabile

Acest proces funcționează cu orice blocuri reutilizabile pe care le creați. Dar rețineți că orice modificări pe care le faceți unui bloc reutilizabil în acest mod se aplică tuturor celorlalte instanțe ale blocului respectiv de pe site-ul dvs. . Deci, dacă schimbați imaginea dintr-un bloc, noua imagine va apărea peste tot.

Cum să inserați blocuri refolosibile

Utilizarea blocurilor reutilizabile în WordPress este de fapt foarte ușoară și simplă. În Editorul de blocuri, puteți face clic pe orice apariție a + din interiorul unui cerc pentru a găsi fila reutilizabile . Butonul + apare în dreapta oricărui bloc, sub orice bloc și în partea stângă sus a ecranului.

găsiți fila reutilizabilă în editor

Când inserați blocurile reutilizabile pe care le creați în diferite postări și pagini, acestea pot apărea și în filă Cel mai folosit , care apare în partea de sus a listei de fiecare dată când apăsați butonul +.

Blocuri refolosibile WordPress

Acestea se vor schimba pe măsură ce utilizați blocuri diferite, dar dacă utilizați același bloc reutilizabil, spuneți, ca subsol pentru fiecare postare pe blog, acestea vor apărea aici destul de des.

Cum să gestionați toate blocurile reutilizabile din WordPress

În partea de jos a filei reutilizabile veți găsi un link Gestionați toate blocurile reutilizabile . Dacă faceți clic pe acest link, veți ajunge la o pagină familiară în care sunt listate fiecare bloc reutilizabil pe care l-ați creat. Lista va arăta aproape exact ca lista implicită WordPress de postări și pagini.

Blocuri refolosibile WordPress

Când vizualizați lista, vedeți câteva opțiuni importante. Importă din JSON , export în format JSON et schimbare .

Utiliser Editati este exact la fel ca mai sus pentru editarea unui bloc. Numai în loc să se afle în interiorul unui anumit articol, blocul apare în propriul editor de tip articol, unde îl puteți actualiza și numai acesta. Din nou, orice modificări aduse acestui bloc vor fi aplicate la nivel de site pentru fiecare instanță.

Blocuri refolosibile WordPress

Pentru a export în format JSON , faceți clic pe butonul (3) vă va oferi un dialog (în funcție de setările browserului dvs.) pentru a alege o locație pentru a descărca fișierul JSON generat. Fișierul în sine este simplu JSON. Afișează tipul fișierului (un bloc), titlul pe care i l-ați dat la editare sau creare, și apoi codul HTML real care va fi inserat de WordPress pentru a reda blocul și acesta. cuprins pe front-end-ul site-ului.

Blocuri refolosibile WordPress

Importați din JSON este la fel de simplu: găsiți fișierul JSON pe computer, îl descărcați ca orice alt atașament sau fișier.

Blocuri refolosibile WordPress

Odată ce apăsați import , va apărea în lista dvs. de blocuri reutilizabile. Cu toate acestea, rețineți că, dacă aveți deja un bloc cu același nume (în acest caz bloc reutilizabil 1 ), noul bloc importate nu vor fi redenumite. Trebuie să o faceți manual pentru a le deosebi.

Blocuri refolosibile WordPress

De ce importați și exportați blocuri refolosibile?

Există o serie de motive pentru a le importa și exporta, dar principalele sunt în scopuri de backup și portabilitate. Probabil că veți dori să păstrați o copie de rezervă a tuturor blocurilor și a cuprins pe care le considerați util să le publicați pe site-ul dvs. Portabilitatea, partajarea și vânzările sunt, de asemenea, importante.

Dacă trebuie să utilizați un bloc pe un alt site. Pentru a partaja cu un coechipier. Sau pentru a vinde singur ca bloc reutilizabil pentru clienții dvs. La fel ca a noastră pachete de machete săptămânal pentru Divi , importul și exportul blocurilor vă oferă posibilitatea de a extinde generatorul în mai multe moduri. În plus, atunci când utilizați opțiunea Blocuri de grup (vezi mai jos), puteți importa și exporta modele și machete întregi ca blocuri refolosibile în format JSON.

Cum să creați grupuri de bloc reutilizabile în WordPress

Crearea unui grup de blocuri reutilizabile lasă să strălucească întreaga funcționalitate a blocurilor reutilizabile. În loc să aveți o singură imagine sau un paragraf sau un antet pe care îl puteți insera global, puteți, de asemenea, să grupați blocurile Gutenberg și să le salvați ca un singur bloc reutilizabil. Aceasta înseamnă că puteți, de exemplu, să grupați un bloc de titlu, un bloc de paragraf, un bloc de imagine și un bloc HTML personalizat pentru a avea un formă abonament global prin e-mail pentru toate postările editorului de blocuri.

Pentru a crea un grup de blocuri WordPress reutilizabile, trebuie doar să faceți clic în timp ce țineți apăsată tasta Shift pe blocuri pentru a le adăuga la grup. Toate blocurile selectate vor fi evidențiate cu o margine albastră.

Blocuri refolosibile WordPress

Apoi apăsați butonul Transformator (2) și selectați Grup din lista derulantă (3) . În acest moment, veți vedea blocurile care fuzionează într-un singur bloc. Apoi transformați blocul de grup într-un bloc reutilizabil la fel cum faceți mai sus cu orice alt bloc unic.

Blocuri refolosibile WordPress

Acest nou grup va apărea apoi în lista tuturor blocurilor reutilizabile și sub fila. reutilizabile când adăugați un bloc nou la o publicație sau pagină.

Cum se creează un șablon reutilizabil

Am discutat mai devreme că un bloc reutilizabil în WordPress este un element global. Aceasta înseamnă că orice modificare adusă unei instanțe a blocului va afecta toate celelalte instanțe. Dacă modificați textul sau imaginea unui bloc reutilizabil, această modificare se va aplica întregului site. Cu toate acestea, tu putea utilizați blocuri reutilizabile ca șabloane care pot fi editate individual. Din nou, la fel ca aspectele noastre Divi, editorul de blocuri vă permite să inserați blocul general (sau grupul de blocuri) din biblioteca dvs., apoi să modificați cuprins pe o postare sau o pagină individuală (sau chiar bloc cu bloc).

Pentru a face acest lucru, introduceți un bloc reutilizabil în editor, așa cum am văzut mai sus. apasă pe + în cerc , du-te la reutilizabile , apoi selectați blocul pe care doriți să îl inserați.

inserarea unui bloc reutilizabil pentru model

Când apare blocul, faceți clic pe cele trei puncte pentru a deschide meniul derulant . Selectați Convertiți în bloc normal . Notă: nu selectați Ștergeți blocurile refolosibile .

Blocuri refolosibile WordPress

Convertiți în bloc normal se aplică numai pentru acest bloc unic . Când folosești Convertiți în bloc standard , îi spuneți WordPress că doriți ca acest bloc unic (și numai acesta) să fie independent de modificările generale la nivelul întregului site. Orice modificare pe care o faceți altor blocuri reutilizabile nu se va aplica unui bloc convertit, iar aceste modificări nu se vor aplica la nivel global.

Selectarea Ștergeți blocurile refolosibile elimină totul din directorul global. Blocurile pe care le-ați inserat deja vor rămâne acolo unde sunt, dar nu vor împărtăși nicio trăsătură globală. De asemenea, nu veți putea să le reintroduceți din filă reutilizabile (ceea ce poate fi evident). Ar învinge scopul de a avea blocul reutilizabil ca șablon, deci nu sugerăm să faceți acest lucru.

Cu toate acestea, folosind Convertiți în bloc obișnuit , puteți insera șablonul de bază pentru bloc (sau grupul de blocuri) și puteți elimina doar acea instanță specială din acesta din Standarde Globale, făcând funcția bloc originală reutilizabilă ca șablon pentru alte publicații și Pagini. Puteți vedea această caracteristică în vigoare în tutorialul nostru de peadăugarea de blocuri de layout Divi reutilizabile la postările de pe blog .

Concluzie

Blocurile reutilizabile sunt una dintre caracteristicile principale ale Gutenberg Block Editor. De la capacitatea de a partaja blocuri și conținut între site-uri și prieteni și de a le folosi ca șabloane pentru elementele comune de pe site-ul dvs., să profitați de caracteristica blocurilor reutilizabile vă poate duce la crearea și proiectarea postărilor la nivelul următor și a paginii dvs. la noi niveluri de utilitate, creativitate și experiență a utilizatorului.