Crearea de teme bloc WordPress și editarea completă

Dacă ați urmărit forumurile și știrile WordPress în ultima vreme, cu siguranță ați auzit de editarea completă a site-ului (FSE) sau cel puțin ați văzut referiri la aceasta, cum ar fi crearea de teme de bloc. Chiar dacă nu știți ce este, probabil ați auzit vorbindu-se despre asta și poate chiar v-ați întrebat ce ar putea presupune pentru voi.

Indiferent dacă utilizați WordPress frecvent sau sunteți dezvoltator, există vești excelente pentru dvs. Adevăratul kicker este că nu ar trebui să-ți fie frică de asta și că totul va merge bine pentru tine, ușurând procesul pentru tine.

Pe ce bază susținem asta? Primul vine primul. Să înțelegem mai întâi puțin despre editarea completă a site-ului WordPress înainte de a ne aprofunda direct în ceea ce am acoperit în titlu.

WordPress Full-Site Editing (FSE) Este...?

În esență, editarea întregului site evită ideea de blocuri. Anterior, blocurile puteau fi folosite pentru a edita zona de conținut a site-ului web. Fiecare secțiune a site-ului dvs. va fi acum considerată un bloc atunci când utilizați editarea întregului site.

Utilizatorii pot interacționa acum atât cu pagina, cât și cu elementele globale pe o singură platformă, datorită acestei îmbunătățiri semnificative. În plus, a adăugat noi fișiere de configurare a temei și instrumente de dezvoltare.

După actualizarea WordPress la cea mai recentă versiune, trebuie să activați o temă FSE, cum ar fi Twenty Twenty-Two. După aceea, puteți utiliza numai blocurile Gutenberg pentru a construi un întreg site web.

Cum vă poate ajuta FSE?

Construirea și dezvoltarea unui site web WordPress este acum mai ușoară ca niciodată, datorită editării complete a site-ului. Elementele globale și orice actualizare a paginii pot fi făcute ambele folosind același editor.

Și elementele globale, care sunt acestea? Când sunt alocate, elementele globale, containerele și coloanele pot fi utilizate pe întregul site web.

Această tehnică inovatoare vă permite să editați pagina web sau orice pagină specifică, ceea ce economisește timp. Nu trebuie să comutați între editori pentru a afla ce se întâmplă, deoarece le puteți vedea pe toate în timp real atunci când editați. Rezultatul? Designul site-ului dvs. se îmbunătățește pe măsură ce operați simultan la nivel de pagină și global.

Versiunea WordPress 6.0 nu are FSE activat în mod implicit. Prin urmare, pentru a utiliza capacitatea de editare a întregului site în timp ce utilizați o ediție WordPress mai veche de 6.0, trebuie mai întâi să actualizați WordPress înainte de a activa o temă FSE. Tabloul de bord al site-ului dvs. este locul unde vă ocupați de toate acestea.

Mediul WordPress evoluează din nou

Acest tip de schimbare în WordPress a avut loc în perioada anterioară. Cu toții îl cunoșteam pe Gutenberg în urmă cu aproximativ trei ani (este greu de reținut din cauza faptului că unul, dacă nu mai mulți, dintre acești ultimi ani a dispărut brusc). Acum vă puteți referi la el ca editor de blocuri.

Cu toate acestea, când a fost încorporat inițial în nucleul WordPress, i s-a dat numele de cod Gutenberg. Schimbarea este dificilă. Astfel, cei mai mulți oameni au reacționat cu niște nenorociri. Ei bine, aproape toată lumea. Gutenberg astăzi, câțiva ani mai târziu, este perceput ca fiind rezonabil de util, deseori plăcut de utilizat și în continuă dezvoltare. Din acest motiv, suntem încrezători că această schimbare va avea succes. Dar schimbarea este mai semnificativă decât înainte.

Focus Shift: de la utilizatori la constructori

Când un astfel de editor de blocuri a fost introdus pentru prima dată, dezvoltatorii au schimbat modul în care au produs material. Pentru cei care produceau postări pe blog, nu a fost la fel de perturbator precum ar fi fost pentru cei care creau site-uri web și dezvoltau pagini web. Trecerea la blocuri a fost avantajoasă pentru utilizatori și au urmat multe capacități interesante, cum ar fi capacitatea de a defini un bloc de material și apoi de a-l plasa în mod dinamic oriunde (și peste tot) pe site. Oricine și toată lumea poate face asta acum fără a utiliza niciun cod.

Dar această schimbare este puțin distinctă. Nu doar modul în care vă modificați site-ul s-a schimbat cu editarea întregului site. Are de-a face cu cadrul fundamental al site-ului dvs. Nu doar antetul sau subsolul dvs. sunt definite aici. Se referă la componentele unei teme. Cu alte cuvinte, FSE va beneficia în cele din urmă utilizatorilor, dar deocamdată se simte mai mult ca un accent pe îmbunătățirea lucrurilor pentru constructori – atât cei care creează pagini web, cât și cei care creează teme.

Fie ca foloseai page builders, adica finalizarea proiectului de lansare a unui site cu o platforma usor de folosit printre cei mai buni creatori de site-uri de membru sau construirea lor, multi dintre voi v-ati obisnuit cu aceasta faza a vietii. Paginile dvs. pot fi proiectate după cum doriți. Dar mai târziu, devii conștient de problemele de performanță. Google ți-a redus clasamentul și a declarat că DOM-ul tău a fost prea masiv (indiferent ce ar fi fost). Deoarece suntem cu toții conștienți de faptul că performanța este rege, acum este momentul perfect pentru a afla mai multe despre FSE și despre cum poate modifica site-urile web pe care le creați.

