Modul luminos: o nouă temă de bloc cu culori vibrante, modele și stiluri de bloc personalizate

Brian Gardner, fondatorul StudioPress și co-creatorul Genesis Framework, are o nouă temă bloc în director numit Bright Mode. Tema prezintă o paletă de culori vibrante, cu degrade de bun gust, 14 modele de blocuri frumos proiectate și atât de multe variații distractive ascunse în stiluri de bloc personalizate.

Este dificil să găsești o nișă pentru multe teme de bloc, deoarece modelele și șabloanele le fac suficient de flexibile pentru a servi aproape oricărui caz de utilizare. Modul luminos se încadrează în această categorie. Poate fi folosit cu ușurință ca site web de afaceri sau personal, blog sau portofoliu.

Dacă te uiți cu atenție, poți vedea indicii subtile ale stilului marca Gardner. Este direct și minimalist, cu o atenție meticuloasă la tipografie și spațiere. Culorile sunt luminoase, dar armonioase și echilibrate, așa că nu împiedică utilizarea Bright Mode în contexte profesionale.

Gardner are o perspectivă unică ca unul dintre autorii temelor OG din primele zile ale tematicii WordPress, când totul tocmai începea. El a contribuit la lansarea ecosistemului de teme comerciale cu tema sa Revoluție și continuă să aducă același spirit de piață în noua lume a temelor bloc.

„Vara trecută, am citit un articol scris de Justin Tadlock despre modelele de bloc și directorul de modele (care era în versiune beta la acea vreme)”, a spus Gardner. „S-a conectat la el și am petrecut câteva minute făcând clic. În cele din urmă, am văzut un model care mi s-a părut grozav și am făcut clic pe butonul „Copiare model”. Am vrut să văd cum funcționează toate acestea, așa că am deschis o postare pe blogul meu și am lipit codul. Voila, acolo era. În acel moment, știam că potențialul WordPress modern a apărut în fața mea.”

Noua temă a lui Gardner folosește modele pentru a defini fiecare secțiune pe care o vedeți în demonstrație. Bright Mode oferă o gamă colorată de modele pe care utilizatorii le pot insera în site-urile lor, inclusiv o imagine de copertă cu titlu, text și butoane, mai multe mărturii, diferite aspecte de interogare și mai multe modele de subsol și antet. Vizualizați demonstrația pentru a le vedea pe toți în acțiune cu un exemplu de conținut.

Gardner construiește în prezent mai multe modele pentru a le adăuga la colecția Bright Mode. El a spus că cele mai probabile să vină în continuare sunt secțiunile eroilor, casetele prezentate, îndemnurile, o pagină de link și modelele de portofoliu.

„Am petrecut câteva luni repetând designul pentru Bright Mode, așa că am simțit nevoia să realizez două lucruri: să-l expediez și să las ușa deschisă pentru a adăuga mai multe”, a spus Gardner.

Când instalați pentru prima dată Bright Mode și faceți clic pe Personalizare, nu arată ca demo. Utilizatorii ar trebui să introducă modele pentru ca acesta să arate mai aproape de capturi de ecran. L-am întrebat pe Gardner despre inserarea implicită de modele în pagina de pornire pentru a se potrivi cu demo și mi-a spus că este o posibilitate pentru o actualizare viitoare.

„În ceea ce privește inserarea modelelor în mod implicit, singura instanță care ar putea fi utilă este pagina de pornire Bright Mode, care este doar un model de bun venit, și apoi bucla grilă de mai jos”, a spus el. „Desigur, pe măsură ce adaug mai multe modele, aceasta ar putea face parte dintr-o actualizare.”

Una dintre caracteristicile unice ale acestei teme este că blocul Titluri are un set de stiluri de bloc distractive care creează o varietate de degrade de culoare pentru text.

