10 teme WordPress bloc cu editare completă a site-ului

WordPress a parcurs un drum lung de a fi văzut doar ca o soluție de blogging. De la lansarea Editorului Gutenberg – platforma a făcut eforturi continue pentru a oferi utilizatorilor săi mai multă libertate cu alegeri de design folosind conceptul de blocuri.

Scopul final pentru Blocks este transformarea WordPress într-un constructor de site-uri web. Este deja posibil, într-o anumită măsură, prin utilizarea pluginurilor și, mai recent, prin adăugarea Editării complete a site-ului. FSE este un nou tip de experiență de creare de site-uri web, în ​​care utilizatorii WordPress pot stila designul site-ului lor direct din front end.

Ce este editarea completă a site-ului?

În termeni simpli, funcția de editare completă a site-ului le permite utilizatorilor WordPress să-și schimbe designul temei (de blocare), fără a fi nevoie să scrie niciun cod. Accentul este pus pe temele Block, deoarece această nouă caracteristică este disponibilă numai pentru temele construite pe bazele Blocks.

În calitate de utilizator WordPress, ești deja familiarizat cu utilizarea Editorului Gutenberg pentru a scrie postări de blog folosind blocuri. Ideea pentru FSE este aceeași. La fel ca și când scrieți o postare pe blog, cu Editorul de site complet, puteți edita și designul site-ului dvs. folosind blocuri.

Odată ce activați o temă Blocare (cum ar fi Twenty Twenty-Two), veți observa o nouă opțiune sub fila Aspect din tabloul de bord Administrator. Se numește Editor .

Făcând clic pe Editor , veți ajunge imediat la noul tablou de bord Editare completă a site-ului. Pagina implicită care se deschide este pagina de pornire. Dar puteți selecta orice pagină acceptată de temă și puteți începe personalizarea. Iată un exemplu:

În demonstrația de mai sus, am:

1. A selectat blocul Subsol ca o secțiune întreagă.
2. S-a schimbat culoarea de fundal folosind editorul de blocuri.

Nu am avut nevoie să scriu niciun CSS personalizat. De asemenea, nu am folosit un singur plugin. Toate modificările sunt salvate direct în tema însăși. Cel mai bine, vă puteți stila întregul site în acest fel.

Puteți selecta cele mai mici elemente, inclusiv paginarea și elementele de navigare individuale. Este o experiență nativă de creare de site-uri web în interiorul WordPress însuși. Și, după cum vă puteți imagina, se va îmbunătăți doar odată cu trecerea timpului.

Introducerea unei noi ere a WordPress

Conceptul de FSE este încă foarte proaspăt în ochii tuturor.

Cred că este sigur să spun că, deocamdată, FSE se va lupta să concureze cu constructori de site-uri web rafinați precum Elementor și Visual Composer. Dar sunt sigur că lucrurile se vor schimba dramatic odată cu lansarea WordPress 6.0 și mai departe.

În ceea ce privește temele bloc, dezvoltatorii au început deja să lucreze în acest domeniu. În depozitul WordPress, există peste 60 de astfel de teme disponibile. Și poate alte 50 răspândite atât prin design premium, cât și prin proiecte open-source.

Deci, cu toate acestea spuse și făcute, cred că este timpul să aruncăm o privire mai atentă la unele dintre cele mai bune teme de editare completă a site-ului. Actualizat frecvent pentru a include teme noi pe măsură ce apar!

Wabi

Rich Tabor construiește produse WordPress de peste un deceniu. S-ar putea să-l cunoașteți de la pluginuri precum CoBlocks, dar și de la compania sa tematică ThemeBeans. După cum se întâmplă, Rich nu numai că este un mare fan al noilor funcții WordPress, dar și-a creat el însuși o temă de editare completă a site-ului. Tema Wabi.

La fel ca tema lui Tabor ( pe care o iubesc! ), Wabi este creat pentru povestitori, bloggeri și oricine este interesat să publice conținut detaliat. Este, de asemenea, o alegere excelentă pentru site-urile de portofoliu, iar Rich folosește tema pe site-ul său.

Una dintre caracteristicile cheie ale Wabi este abilitatea de a schimba stilurile * cu un singur clic. Are atât o temă de lumină, cât și o temă întunecată și mai multe variații dinamice de culoare. Acest lucru vă oferă libertatea creativă de a stila fiecare postare în mod independent.

Utilizați linkurile de mai jos pentru a citi mai multe despre temă și pentru a o vedea în acțiune.

* Pluginul Gutenberg este necesar pentru stilurile personalizate.

Tove

