Creați șabloane personalizate cu programul de completare MB Views pentru Meta Box

Publicat: 2020-03-19

Meta Box și-a lansat pluginul suplimentar MB Views săptămâna trecută. Noua extensie permite dezvoltatorilor să creeze șabloane personalizate din confortul administratorului lor WordPress. Scopul este de a oferi o interfață ușor de utilizat pentru ieșirea câmpurilor personalizate fără editarea fișierelor cu teme, dar flexibilitatea acesteia depășește limitele editării întregului site.

Luare rapidă: MB Views oferă o experiență solidă pentru dezvoltatori, dar este puțin mai puțin prietenoasă pentru cei care nu sunt familiarizați cu codul.

Sunt de multă vreme un fan al ceea ce a făcut echipa Meta Box cu pluginul și extensiile sale de bază. Dezvoltatorii proiectului au creat o bază de cod bine documentată, au scris documentație solidă și, în general, au acordat atenție detaliilor în care alții au eșuat. MB Views nu este diferit. În câteva minute după activarea extensiei, am configurat vizualizări personalizate și lansate pe partea frontală a site-ului meu de testare.

Interfața este suficient de simplă pentru a fi preluată aproape imediat, cu suficientă flexibilitate pentru a construi aproape orice de la administratorul WordPress.

În general, noul supliment al echipei merită prețul unuia dintre pachetele premium disponibile, care variază între 79 USD și 349 USD. Nu este lipsit de câteva probleme minore, dar este de așteptat la o versiune 1.0.

Un instrument puternic pentru editarea frontală

Captură de ecran a editorului de cod de vizualizare al pluginului MB Views.
Crearea unei vizualizări personalizate cu editorul de vizualizare al pluginului.

Experiența mea de lucru cu ecranul de editare a vizualizării a fost naturală. Editorul de cod folosește Code Mirror și tema sa Oceanic Next. Are încorporate filare automată și completare automată, așa că se simte ca majoritatea editorilor offline. Dezvoltatorii ar trebui să se simtă ca acasă, construind rapid o vizualizare personalizată.

Deoarece folosesc în principal Tailwind CSS în zilele noastre, am reușit să creez un formular de înscriere pentru e-mail fals în câteva minute și să-l afișez direct sub postările mele folosind setările de vizualizare disponibile.

Captură de ecran a unui formular de înscriere prin e-mail personalizat folosind pluginul MB Views.
Formular personalizat de înscriere prin e-mail cu MB Views.

Editorul de cod are un buton „Câmp nou” care deschide o casetă glisantă în partea dreaptă a ecranului. Permite utilizatorilor să insereze câmpuri de postare, site, utilizator și interogare. Opțiunile includ și câmpuri personalizate create prin pluginul Meta Box.

Pe lângă editarea șablonului, utilizatorii pot adăuga și CSS personalizat și JavaScript direct din editorul de cod de vizualizare.

Rezultatele acestor câmpuri sunt toate gestionate prin Twig, un motor modern de șabloane PHP. Mulți dezvoltatori PHP vor fi deja familiarizați cu Twig și se vor simți confortabil cu sintaxa acestuia. Prin acest sistem, utilizatorii de pluginuri nu se limitează la HTML. Ei pot folosi condiționale și bucle pentru a personaliza rezultatul conținutului vizualizării lor.

Pentru o experiență mai bună pentru dezvoltatori, ar fi bine să vedeți o opțiune de completare automată pentru inserarea de noi câmpuri în loc să faceți clic pe butonul „Câmp nou” și apoi să faceți clic pe un anumit câmp. Cel mai probabil, dezvoltatorii vor începe să memoreze câmpurile în timp și pur și simplu le vor scrie. Completarea automată ar fi o atingere plăcută pentru câmpurile personalizate.

Captură de ecran a casetei meta setări pentru pluginul MB Views.
Vedeți setările și condițiile.

Acolo unde MB Views strălucește cu adevărat este setările sale de vizualizare. Pluginul permite vizualizărilor să preia întreaga pagină între antetul și subsolul temei sau doar zona de conținut. Permite utilizatorilor să aleagă între afișarea unei vizualizări pe postări singulare, pagini de arhivă sau ceva personalizat folosind codul scurt încorporat. Utilizatorii pot defalca în continuare acolo unde apare o vizualizare pe baza unor condiții care pot fi grupate în diferite moduri. Poate fi atât de simplu sau complex cât este necesar. Nu este complet la egalitate cu ceea ce este posibil cu condiționalele PHP personalizate, dar este suficient de aproape pentru a acoperi majoritatea cazurilor de utilizare.

Dacă cineva ar dori să încerce, ar putea folosi MB Views ca un întreg editor de site. Singura cerință reală ar fi să-și construiască tema cu un antet și un subsol. La un moment dat, poate că pluginul va permite utilizatorilor să preia întregul aspect al paginii, făcând efectiv o temă inutilă.