Atunci de ce este importantă construirea unei teme pentru site-ul complet?

Beaver Builder a venit înaintea Elementor, vă amintiți? Mulți dintre voi l-ați folosit singuri sau în companiile în care ați lucrat pentru a crea site-uri web substanțiale pentru clienții business. Cu toate acestea, au avut nevoie de un alt produs, Beaver Themer. În caz contrar, trebuia să le oferiți asistență cu o temă care accepta anteturi și subsoluri personalizate (și dinamice) atunci când aveau nevoie să modifice antetul și subsolul paginilor web (sau postărilor).

A fost interesant când teme precum Blocksy, Kadence și Astra au început să dezvolte aceste caracteristici. Dar a dus și la o blocare. Și recunoașteți ce se întâmplă în continuare: după ce un client instalează un plugin pe site-ul său, află că nu este compatibil cu tema sau cu generatorul de pagini.

Dintr-o dată, toată lumea arată cu degetul. Firmele tematice susțin că nu sunt ei. Potrivit constructorilor de pagini, nici ei nu sunt. Ghici ce? Noii jucători din joc, companiile de găzduire, susțin că nu sunt ei. Constructorii (antreprenori și agenții) care au construit inițial șantierul au fost în cele din urmă învinuiți.

Același lucru s-a întâmplat atunci când utilizatorii au început să se plângă de cât de lent s-au încărcat aceste pagini, datorită codului pe care l-au generat aceiași creatori de pagini. Agențiile și freelancerii au primit critici.

Soluţie

Această modificare a temelor de blocare, care acceptă personalizarea completă a site-ului, reprezintă o schimbare fundamentală în modul în care sunt create site-urile web. Odată cu această modificare, fiecare element de pe pagină și de pe site este un bloc: conținut, meniuri, bare laterale, anteturi și subsoluri. Fiecare bloc. Prin urmare, temele pot fi mai ușoare.

Tema are încă de îndeplinit câteva sarcini, cum ar fi unificarea stilului universal pentru blocuri pe întregul site sau remedierea erorilor de tipografie. Dezvoltatorii le pot configura pe toate în fișierul proaspăt themes.json. Dar nu este folosit doar pentru stabilirea parametrilor. Este, de asemenea, o modalitate pentru un dezvoltator de a modifica modul în care un client utilizează editorul.

În plus, nu există multe elemente de UI în teme. Este ușor să vă imaginați că următoarea iterație a ceea ce v-ați obișnuit – folosind generatorul personalizat – va fi condusă de configuratorul JSON așa cum este astăzi.

Pe scurt, aceasta este viitoarea generație de teme și mijloacele prin care veți putea în cele din urmă să limitați ceea ce utilizatorii pot realiza cu astfel de teme noi.

Cum să dai un sens logic al tuturor?

Chiar dacă pare interesant, cea mai mare dificultate este să determinați cum veți rezolva acest lucru. Nimeni nu vrea să dezvolte un concept nou care se dovedește a fi destul de simplu. Nimeni nu vrea să dezvolte o temă nou-nouță care să irită utilizatorii.

Vrei confortul „încercat și adevărat cu puterea „noului”. Și sunt mai multe întrebări decât soluții...

Cauți un curs pentru dezvoltatori pentru integrarea și construirea temelor bloc

Imaginați-vă că urmați un curs care a explicat tot ce trebuia să înțelegeți în detaliu despre crearea temelor bloc și FSE. Ne referim la următoarele 14 articole, pe lângă altele:

• Aflați despre editarea întregului site pentru a vedea cum afectează dezvoltarea temei.
• Creați șablonul de index simplu, apoi folosiți blocuri pentru a prelua postările din baza de date.
• Fără a codifica o singură linie, implementați un întreg șablon de acasă pentru blog.
• Ar trebui adăugate anteturi și subsoluri pentru temă.
• Înțelegeți cum tratează editarea întregului site meniurile de navigare.
• Aflați cum să prearanjați preferințele editorului de blocuri folosind fișierul theme.json.
• Descoperiți cum să utilizați comenzile de model încorporate pentru a crea machete versatile.
• Folosind theme.json, aplicați tipografia universală și schemele de culori.
• Gestionați umplutura și marginile utilizând controalele de spațiere.
• Aflați cum să configurați editorul de blocuri astfel încât setările acestuia să fie în concordanță cu tema.
• Adăugați selecție de fonturi, degrade, palete de culori și alte opțiuni de personalizare.
• Pentru a limita cât de mult pot varia clienții dvs. față de designul de bază, aflați cum să eliminați opțiunile de personalizare nedorite din blocuri.
• Aflați cum să folosiți modele pentru a vă ajuta pe dvs. și clienții să construiți pagini mai rapid.
• Utilizați elemente de șablon pentru a preveni utilizarea din nou a componentelor bloc în diferite șabloane.

Aceasta este o listă impresionantă de lecții de învățat. Și vestea bună este că nu instruirea se concentrează doar pe transmiterea de cunoștințe. Sunteți încurajat să vă murdăriți degetele și unghiile la acest antrenament. Practica îl face perfect.

Și hei, nu trebuie să vă imaginați, ceea ce este o veste minunată. Programul este creat. Este totul gata. Deși nu a fost subiectul destinat postării, îl vom dezvălui totuși, deoarece ne-am întâlnit în timp ce adunăm informații pentru articol. Frank Klein, un dezvoltator binecunoscut și apreciat de profesioniștii WordPress, a creat cursul.

Așadar, băieți, mult succes în temele de bloc și în FSE!