Cree plantillas personalizadas con el complemento MB Views para Meta Box

Meta Box lanzó su complemento MB Views la semana pasada. La nueva extensión permite a los desarrolladores crear plantillas personalizadas desde la comodidad de su administrador de WordPress. El objetivo es proporcionar una interfaz fácil de usar para generar campos personalizados sin editar archivos de temas, pero su flexibilidad supera los límites de la edición de sitios completos.

Toma rápida: MB Views ofrece una experiencia de desarrollador sólida, pero no llega a ser amigable para aquellos que no están familiarizados con el código.

Durante mucho tiempo he sido fanático de lo que el equipo de Meta Box ha hecho con su complemento principal y sus extensiones. Los desarrolladores del proyecto crearon una base de código bien documentada, escribieron documentación sólida y, en general, prestaron atención a los detalles donde otros fallaron. MB Views no es diferente. Minutos después de activar la extensión, tenía vistas personalizadas configuradas e implementadas en la parte frontal de mi sitio de prueba.

La interfaz es lo suficientemente simple como para retomar casi de inmediato con suficiente flexibilidad para construir casi cualquier cosa desde el administrador de WordPress.

En general, el nuevo complemento del equipo bien vale el precio de uno de los paquetes premium disponibles, que oscilan entre $79 y $349. No está exento de algunos problemas menores, pero eso es de esperar con el lanzamiento de la versión 1.0.

Una poderosa herramienta para la edición de front-end

Mi experiencia trabajando con la pantalla de edición de vista fue natural. El editor de código utiliza Code Mirror y su tema Oceanic Next. Tiene tabulación automática y autocompletado integrado, por lo que se siente como la mayoría de los editores sin conexión. Los desarrolladores deben sentirse como en casa construyendo rápidamente una vista personalizada.

Debido a que actualmente uso principalmente Tailwind CSS, pude crear un formulario de registro de correo electrónico falso en un par de minutos y mostrarlo directamente debajo de mis publicaciones usando la configuración de vista disponible.

El editor de código tiene un botón "Nuevo campo" que abre un cuadro deslizable en el lado derecho de la pantalla. Permite a los usuarios insertar campos de publicación, sitio, usuario y consulta. Las opciones también incluyen campos personalizados creados a través del complemento Meta Box.

Además de editar la plantilla, los usuarios también pueden agregar CSS y JavaScript personalizados directamente desde el editor de código de vista.

Todos los resultados de estos campos se manejan a través de Twig, un moderno motor de plantillas PHP. Muchos desarrolladores de PHP ya estarán familiarizados con Twig y se sentirán cómodos con su sintaxis. A través de este sistema, los usuarios de complementos no se limitan a HTML. Pueden usar condicionales y bucles para personalizar la salida del contenido de su vista.

Para una mejor experiencia de desarrollador, sería bueno ver una opción de autocompletar para insertar nuevos campos en lugar de hacer clic en el botón "Nuevo campo" y luego hacer clic en un campo en particular. Lo más probable es que los desarrolladores comiencen a memorizar los campos con el tiempo y simplemente los escriban. Autocompletar sería un buen toque para los campos personalizados.

Donde MB Views realmente brilla es en su configuración de vista. El complemento permite que las vistas se apoderen de toda la página entre el encabezado y el pie de página del tema o solo el área de contenido. Permite a los usuarios elegir entre mostrar una vista en publicaciones singulares, páginas de archivo o algo personalizado usando su shortcode incorporado. Los usuarios pueden desglosar aún más dónde aparece una vista según las condiciones que se pueden agrupar de varias maneras. Puede ser tan simple o complejo como sea necesario. No está completamente a la par con lo que es posible con los condicionales de PHP personalizados, pero es lo suficientemente cercano para cubrir la mayoría de los casos de uso.

Si alguien quisiera probarlo, podría usar MB Views como un editor de sitio completo. El único requisito real sería construir su tema con un encabezado y un pie de página. En algún momento, tal vez el complemento permita a los usuarios hacerse cargo de todo el diseño de la página, haciendo que un tema sea innecesario.

Problemas y mejoras futuras