Probleme și îmbunătățiri viitoare

Versiunea 1.0 este despre livrarea ceva în mâinile utilizatorilor. Este un moment în care dezvoltatorii primesc unele dintre cele mai utile feedback, așa că mă aștept ca următoarele să fie abordate pe măsură ce dezvoltatorii continuă să construiască pe plugin-ul în viitor. Nu am lovit niciun obstacol major, dar am întâlnit câteva probleme minore și am avut câteva idei de îmbunătățire.

Prima problemă pe care am lovit-o m-a făcut să cred inițial că pluginul nu a funcționat deloc. Am ales să-mi afișez vizualizarea personalizată pe postări singulare. Acest lucru este ușor de făcut prin setările de vizualizare. Selectați tipul „Singular”. Apoi, selectați „Postează” în prima selectare drop-down. Am presupus că acest lucru va face șablonul să apară în toate postările. Cu toate acestea, nu s-a întâmplat nimic după salvare. Niciunul dintre conținutul meu personalizat nu a apărut pe front-end. Problema a fost că a existat o a doua selecție drop-down, care nu a fost completată cu o valoare în mod implicit. A existat o opțiune „Toate postările” pe care trebuia să o selectez. A fost o problemă de rezolvat rapid, dar acesta este motivul pentru care valorile implicite bune sunt atât de importante în dezvoltarea pluginurilor.

Nu există suport de revizuire. Pentru un editor de cod în administratorul WordPress, este logic ca utilizatorii să își poată reveni codul la o versiune anterioară. Dacă utilizatorii creează doar vizualizări cu fragmente minore de cod, aceasta nu va fi o problemă. Cu toate acestea, pluginul merge până la a permite utilizatorilor să creeze un întreg aspect de pagină între antetul și subsolul temei. Asta va însemna uneori mult cod și necesitatea de a face înapoi modificările.

MB Views oferă un cod scurt [mbv] pentru a afișa o vizualizare în zonele pregătite pentru coduri scurte, cum ar fi conținutul postării. Cu toate acestea, nu există un echivalent bloc pentru utilizare în editorul de blocuri. În acest moment, a avea un cod scurt, dar nici un bloc pare o neglijare majoră. Shortcode-urile trebuie să moară într-o moarte lentă și dureroasă.

Ecranul de gestionare a vizualizării ar putea folosi și puțină dragoste. Ar fi bine să vedeți cel puțin o coloană pentru tipul de vizualizare. Pe măsură ce lista de vizualizări personalizate crește, poate deveni greu să ne dăm seama unde este folosită fiecare vizualizare dintr-o privire.

Ușurință cu utilizatorul și viitor

Doriți să obțineți valori ale câmpurilor Meta Box și să le puneți pe șabloanele dvs. front-end, dar nu sunteți prea familiarizat cu codarea și nu doriți să atingeți fișierele cu teme?

Descrierea de deschidere a MB Views susține că pluginul este destinat utilizatorilor care nu sunt familiarizați cu codarea. Nu sunt sigur dacă utilizatorul obișnuit ar putea profita de ea fără a acumula cunoștințe de codificare pe parcurs. Interfața este orientată în primul rând către dezvoltatori. La propriu, editorul de vizualizare este un editor de cod. Are un instrument de inserare de câmp ușor de făcut clic, dar aceste câmpuri vor fi adesea inutile fără o anumită familiaritate cu HTML și CSS.

Instrumentul este bun la ceea ce face, dar aproape că se simte ca o măsură temporară în epoca editorului de blocuri.

Pentru ca MB Views să fie un instrument mai util pentru utilizatorul final, va trebui să treacă la o interfață mai vizuală, de tip punct și clic, cu opțiuni de design. În caz contrar, va rămâne în cea mai mare parte în țara dezvoltatorilor care pot personaliza ieșirea vizualizării la perfecțiune.

Nu cred că MB Views trebuie să meargă în această direcție dacă echipa dorește să se concentreze pe o experiență excelentă pentru dezvoltatori. Cu toate acestea, în prezent nu se ridică la nivelul pretenției sale de prietenie pentru cei mai puțin familiarizați cu codul.

Probabil că mai avem cel puțin un an de la o experiență de editare completă a site-ului prin sistemul de blocare. Eforturile echipei Meta Box ar putea fi cel mai bine cheltuite integrând editarea vizualizării în acel sistem. Suplimentul MB Views este un instrument util și necesar pentru mulți utilizatori de plugin Meta Box astăzi, dar este posibil să nu aibă timp să câștige tracțiune înainte ca editarea întregului site să ajungă în nucleu. În acel moment, echipa de pluginuri va trebui să facă deja tranziția într-o lume mult diferită a experienței utilizatorului cu WordPress.