Explorarea primelor modele de bloc pentru a ateriza în directorul de teme WordPress

De luni de zile, am așteptat cu nerăbdare lansarea oficială a WordPress 5.5, o actualizare care promitea să pună mult așteptatul sistem de modele de bloc în mâinile designerilor de teme. S-ar putea să sune ca un record doborât în ​​acest moment, dar modelele au potențialul de a revoluționa dezvoltarea temelor WordPress, chiar mai mult decât viitoarea editare a site-ului complet.

Caracteristica ar trebui să schimbe drastic modul în care dezvoltatorii creează teme WordPress. Dacă sunt folosiți la întregul său potențial, autorii de teme se pot scăpa de zeci de opțiuni de teme și pot renunța la majoritatea șabloanelor de pagină. Ei se pot concentra mai puțin pe programare și mai mult pe proiectare, ceea ce reprezintă temele.

Pentru a înțelege de ce modelele sunt atât de revoluționare, trebuie să înțelegeți problema de bază pe care o rezolvă pentru autorii de teme și, în cele din urmă, pentru utilizatorii finali. De-a lungul întregii istorii a tematicii WordPress, a existat o singură problemă generală care a cauzat un număr nespus de probleme. Aceasta este o problemă care a fost cauza principală a mai multor ghiduri adăugate sistemului de revizuire a temelor WordPress.org.

Această singură problemă își poate urmări aproape exclusiv rădăcinile la marea întrebare: cum pot autorii temelor să construiască pagini de pornire personalizate și să permită cu ușurință utilizatorilor finali să le recreeze?

Fie că este vorba despre un glisor sau coloane de casete de informații sau o secțiune de îndemn, WordPress nu a oferit niciodată cu adevărat o soluție pe care autorii de teme să se poată baza. Pentru a fi corect, mulți dezvoltatori au construit sisteme creative și unice în jurul limitărilor platformei. Cu toate acestea, acele sisteme erau specifice unei singure teme sau unui set de teme dintr-o singură companie. Nu exista un standard. Nu a existat nimic care să-i ghideze pe designerii de teme să proiecteze pur și simplu orice lucru interesant pe care îl aveau în minte și să le permită utilizatorilor să completeze pur și simplu conținutul.

În timp ce spun că pagina de pornire a site-ului este problema de bază aici, problema este într-adevăr extinsă la orice pagină de pe site. Designul paginii de pornire este un pic ca semnătura autorului temei. Le permite designerilor să-și arate talentele și să atragă utilizatorii. Și timp de peste un deceniu, autorii de teme au încercat o mie de metode diferite doar pentru a obține această pagină corectă.

Modelele sunt mult mai multe. Sistemul nu necesită ca autorii de teme să devină ninja PHP pentru a pune împreună modele frumoase. Nu limitează utilizatorii la un panou cu opțiuni de temă pentru a-și construi pagina de pornire – aceștia pot construi orice pagină de pe site-ul lor cu modelele oferite de temele lor.

Principalul lucru este că face discutată întrebarea „cum construiesc o pagină de pornire personalizată”. Autorii temei nu trebuie să se mai gândească niciodată la această întrebare, cel puțin nu în modul în care au făcut-o în anii precedenți. Tematica se îndepărtează de la construirea de designuri la nivel de pagină și spre proiectarea de blocuri și secțiuni individuale (modele). Accentul este mult mai atomic , ceea ce oferă utilizatorilor mai multă flexibilitate și libertate.

Deoarece nu am putut aștepta săptămâni sau luni mai mult pentru a vedea ce teme au creat autorii în acest sistem, am vrut să arunc o privire la ceea ce fac temele curente din directorul oficial de teme. Nu a fost prea multe de privit, dar cel puțin unii autori de teme sunt dispuși să fie pionierii în această nouă eră a tematicii.

În prezent, filtrul de caracteristici Block Editor Patterns pentru director nu funcționează. Din punct de vedere tehnic, autorii de teme nu au voie să adauge eticheta block-patterns la temele lor, dar există un patch disponibil care ar trebui să rezolve problema în curând.

Modele de până acum

În acest moment, directorul de teme are doar trei teme cu modele de bloc. Nu este mult de continuat, dar este interesant de văzut ce teme construiesc autorii până acum.

UXL Themes și-a actualizat recent tema Cordero cu mai multe blocuri. Unul dintre lucrurile care îmi plac la modul în care Cordero și-a adăugat modelele este că a creat o categorie de modele bloc personalizate „Cordero”. Modelele pot exista în mai multe categorii, dar faptul că toate modelele personalizate ale temei sunt consolidate într-un singur grup a făcut descoperirea lor mult mai ușoară. Aceasta este o practică pe care mi-aș dori să o văd mai mult în continuare.

Modelele lui Cordero sunt orientate în primul rând către aspectul tipic de afaceri. Include câteva modele de tip erou, câteva casete de caracteristici/servicii și tabele de prețuri.

Tema Inclusive de către reprezentantul Themes Team, Carolina Nymark, are mai multe modele (este, de asemenea, o temă solidă dacă sunteți în căutarea unei opțiuni bune pentru accesibilitate). Cele mai interesante modele ale acestei teme sunt modelele sale pe două coloane cu bare laterale . Nymark a creat în esență „corpul” unei pagini cu modele. Unul adaugă o bară laterală în stânga, iar celălalt model o adaugă în dreapta. Ambele modele au o coloană principală pentru adăugarea de conținut personalizat. Coloana din bara laterală este decorată implicit cu blocuri de tip widget.

Ceea ce face ca aceste modele să fie unice este că sunt aproape ca o piatră de temelie către editarea pe întreg site - tot ceea ce le lipsește este un antet și un subsol. Desigur, nu eram pregătit pentru acest tip de model și mă așteptam ca modele să fie folosite pentru secțiuni mai mici, dar sunt un fan al experimentării în tema Incluzivă.

Nymark are două dintre cele trei teme actuale cu modele de bloc în director. Tema ei Deejay adaugă un singur model, care permite utilizatorului să creeze o secțiune de profil DJ pe site-ul său. Combină coloane, pictograme sociale, cea mai recentă listă de postări, o încorporare video și multe altele.

În general, îmi place explorarea timpurie a acestei noi funcții. Nu este niciodată ușor să fii primul care încearcă lucrurile, așa că aplaud autorii temei pentru că au deschis calea. Suntem la doar o săptămână de lansarea WordPress 5.5, dar sunt încântat să văd mai multe.

Cât de bine se transferă modelele între teme?

Una dintre promisiunile sistemului de blocare este că permite utilizatorilor să comute între teme și să își mențină conținutul. Ideea este că fiecare temă va stila toate blocurile în așa fel încât ieșirea front-end să nu pară ruptă.

Deși există doar o dimensiune mică a eșantionului de trei teme, m-am confruntat cu unele probleme de stil de conținut atunci când comutam între ele.

În general, cu cât un model este mai complex și dacă modelul folosește clase personalizate decide cât de bine se va transfera de la temă la temă. Imaginile ar putea prezenta și o problemă interesantă dacă utilizatorul decide să nu înlocuiască imaginea unui model cu propria sa. Deoarece imaginea ar exista în folderul cu teme, dacă tema este dezactivată și dezinstalată, aceasta nu ar mai exista.