Crea modelli personalizzati con il componente aggiuntivo MB Views per Meta Box

Meta Box ha rilasciato la scorsa settimana il plug-in aggiuntivo MB Views. La nuova estensione consente agli sviluppatori di creare modelli personalizzati comodamente dal proprio amministratore di WordPress. L'obiettivo è fornire un'interfaccia di facile utilizzo per l'output di campi personalizzati senza modificare i file del tema, ma la sua flessibilità supera i limiti della modifica dell'intero sito.

Quick take: MB Views offre una solida esperienza per gli sviluppatori, ma non è un po' all'altezza dell'essere amichevole per chi non ha familiarità con il codice.

Sono stato a lungo un fan di ciò che il team di Meta Box ha fatto con il suo plug-in e le estensioni principali. Gli sviluppatori del progetto hanno creato una base di codice ben documentata, scritto una solida documentazione e generalmente hanno prestato attenzione ai dettagli laddove altri hanno fallito. MB Views non è diverso. Pochi minuti dopo l'attivazione dell'estensione, ho impostato e implementato le visualizzazioni personalizzate sul front-end del mio sito di prova.

L'interfaccia è abbastanza semplice da essere ripresa quasi immediatamente con una flessibilità sufficiente per creare quasi tutto dall'amministratore di WordPress.

Nel complesso, il nuovo componente aggiuntivo del team vale il prezzo di uno dei bundle premium disponibili, che vanno da $ 79 a $ 349. Non è privo di alcuni problemi minori, ma è prevedibile con una versione 1.0.

Uno strumento potente per l'editing front-end

La mia esperienza di lavoro con la schermata di modifica della visualizzazione è stata naturale. L'editor di codice utilizza Code Mirror e il suo tema Oceanic Next. Ha la tabulazione automatica e il completamento automatico integrati, quindi sembra la maggior parte degli editor offline. Gli sviluppatori dovrebbero sentirsi a casa creando rapidamente una visualizzazione personalizzata.

Poiché in questi giorni utilizzo principalmente Tailwind CSS, sono stato in grado di creare un modulo di iscrizione e-mail falso in un paio di minuti e visualizzarlo direttamente sotto i miei post utilizzando le impostazioni di visualizzazione disponibili.

L'editor di codice ha un pulsante "Nuovo campo" che apre una casella scorrevole sul lato destro dello schermo. Consente agli utenti di inserire campi post, sito, utente e query. Le opzioni includono anche campi personalizzati creati tramite il plug-in Meta Box.

Oltre a modificare il modello, gli utenti possono anche aggiungere CSS e JavaScript personalizzati direttamente dall'editor del codice di visualizzazione.

L'output di questi campi viene gestito tramite Twig, un moderno motore di creazione di modelli PHP. Molti sviluppatori PHP avranno già familiarità con Twig e si sentiranno a proprio agio con la sua sintassi. Attraverso questo sistema, gli utenti dei plugin non si limitano all'HTML. Possono utilizzare condizionali e cicli per personalizzare l'output del contenuto della loro visualizzazione.

Per una migliore esperienza di sviluppo, sarebbe bello vedere un'opzione di completamento automatico per inserire nuovi campi invece di fare clic sul pulsante "Nuovo campo" e quindi fare clic su un campo particolare. Molto probabilmente, gli sviluppatori inizieranno a memorizzare i campi nel tempo e semplicemente li digiteranno. Il completamento automatico sarebbe un bel tocco per i campi personalizzati.

Dove MB Views brilla davvero sono le sue impostazioni di visualizzazione. Il plug-in consente alle visualizzazioni di occupare l'intera pagina tra l'intestazione e il piè di pagina del tema o solo l'area del contenuto. Consente agli utenti di scegliere tra la visualizzazione di una vista su singoli post, pagine di archivio o qualcosa di personalizzato utilizzando il suo shortcode integrato. Gli utenti possono analizzare ulteriormente dove appare una vista in base a condizioni che possono essere raggruppate in vari modi. Può essere semplice o complesso a seconda delle esigenze. Non è completamente alla pari con ciò che è possibile con i condizionali PHP personalizzati, ma è abbastanza vicino da coprire la maggior parte dei casi d'uso.

Se qualcuno volesse cimentarsi, potrebbe utilizzare MB Views come un intero editor del sito. L'unico vero requisito sarebbe costruire il loro tema con un'intestazione e un piè di pagina. Ad un certo punto, forse il plug-in consentirà agli utenti di occuparsi dell'intero layout della pagina, rendendo effettivamente superfluo un tema.