A vedea o nouă temă lansată de Anders Noren este întotdeauna un răsfăț. Și dacă ești fan al unei abordări de design elegant, tema Tove va impresiona! Dar nu doar cu designul.

Tema este construită de la zero ca punct de plecare pentru editarea completă a site-ului. Și Anders a depus destul de multă muncă pentru a oferi elemente creative din cutie. Dar pe deasupra designului, tema lasă o amprentă mică; nu folosiți JavaScript sau imagini front-end.

Site-ul demonstrativ ( link de mai jos ) este creat pentru un site de restaurant. Dar, dacă vă place aspectul general al temei, aveți libertate totală de a o adapta nevoilor dumneavoastră. În total, aproximativ 40 de modele de bloc sunt incluse în Ghidul de stil Tove. Le puteți folosi pentru a îmbina orice număr de modele pentru oricare dintre paginile site-ului dvs. WordPress.

Blockpress

Blockpress pare a fi una dintre primele teme de bloc all-in-one care acceptă editarea completă a site-ului. Și, este construit ținând cont de cele mai bune practici.

Mai exact, Blockpress este optimizat pentru utilizarea activelor. Fiecare pagină utilizează doar o amprentă mică de active necesare, iar orice altceva este încărcat pe baza blocurilor pe care le utilizați pe orice pagină. În plus, tema nu folosește jQuery sau biblioteci externe.

Rezultatul este un scor extrem de bun Core Web Vitals. O altă caracteristică interesantă este includerea de animații. Care, așa cum am spus mai devreme, este ceea ce va fi această nouă paradigmă a temelor. Cu Blockpress, puteți utiliza funcțiile cadrului Lottie Animations, direct din editorul dvs. de blocuri. Niciun blocaj de performanță.

Archeo

Are sens doar ca Automattic să producă teme FSE. Există câteva pe această listă de la ei, iar primul este Archeo. Tema este creată pentru a fi folosită de scriitorii care iubesc un aspect simplu, cu o tipografie mare.

Conceptul principal din spatele designului este acela de a avea o fotografie mare ca secțiune pentru erou, o secțiune de mijloc pentru postările de pe blog și un subsol dedicat. În cadrul postărilor de blog, structura aspectului rămâne aceeași. Desigur, ai destulă libertate de a schimba lucrurile în jur.

cărămidă

Bricksy de la Anariel Design este o altă temă axată pe abordarea multifuncțională a managementului blocurilor. Mai exact, Bricksy este conceput pentru a include o varietate de modele de blocuri, care acționează ca fundație pentru designul site-ului pe care doriți să îl realizați.

În acest moment, Bricksy are demonstrații pentru bloguri de mâncare, nuntă și modă. Dar, după o privire mai atentă la toate modelele, este sigur să spunem că puteți integra această temă în practic orice proiect. Puteți consulta linkul site-ului de mai jos, în care o introducere video a bibliotecii de șabloane este inclusă în această temă.

 Vorbind despre modele, consultați acest articol de la Justin Tadlock pe WP Tavern - WordPress a adăugat un director Patterns, care are modele de bloc create de comunitate pe care le puteți copia și lipi în temele existente. Complet compatibil cu orice temă WordPress.

Skate Park

Tema Skatepark va fi un punct de plecare fantastic pentru orice site-uri web legate de media pe care intenționați să le construiți cu WordPress. Ca temă de editare completă a site-ului – este creată pentru a fi personalizată de dvs.

Geolog

Geologist este o altă temă automată ( ultima, promit! ) – axată pe scris, cu un mod nativ întunecat în cazul în care acesta este punctul tău forte. În general, stilul minimal înseamnă că nu sunt multe de spus, în afară de baza de cod optimizată pentru gestionarea blocurilor în timp real.

Ona Minimal

Chiar dacă tema Ona este descrisă ca fiind minimă , cred că stilul de design ajută la compensarea ei foarte mult. Apoi, din nou, sunt un mare fan al tipografiei elegante, iar Ona are acea structură pentru a lăsa o impresie bună.

Dacă ar fi să spun cui este această temă – aș spune că este pentru profesioniști, bloggeri de modă și oricine îi place un aspect curat. Imi place si atentia la detalii:

Un formular de abonament curat cu linkuri sociale este perfect. Alte modele includ un bloc de portofoliu, un feed Instagram și un aspect foarte frumos al postării pe blog la lățime completă.

Kemet

Impresia mea despre Kemet este că este mai mult ca un cadru decât o temă obișnuită.

Este plin de funcții precum containere lipicioase, părți de șablon separate și stiluri de imagine personalizate și este, de asemenea, optimizat pentru traducere. Modelele de șablon încorporate sunt deosebit de utile atunci când construiți un site web cu mai multe pagini. Dacă doriți să creați o afacere sau un site de agenție cu Editarea completă a site-ului – Kemet este o temă care merită luată în considerare.