La versión 1.0 se trata de enviar algo a las manos de los usuarios. Es un momento en que los desarrolladores reciben algunos de sus comentarios más útiles, por lo que espero que se aborde lo siguiente a medida que los desarrolladores continúen desarrollando el complemento en el futuro. No encontré ningún obstáculo importante, pero encontré algunos problemas menores y tuve algunas ideas para mejorar.

El primer problema que encontré me hizo creer inicialmente que el complemento no funcionaba en absoluto. Elegí mostrar mi vista personalizada en publicaciones singulares. Esto es fácil de hacer a través de la configuración de vista. Seleccionas el tipo “Singular”. Luego, seleccione "Publicar" en la primera selección desplegable. Supuse que esto haría que la plantilla apareciera en todas las publicaciones. Sin embargo, no pasó nada después de guardar. Ninguno de mis contenidos personalizados apareció en la interfaz. El problema era que había una segunda selección desplegable, que no se había rellenado con un valor predeterminado. Había una opción de "Todas las publicaciones" que necesitaba seleccionar. Fue un problema rápido de resolver, pero esta es la razón por la cual los buenos valores predeterminados son tan importantes en el desarrollo de complementos.

No hay soporte de revisión. Para un editor de código en el administrador de WordPress, tiene sentido que los usuarios puedan revertir su código a una versión anterior. Si los usuarios solo crean vistas con pequeños bits de código, esto no será un problema. Sin embargo, el complemento permite a los usuarios crear un diseño de página completo entre el encabezado y el pie de página del tema. Eso a veces significará una gran cantidad de código y la necesidad de dar marcha atrás en los cambios.

MB Views ofrece un [mbv] para generar una vista dentro de áreas listas para shortcode, como contenido de publicación. Sin embargo, no existe un bloque equivalente para usar en el editor de bloques. En este punto, tener un shortcode pero ningún bloque parece un gran descuido. Los códigos cortos necesitan morir de una muerte lenta y dolorosa.

La pantalla de administración de vistas también podría usar un poco de amor. Sería bueno ver al menos una columna para el tipo de vista. A medida que crece la lista de vistas personalizadas, puede resultar difícil averiguar dónde se usa cada vista de un vistazo.

Facilidad de uso y el futuro

¿Quiere obtener valores de los campos de Meta Box y ponerlos en sus plantillas de front-end, pero no está demasiado familiarizado con la codificación y no quiere tocar los archivos de temas?

La descripción de apertura de MB Views afirma que el complemento está dirigido a usuarios que no están familiarizados con la codificación. No estoy seguro de si el usuario promedio podría aprovecharlo sin adquirir algunos conocimientos de codificación en el camino. La interfaz está dirigida principalmente a los desarrolladores. Literalmente, el editor de vistas es un editor de código. Tiene un insertador de campo fácil de hacer clic, pero esos campos a menudo serán inútiles sin cierta familiaridad con HTML y CSS.

La herramienta es buena en lo que hace, pero casi se siente como una medida provisional en la era del editor de bloques.

Para que MB Views sea una herramienta de usuario final más útil, deberá pasar a una interfaz más visual, de apuntar y hacer clic, con opciones de diseño. De lo contrario, permanecerá principalmente en la tierra de los desarrolladores que pueden personalizar la vista de salida a la perfección.

No creo necesariamente que MB Views deba ir en esa dirección si el equipo quiere centrarse en una gran experiencia de desarrollador. Sin embargo, actualmente no está a la altura de su afirmación de ser amigable para aquellos menos familiarizados con el código.

Es probable que todavía estemos al menos un año después de una experiencia de edición de sitio completo a través del sistema de bloques. Es posible que los esfuerzos del equipo de Meta Box se dediquen mejor a la integración de la edición de vistas dentro de ese sistema. El complemento MB Views es una herramienta útil y necesaria para muchos usuarios de complementos de Meta Box hoy en día, pero es posible que no tenga tiempo para ganar terreno antes de que la edición completa del sitio llegue al núcleo. En ese momento, el equipo de complementos ya deberá estar en transición a un mundo muy diferente de experiencia de usuario con WordPress.