Problemi e miglioramenti futuri

La versione 1.0 riguarda la spedizione di qualcosa nelle mani degli utenti. È il momento in cui gli sviluppatori ottengono alcuni dei loro feedback più utili, quindi mi aspetto che venga affrontato quanto segue mentre gli sviluppatori continuano a sviluppare il plug-in in futuro. Non ho incontrato alcun ostacolo importante, ma mi sono imbattuto in alcuni problemi minori e ho avuto alcune idee per migliorare.

Il primo problema che ho riscontrato mi ha fatto inizialmente credere che il plug-in non funzionasse affatto. Avevo scelto di visualizzare la mia visualizzazione personalizzata su singoli post. Questo è facile da fare tramite le impostazioni di visualizzazione. Seleziona il tipo "Singolare". Quindi, seleziona "Pubblica" nella prima selezione a discesa. Avevo pensato che questo avrebbe fatto apparire il modello su tutti i post. Tuttavia, non è successo nulla dopo il salvataggio. Nessuno dei miei contenuti personalizzati è apparso sul front-end. Il problema era che c'era una seconda selezione a discesa, che non era stata popolata con un valore per impostazione predefinita. C'era un'opzione "Tutti i post" che dovevo selezionare. È stato un problema rapido da affrontare, ma questo è il motivo per cui le buone impostazioni predefinite sono così importanti nello sviluppo dei plugin.

Non c'è supporto per la revisione. Per un editor di codice nell'amministratore di WordPress, ha senso che gli utenti possano ripristinare il proprio codice a una versione precedente. Se gli utenti creano visualizzazioni solo con piccoli bit di codice, questo non sarà un problema. Tuttavia, il plug-in si spinge fino a consentire agli utenti di creare un intero layout di pagina tra l'intestazione e il piè di pagina del tema. Ciò a volte significherà molto codice e la necessità di apportare modifiche.

MB Views offre uno shortcode [mbv] per l'output di una vista all'interno di aree pronte per shortcode, come il contenuto dei post. Tuttavia, non esiste un equivalente di blocco da utilizzare nell'editor di blocchi. A questo punto, avere uno shortcode ma nessun blocco sembra una grave svista. Gli shortcode devono morire di una morte lenta e dolorosa.

Anche la schermata di gestione della vista potrebbe richiedere un po' di attenzione. Sarebbe bello vedere almeno una colonna per il tipo di visualizzazione. Con l'aumentare dell'elenco delle visualizzazioni personalizzate, potrebbe essere difficile capire a colpo d'occhio dove viene utilizzata ciascuna visualizzazione.

Facilità d'uso e futuro

Vuoi ottenere i valori dei campi Meta Box e inserirli nei tuoi modelli front-end, ma non hai molta familiarità con la codifica e non vuoi toccare i file dei temi?

La descrizione di apertura di MB Views afferma che il plug-in è rivolto agli utenti che non hanno familiarità con la codifica. Non sono sicuro che l'utente medio possa trarne vantaggio senza acquisire alcune conoscenze di codifica lungo il percorso. L'interfaccia è principalmente orientata agli sviluppatori. Letteralmente, l'editor di visualizzazione è un editor di codice. Ha un inseritore di campo facile da fare clic, ma quei campi saranno spesso inutili senza una certa familiarità con HTML e CSS.

Lo strumento è bravo in quello che fa, ma sembra quasi una misura tampone nell'era dell'editor di blocchi.

Affinché MB Views sia uno strumento più utile per l'utente finale, dovrà passare a un'interfaccia più visiva, punta e clicca con opzioni di progettazione. Altrimenti, rimarrà per lo più nella terra degli sviluppatori che possono personalizzare l'output della visualizzazione alla perfezione.

Non penso necessariamente che MB Views debba andare in quella direzione se il team vuole concentrarsi su un'esperienza di sviluppo eccezionale. Tuttavia, attualmente non è all'altezza della sua pretesa di cordialità per coloro che hanno meno familiarità con il codice.

Probabilmente mancano ancora almeno un anno a un'esperienza di editing completo del sito tramite il sistema a blocchi. Gli sforzi del team di Meta Box possono essere spesi meglio integrando la modifica della vista all'interno di quel sistema. Il componente aggiuntivo MB Views è uno strumento utile e necessario per molti utenti di plug-in Meta Box oggi, ma potrebbe non avere il tempo di guadagnare terreno prima che la modifica dell'intero sito arrivi al centro. A quel punto, il team del plugin dovrà già passare a un mondo molto diverso di esperienza utente con WordPress.