Financiar

Designul implicit al Financio pare să vizeze site-urile web în stil business. Meniul de navigare bine organizat, cu o pagină eroă pe toată lățimea, este destul de drăguț. Toate pictogramele pe care le vedeți utilizate pentru cardurile cu caracteristici și alte elemente ale site-ului pot fi înlocuite cu un singur clic.

De remarcat faptul că Financio este dezvoltat de Gutenverse. Și au puțină experiență în lucrul cu blocuri WordPress. Așadar, așteptați-vă la o experiență fluidă de editare a site-ului, pe care o puteți baza din șablonul pre-creat pe care l-au furnizat.

Prinde FSE

Catch este una dintre cele mai noi teme WordPress care acceptă editarea completă a site-ului. Este, de asemenea, una dintre puținele teme construite ca pagină de destinație în loc de design de blog. Aspectul, așa cum v-ați aștepta, include multe secțiuni care acoperă toate aspectele importante ale construirii unei pagini de destinație pentru afaceri. Toate sunt editabile direct din partea frontală.

Și dacă doriți ca site-ul dvs. să aibă un mod întunecat, nu trebuie să faceți singur ajustările cu această temă. Este proiectat implicit pentru a avea un mod întunecat. În afară de asta, este gratuit și adună încet utilizatori activi.

Gutena

Gutena este una dintre cele mai noi teme FSE adăugate la depozitul WordPress. Cu o abundență de tonuri cremoase și elemente optimizate atent, această temă este candidatul ideal pentru un site web de agenție, afaceri și startup.

Din punct de vedere al designului, am fost plăcut surprins să văd implementarea cardurilor de suprapunere, utilizarea elementelor cu umbre cutie și o mulțime de imagini pentru a vă ajuta să vă prezentați misiunea de afaceri în fața clienților.

Și aveți libertate deplină de a modifica fiecare element prin noul editor de teme Block.

Wei

Prima temă FSE pe care am analizat-o în această colecție a fost de la Rich Tabor. Acum, la puțin peste 2 luni de la publicarea acestui articol – Rich a apărut cu încă o temă de editare completă a site-ului numită Wei . Interesant, în ciuda faptului că au trecut câteva luni de la ultima sa lansare – au fost introduse pe piață o cantitate extrem de marginală de teme similare.

Wei este conceput pentru a fi utilizat pentru necesitățile practice de blogging. Este conceput pentru a vă oferi o mulțime de opțiuni pentru gestionarea mai multor stiluri și accente de aspect. După cum veți vedea în demonstrație, fiecare postare de blog poate avea un stil separat - inclusiv culori și o imagine de fundal personalizată.

WaterLava

Această temă orientată spre spa/frumusețe de la Gutenverse oferă o experiență super-liniară a paginii de destinație și adaugă multe caracteristici unice site-ului dvs. În primul rând, WaterLava are un generator de formulare în construcție, care vă va scuti de utilizarea unui plugin în același scop.

Pagina de pornire este concepută pentru a include efecte de animație de tranziție, astfel încât secțiunile apar pe măsură ce vizitatorul navighează pe site. În această temă, veți găsi, de asemenea, o mulțime de separatoare de formă unice – așa că gândiți-vă la valuri și linii personalizate pentru a adăuga acea senzație modernă site-ului dvs.

De asemenea, este atent optimizat pentru performanță. Tema nu depinde de jQuery, iar modelele/blocurile sunt încărcate numai pe paginile în care sunt utilizate în mod activ.

Viitorul dezvoltării temei WordPress

Cred că ceea ce vedem acum este o evoluție lentă pentru următoarea fază a WordPress. Deocamdată, temele tradiționale și constructorii de site-uri web își vor avea locul. Dar, în viitor, este destul de clar că WordPress va trece la un constructor de site-uri la scară largă.

De asemenea, sunt destul de încrezător pentru că companii precum Webflow au demonstrat că este posibil să construiești site-uri web atractive din punct de vedere vizual, cu nimic altceva decât instrumente plug-and-play.

Întrebarea este când vor începe dezvoltatorii de teme să îmbrățișeze această fază următoare? În acest moment, disponibilitatea temelor de bloc este destul de rară. Bănuiesc că odată ce începem să vedem o fiabilitate autentică în ceea ce privește editarea, lucrurile se vor schimba destul de repede.

Sigur, mulți utilizatori WordPress vor continua să folosească teme tradiționale, dar ideea de a folosi WordPress ca un constructor nativ de site este ceva la care să te gândești.