Un ghid pentru blocurile personalizate Gutenberg
Publicat: 2022-11-08În cazul în care întârzii la petrecerea WordPress, blocurile sunt în .
WordPress continuă să evolueze și să îmbunătățească experiența Gutenberg, ceea ce îi determină pe mulți dezvoltatori să întrebe dacă ar trebui să creeze blocuri Gutenberg personalizate.
În această postare, ne uităm la modul în care funcționează blocurile personalizate, când să le folosiți, opțiunile alternative pentru construirea site-ului dvs. web și cum să construiți blocuri Gutenberg.
Ce sunt blocurile personalizate Gutenberg?
Blocurile sunt unitatea de bază pentru construirea de pagini și postări în WordPress. WordPress a introdus blocuri cu experiența de editare Gutenberg în 2018. WordPress include multe blocuri implicite de tip de conținut, inclusiv titluri de postări, imagini și galerii. În plus, pluginurile își adaugă propriile blocuri experienței dvs. de editare. De exemplu, unele dintre cele mai recente versiuni WooCommerce au introdus noi blocuri pentru a facilita adăugarea de produse și funcționalități de comerț electronic la orice pagină sau postare în WordPress.
Crearea unui bloc personalizat Gutenberg vă permite să utilizați acel bloc pe orice pagină sau postare de pe site-ul dvs. De exemplu, ați putea crea un bloc care să atragă și să afișeze mărturiile clienților.
Dacă ai fost reticent să îmbrățișezi pe deplin blocurile, vei rata. Toate cele mai recente funcții WordPress se concentrează pe îmbunătățirea experienței editorului de blocuri. Va trebui să utilizați blocuri pentru a profita de multe dintre funcțiile WordPress recente și viitoare .
Descărcați cartea noastră electronică despre începerea cu editarea completă a site-ului pentru a afla mai multe despre cum puteți utiliza blocurile pentru a crea și edita întregul site.
Când să folosiți blocuri personalizate Gutenberg
Puteți crea un bloc personalizat Gutenberg atunci când opțiunile de bloc existente nu se potrivesc nevoilor dvs. și nu puteți găsi o alternativă viabilă cu pluginurile sau temele dvs.
Crearea unui bloc personalizat Gutenberg nu este de obicei un proiect prietenos pentru începători. Cele mai comune două motive pentru a vă codifica propriile blocuri personalizate Gutenberg sunt atunci când dezvoltați un plugin sau vă creați propria temă.
Construirea unui bloc nu este un proiect pe care majoritatea oamenilor îl întreprind pentru un singur site web, decât dacă este un proiect la nivel de întreprindere cu un dezvoltator sau o echipă de dezvoltare dedicată. Vă prezentăm câteva metode alternative care pot funcționa mai bine dacă aveți nevoie de un bloc personalizat pentru un singur site.
Alternative la utilizarea blocurilor personalizate Gutenberg
Înainte de a trece prin toată munca de a descoperi blocuri personalizate, luați în considerare dacă una dintre aceste alternative ar putea funcționa pentru dvs.
Modele de blocuri sau blocuri reutilizabile
Dacă nu aveți nevoie să introduceți conținut dinamic și chiar doriți doar un bloc pentru a reproduce un aspect, utilizați în schimb noua caracteristică Blocuri de modele sau Blocuri reutilizabile. Această opțiune este prietenoasă pentru începători și poate fi realizată cu puțin sau deloc scriere de cod.
Modelele sunt ca un mini șablon pe care îl puteți folosi oriunde pe site-ul dvs. Puteți să o introduceți într-o pagină și apoi să o editați. Blocurile reutilizabile funcționează într-un mod similar. Marea diferență este modul în care sunt tratate după ce le folosești pe o pagină sau postare.
Un model este un punct de plecare. Odată ce este pe o pagină, orice modificări pe care le faci sunt unice pentru pagina respectivă. Dacă schimbați modelul mai târziu, acesta nu se va schimba acolo unde era deja utilizat.
Blocurile reutilizabile rămân legate între ele. Dacă actualizați blocul, modificările se vor aplica fiecărui loc în care ați folosit acel bloc.
Bloc de cod
Utilizați blocul de cod pentru a insera cod personalizat în pagină. Dezvoltatorii de teme și pluginuri creează blocuri personalizate pentru a le utiliza pe mai multe site-uri. Dacă lucrați pe un singur site, probabil că puteți realiza același obiectiv în mai puțin timp adăugând un fragment de cod personalizat. Ambele opțiuni necesită același nivel de expertiză tehnică.
Singurul caz în care ar putea merita să luați în considerare construirea propriului bloc personalizat este dacă sunteți un dezvoltator care dorește să predea site-ul unui client. Clientul ar putea să lucreze cu blocul dvs. personalizat utilizând editorul Gutenberg, dar ar fi complet pierdut în încercarea de a vă edita codul.
Cum se creează un bloc Gutenberg personalizat
Aveți două opțiuni pentru a crea un bloc personalizat Gutenberg. Puteți să îl codați singur sau să utilizați un plugin pentru crearea de blocuri. Ambele opțiuni necesită o anumită codare. Veți dori să perfecționați elementele de bază ale dezvoltării web înainte de a încerca.
Codați-l singur
Construirea blocurilor personalizate necesită experiență de dezvoltare. Dacă îți place să rămâi la editorii WYSIWIG și inima ta bate de fiecare dată când dai clic accidental pe opțiunea de afișare a codului, aceasta nu este pentru tine.
Crearea blocurilor personalizate necesită cunoștințe intermediare de HTML, CSS, JavaScript și React.
Începeți prin a vă configura mediul și instrumentele de dezvoltare. Veți avea nevoie de un mediu WordPress, Node, NPM și un editor de cod. După aceea, urmați acest tutorial despre crearea primului bloc din manualul oficial al editorului de blocuri WordPress.
Folosind un plugin
Dacă sunteți confortabil cu HTML, CSS și JavaScript, dar nu sunteți pregătit să codificați totul de la zero, luați în considerare abordarea cu pluginuri. Folosirea unui plugin pentru a crea blocuri personalizate este o opțiune excelentă atunci când aveți nevoie de un bloc personalizat pentru utilizare pe un singur site web.
Pluginul Genesis Custom Blocks este cel mai popular plugin pentru crearea de blocuri personalizate. Veți crea câmpurile blocate folosind interfața familiară WordPress. După configurarea câmpurilor, va trebui să furnizați șablonul HTML, CSS, JavaScript și PHP pentru ca blocul să funcționeze.
Chiar dacă este mai ușor, necesită totuși ceva codare. Diferența este că puteți face totul de la administratorul WordPress fără a configura un mediu de dezvoltare local. De asemenea, pluginul facilitează testarea și previzualizarea blocului pentru a vă asigura că funcționează corect.
Indiferent ce construiți, vă putem ajuta
Indiferent de modul în care vă construiți site-ul, cu blocuri personalizate sau dacă încă nu utilizați editorul clasic, aveți nevoie de o gazdă de încredere. Pressable este mândru că este locul în care WordPress funcționează cel mai bine pentru toată lumea, de la solopreneur până la echipa de dezvoltatori avansați.
Pressable oferă o interfață ușor de utilizat, securitate de vârf și viteze extrem de rapide. Cu găzduirea Pressable, site-ul dvs. va fi ușor de actualizat și ușor de găsit și utilizat pentru clienți.
Înscrieți-vă astăzi și începeți să vă construiți site-ul sau aflați mai multe despre transferul unui site existent. Suntem bucuroși să vă ajutăm să vă migrați site-urile!