„Accesibilitatea și contrastul de culoare au fost esențiale în designul acestei teme, atât de mult încât am creat chiar pagina Culori”, a spus Gardner. El își propune să inspire mai mulți autori de teme să ia în considerare culorile, având în vedere că multe teme FSE recent lansate nu au niciun fel de abordare intenționată a culorilor. Gardner a identificat un set de culori primare, secundare și terțiare care sunt utilizate în diferite stiluri de bloc de-a lungul temei.

„Culorile primare, secundare și terțiare trec atât testele de contrast WCAG 2.0 nivel AA, cât și WCAG Level AAA pentru următoarele: text normal, text mare, obiecte grafice și componente ale interfeței cu utilizatorul”, a spus Gardner.

Vizualizarea Ghidului de stil, puteți vedea culorile aplicate butoanelor, citatelor și pictogramelor sociale.

Modul luminos oferă mai multe opțiuni de stil diferite în blocul Citate. Ele pot fi simple sau au un fundal colorat sau un fundal degradat. Citatele fără fundal pot avea, de asemenea, aplicată o subliniere cu gradient de culoare. Lucrul frumos este că acest lucru poate fi schimbat pe bază de cotație și nu trebuie să fie același pentru fiecare cota de bloc. Utilizatorii se pot distra mult personalizând citatele cu diferite modele. Câteva dintre ele sunt ilustrate mai jos. Când sunt folosite cu moderație pe tot site-ul, sunt destul de izbitoare.

Unul dintre aspectele modului luminos pe care Gardner a spus că îl iubește cel mai mult la temă este modul în care este utilizat Blocul de copertă pe pagini individuale. Atrage imaginea prezentată în blocul Copertă și oferă, de asemenea, stiluri de bloc personalizate pentru umbre și opțiuni de înălțime completă. (Returul este doar un antet negru cu titlu). „Simt ca și cum acest lucru prezintă cu adevărat ceea ce este posibil cu WordPress modern”, a spus Gardner.

După ce am testat tema, am fost surprins de câte pietre prețioase ascunse sunt de descoperit în stilurile de bloc și de cât de mult control creativ au utilizatorii asupra fiecărui aspect. Singurul lucru pe care l-aș schimba este să mă asigur că pagina de pornire arată similar cu demo-ul, astfel încât utilizatorii să simtă că au un loc de plecare solid, fără a fi nevoiți să vâneze modelele pentru a reproduce demo-ul. Gardner are un talent pentru a crea modele plăcute din punct de vedere estetic și, în acest caz, setul mai divers pe care îl plănuiește (portofoliu, îndemn la acțiune etc.) ar permite modul Bright să fie utilizat în mai multe contexte.

Deși mulți autori tradiționali de teme încă au o oarecare rezistență la blocarea temelor care obțin mai multă vizibilitate în Directorul de teme, Gardner are privilegiul de a avea un loc de muncă de zi ca avocat pentru dezvoltatori la WP Engine, unde este plătit să interacționeze cu comunitatea și să ajute utilizatorii să treacă la editor de blocuri și editare integrală a site-ului.

„În esență, să țin pasul cu dezvoltarea Gutenberg și cu ceea ce este nou cu WordPress este ceea ce sunt plătit pentru a face”, a spus Gardner. „Deci, firește, acest lucru face ușor să experimentați cu teme (cum facem cu Frost) și să dați înapoi cu resurse, cum ar fi site-ul nou lansat pentru Builders. În plus, îmi petrec timpul liber noaptea și în weekend săpat adânc pentru a vedea cât de departe pot duce lucrurile în mod creativ.”

Bright Mode este rezultatul explorărilor sale personale asupra a ceea ce este posibil cu tematica bloc. Este disponibil gratuit pe WordPress.org sau prin ecranul de instalare a temelor din interiorul administratorului. Mai multe modele, șabloane și variații vor fi pe drum în actualizările viitoare ale temei. Bright Mode se numără printre primele 100 de teme bloc din director, o piatră de hotar trecută astăzi de WordPress.org.