Acum vă puteți crea propria temă de bloc în WordPress

Publicat: 2022-07-18

WordPress Full Site Editing (FSE) ne permite să edităm diverse aspecte ale unui site web fără a fi nevoie de cod. A plasat porțiuni ascunse anterior ale unei teme la îndemâna non-designerilor. Și poate a făcut munca unui profesionist web puțin mai ușoară în acest proces.

Dar asta nu face decât să zgârie suprafața potențialului FSE. Sunt dezvoltate capabilități mai avansate. Printre acestea se numără și capacitatea de a crea o temă întreagă bloc în WordPress.

Să ne gândim la asta pentru o clipă. Din punct de vedere istoric, au existat două metode principale de implementare a temelor. Primul este să vă construiți propriul de la zero folosind PHP, HTML, JavaScript și CSS. Celălalt este să descărcați o temă terță parte și să o modificați după bunul plac.

Datorită pluginului Create Block Theme, există acum o a treia metodă: crearea unei teme de bloc complet din WordPress. De acolo, vă puteți exporta creația pentru a fi utilizată în altă parte.

Sună revoluționar în ceea ce privește modul în care construim site-uri web cu WordPress. Cum functioneazã? Astăzi, vom arunca o privire devreme la Creare temă bloc și vă vom arăta ce poate face.

Ce face pluginul Create Block Theme

Lansarea pluginului Create Block Theme vine într-un moment în care FSE este încă o tehnologie în curs de dezvoltare. Dezvoltat de membrii echipei oficiale de teme WordPress, s-ar putea să își găsească într-o zi drumul în software-ul de bază.

La prima vedere, este un program foarte simplu – dar asta este prin design. Pluginul nu adaugă nicio funcționalitate radical nouă editorului site-ului. Mai degrabă, oferă un mijloc de a exporta munca pe care ați făcut-o deja. Și mai sunt și alte câteva bunătăți.

Când descărcați Create Block Theme și îl activați pe site-ul dvs. (de asemenea, este recomandat să rulați cea mai recentă versiune a pluginului Gutenberg), veți observa un nou element de meniu situat la Aspect > Creare Block Theme .

Acest ecran vă oferă următoarele opțiuni:

Exportați tema activă
Dacă utilizați deja o temă bloc, cum ar fi Twenty Twenty-Two și ați făcut modificări în editorul site-ului, puteți exporta versiunea personalizată a temei. Acest lucru ar putea fi util dacă doriți să creați un punct de plecare personalizat pentru alte proiecte care folosesc tema.

Creați Child of Active Theme
În trecut, temele copil au fost recomandate pentru a vă asigura că personalizările nu sunt suprascrise atunci când descărcați actualizări ale temei dvs. În ceea ce privește temele de blocare, un copil poate servi ca o modalitate de a distribui variante specifice ale părintelui. De exemplu, unul poate conține o schemă tipografică sau de culori diferită.

Clonează tema activă
Această opțiune copiază tema dvs. activă și include orice modificări pe care le-ați făcut în editorul site-ului folosind un nume nou. Deoarece este o copie separată, aceasta vă permite să lucrați la noua temă fără a afecta accidental originalul.

Suprascrie tema activă
Dacă ați făcut modificări temei active și doriți ca acestea să suprascrie setările implicite, această opțiune vă permite să faceți acest lucru.

Pagina de opțiuni Creare temă bloc.

Crearea unei teme blocuri WordPress personalizate

Procesul de construire a unei teme de blocare WordPress personalizată implică efectuarea oricăror modificări dorite prin intermediul editorului site-ului ( Aspect > Editor ). Schimbați antetul temei, subsolul, zonele de conținut și orice altceva vă dorește inima.

Dar înainte de a putea face asta, este important să alegeți tema de blocare potrivită. De exemplu, ați putea merge cu un pic de pânză goală, cum ar fi Blockbase. Acest lucru vă permite să începeți de la zero și să creați un aspect complet personalizat. Înseamnă, de asemenea, că nu trebuie să distrugeți elementele de temă existente pe care nu le doriți.

Dacă preferați ceva cu mai multă potrivire și finisaj, există mai multe teme bloc disponibile care pot oferi un punct de plecare excelent. Veți avea un aspect stabilit și puteți face orice ajustări necesare pentru a se potrivi nevoilor dvs.

Indiferent de modul în care începeți, Creați temă bloc vă va permite să exportați tema pentru a fi utilizată pe o altă instalare WordPress.

Personalizarea temei Blockbase cu editorul de site WordPress.

Exportarea temei de bloc personalizate

În acest exemplu, am făcut câteva personalizări de bază pentru Blockbase. Acum este timpul să exportați tema și să o instalați pe un alt site web WordPress local.

După cum am menționat mai devreme, Creare temă bloc oferă mai multe opțiuni de export. Am ales să creez o temă copil și să-i dau un nume personalizat. Aceasta înseamnă că va trebui să am o copie a Blockbase instalată pe orice alte site-uri web pe care aș dori să folosesc noua mea temă copil.

Exportarea unei teme secundare folosind Creare temă bloc.

Exportul generează un fișier ZIP, pe care îl pot importa apoi în noul meu site. Pe noul site WordPress, voi naviga la Aspect > Teme , apoi voi face clic pe butonul „ Adăugați nou ”.

Odată ajuns pe pagina Adăugați teme , îmi pot încărca noua temă de bloc făcând clic pe butonul „ Încărcați tema ” și selectând fișierul .ZIP exportat de pe hard disk. În cele din urmă, voi activa tema copilului.

Importarea fișierului .zip generat într-un nou site web WordPress.

Rezultatele arată bine. Modificările pe care le-am făcut au supraviețuit procesului de export și păreau să funcționeze bine pe noul site. Teoretic, acest lucru ar oferi un avans solid atunci când lucrați la proiecte viitoare.

Tema de blocare personalizată în noua sa destinație.

Este acesta viitorul construcției temei WordPress?

Abilitatea de a crea o temă bloc din WordPress și apoi de a o folosi oriunde ar putea schimba jocul pentru fluxul dvs. de lucru. Poate reduce mult timp petrecut cu codul și oferă o experiență completă de design vizual.

Cu toate acestea, comoditatea poate să nu însemne prea mult dacă editorul site-ului nu oferă toate instrumentele de care aveți nevoie. Este destul de simplu să creați diferite machete și să ajustați culorile etc. Dar probabil vor exista scenarii când este necesar codul.

Totul se rezumă la felul în care îți place să lucrezi. Unii dintre noi vor rămâne cu plăcere cu procesele pe care le avem în vigoare – și asta este în regulă. Confortul și stabilitatea sunt importante – în special atunci când temele FSE și bloc sunt în stadiile incipiente.

Cu toate acestea, portabilitatea oferită de Create Block Theme este o privire în viitor. Și a avea opțiunea de a construi teme de bloc WordPress în acest fel va fi atractiv pentru mulți designeri web. Este o dezvoltare pe care merită să fii cu ochii pe măsură ce continuă să evolueze.