Un complemento Page Builder recientemente lanzado llamado Builderius obtuvo comentarios entusiastas en un grupo privado de Facebook de WordPress. Una conversación con uno de sus principales, Elvis Krstulović, subrayó cómo la flexibilidad de código abierto de WordPress permite a los desarrolladores repensar la construcción de sitios, creando herramientas que priorizan la flexibilidad, la mantenibilidad y las prácticas de desarrollo profesional.

¿Es Builderius un constructor de páginas?

Vi una discusión en un grupo privado de Facebook de WordPress llamado Dynamic WordPress y contacté a uno de los desarrolladores para obtener más información. La entrevista se trata tanto de cómo WordPress inspira a las personas a crear productos nuevos e interesantes como de Builderius.

¿Qué es Builderius, es un constructor de páginas?

“Sí, Builderius es un constructor de páginas, pero también es una herramienta de desarrollador. Preferimos llamarlo un entorno de desarrollo visual. Este nombre captura mejor lo que realmente hace Builderius: lleva poderosas prácticas de desarrollo web a una interfaz visual y fácil de usar. En lugar de simplemente decorar contenido con elementos visuales, Builderius lo ayuda a construir sitios web como lo hacen los desarrolladores profesionales, pero sin la curva de aprendizaje empinada.

Builderius lleva flujos de trabajo de desarrollo profesional a WordPress. Cosas como el control de versiones y los entornos de estadificación, que normalmente requieren conocimiento técnico, se simplifican en botones y flujos de trabajo intuitivos en su panel de administración. Obtiene todos los beneficios de las prácticas de desarrollo profesional sin necesidad de aprender sistemas complejos como GIT o la gestión del servidor “.

Cómo el diseño de un sitio con Builderius funciona

Luego pregunté cómo el diseño de un sitio con Builderius funciona, cómo es en un sentido general.

Krstulović respondió:

“Todo el trabajo que hace un usuario de Builderius es completamente invisible afuera en el sitio en vivo hasta que ese trabajo se haya guardado y publicado como un lanzamiento público. Esto significa, por ejemplo, que puede trabajar de manera segura en un sitio web en vivo ocupado, y nadie lo sabrá. Incluso si comete un error en Builderius, será el único que lo sabe. Cuando el trabajo que ha realizado está terminado y firmado, hace clic en un botón y esa función de sitio, rediseño, está en vivo para que todos lo vean y lo usen.

Las versiones son paquetes pequeños que contienen JSON y algunos activos utilizados en el entorno Builderius y nada más, por lo que el procesamiento de mover una liberación de la rama Dev a Prod es en su mayoría súper rápido. Esto significa que no hay tiempo de inactividad del sitio incluso para un reelaboración importante. También significa una reversión segura y fácil. Solo vuelve al lanzamiento anterior y volverás a donde estabas “.

Enfoque mínimo y flexible para diseñar un sitio web

Krstulović luego describió su filosofía de diseño con su constructor de páginas:

“Builderius se basa en buenos principios de desarrollo que hacen que los sitios web sean más mantenibles y más fáciles de actualizar. Por ejemplo, mantenemos contenido separado del estilo, un enfoque profesional que hace que los sitios web sean más fáciles de administrar a medida que crecen. Si tiene un elemento utilizado en todo el sitio web, puede cambiar fácilmente cómo se ve sin tener que reconstruirlo en cada instancia, ya que los datos, el marcado y el estilo son independientes.

Por ejemplo, no enviamos elementos (como Widgets Elementor) llamados, por ejemplo, “Título de publicación”. Le damos al usuario un “contenedor HTML” agnóstico que puede ser cualquier elemento HTML, una sola o una combinación más compleja de elementos, que luego puede vincular a cualquier datos dinámicos a través de nuestras etiquetas de datos dinámicos. Puede elegirlos de una ventana emergente que vive cerca de cualquier entrada de contenido, o entrada de atributos HTML.

Entonces, para hacer un título de publicación, agregaría un encabezado y luego lo vincularía para publicar la etiqueta de datos de título. Es un paso más, pero hace que todo sea mucho más mínimo y flexible al mismo tiempo. Luego puede cambiar el marcado con cualquier cosa, cambiar los datos que muestra … y mucho más.

Cuando se trata de estilo, Builderius te da total libertad. A diferencia de otros constructores de páginas que limitan los selectores de CSS que puede usar, le permitimos escribir cualquier selector directamente en la interfaz. Por ejemplo, al diseñar el “contenido publicado” desde la plantilla de Builderius, puede dirigirse a publicar contenido elementos infantiles utilizando selectores CSS lógicos/compuestos, y no a través del código personalizado.

Enviamos con un marco CSS de código abierto, eligiendo este enfoque sobre la configuración del tema o los preajustes porque los marcos son más modulares y flexibles. Puede eliminar las piezas que no necesita o traer su propio marco si lo prefiere “.

¿Para quién es este constructor de página?

Muchas de las personas en el dinámico grupo de Facebook de WordPress que están entusiasmados con este constructor de páginas son desarrolladores web avanzados que crean sitios para clientes. Entonces, le pregunté si eso es sus usuarios finales o si es apropiado para las empresas que buscan una solución de arrastrar y soltar.

Krstulović respondió:

“Creemos que proporciona diferentes beneficios para diferentes grupos de usuarios. Para un desarrollador front-end que lucha con una experiencia de desarrollo a veces desordenada de WordPress, proporciona un flujo de trabajo limpio y organizado, lo que los desarrolladores esperan de Web Dev moderno. Y lo hace más rápido. Las tareas frontend se manejan con herramientas visuales y los datos se ponen en su lugar con etiquetas de datos convenientes.

Para los aspirantes a constructores web que quieren aprender y avanzar en su oficio, es una forma más fácil de en este campo exigente. Es más fácil porque las herramientas visuales son generalmente más fáciles para la mayoría de las personas, y porque Builderius hace mucho para el usuario en términos de organización del proceso de desarrollo, desde el seguimiento de las versiones y todo eso, hasta compilar código y manejo de plantillas.

Para los desarrolladores que se preocupan por la accesibilidad, Builderius ofrece un control final sobre cada aspecto de HTML.

Builderius no es para todos. Ciertamente, no es para una empresa que busca una solución simple de arrastrar y soltar, y no es para alguien cuyo objetivo principal es facilitar las cosas sin entenderlas.

Pero para los desarrolladores que se preocupan por los detalles, que se frustran por las limitaciones de las herramientas que los hacen doblar el diseño alrededor de la herramienta en lugar de al revés, Builderius podría ser para ellos.

Si un usuario se toma el tiempo para aprender la herramienta, podrá construir súper rápido y exactamente la forma en que se les pide. Y tal vez aún lo más importante, si aprendes Builderius, puedes llevar ese conocimiento a otro lugar. No hay nombres patentados, soluciones extrañas, solo desarrollo web visual “.

¿Por qué usar Builderius en lugar de los bloques de Gutenberg?

Luego pregunté por qué alguien elegiría usar Builderius sobre los bloques de Gutenberg nativos de WordPress. ¿Expanda la libertad creativa o simplifica la experiencia de construcción del sitio?

Krstulović respondió:

“La respuesta es sí. Builderius le brinda más libertad como desarrollador o constructor de sitios, y menos libertad para la persona que podría usar esa libertad para romper las cosas, a través de los roles de gestión de sitios web. Los desarrolladores proporcionan desarrollo y contenido que las personas proporcionan contenido.

Para los creativos que existen: cuando Builderius toma el control de una página, elimina todo lo que WordPress ha puesto allí que tiene que ver con su alcance de trabajo. Elimina varios activos, el HTML, todos. Por ejemplo, el bloque CSS se ha ido. A cambio, obtienes una pizarra limpia donde no tienes nada que anular. Puede usar el CSS menos específico posible y funcionará. Esto significa que puede usar una biblioteca CSS completamente no WP sin temor a que interfiera con las cosas de WordPress. Es súper gratis y súper ordenado.

Este enfoque en realidad hace que la construcción del sitio sea más simple a largo plazo. Si bien los bloques son excelentes para diseños rápidos, pueden complicarse cuando necesita algo específico. Puede terminar cazando a través de la configuración de JSON, buscando opciones ocultas o incluso escribiendo código React personalizado.

Con Builderius, hay un camino más claro. Todo es donde esperarías que esté, siguiendo los mismos patrones que utiliza el desarrollo web profesional.

También comienza un poco más empinado, pero a medida que avanza, la construcción del sitio se vuelve simple y rápida de hacer.

Por ejemplo, puede construir fácilmente su propio plan, guardarlo como lanzamiento y obtenerlo en cada inicio de compilación de sitios. Esto puede tener lo que desee en el interior, un marco CSS extendido, componentes personalizados, marcos de alambre de plantilla personalizados … y más.

Y todos y cada uno de los aspectos sigue siendo editable de ser completamente cambiado si así lo desea. Flexibilidad, precisión y control del proceso “.

¿Qué expectativas deberían tener los usuarios?

Builderius es un software de versión 1.0. Entonces le pregunté a Krstulović qué expectativa razonable sería para Builderius. Krstulović respondió que el constructor de páginas es una versión beta pero muy funcional.

Él respondió:

“Esta es, de hecho, una versión beta de la versión gratuita de Builderius. Entonces estamos desde el principio.

Pero esto no significa que no se use o que pueda hacer muy poco. Creemos que la versión gratuita sirve un papel importante en la futura adopción de Builderius. Su papel es expandir el ecosistema y hacer que el constructor sea más utilizado, probado, integrado con otras herramientas, etc.

Hemos diseñado cuidadosamente la versión gratuita para ser realmente útil para proyectos reales, no solo una demostración. Queríamos encontrar el equilibrio correcto en el que tenga suficientes características para crear sitios web profesionales al tiempo que reservamos algunas capacidades avanzadas para la versión paga.

Builderius Free está creado para ser un constructor muy elegante para construir sitios web bastante simples en términos de escala y complejidad de datos dinámicos, pero también para aquellos sitios web que son rigurosos con respecto al control de estilo, accesibilidad, rendimiento, etc.

En resumen, si puede construir el sitio con campos simples ACF o Metabox (para que no hay repetidores y similares), con publicaciones y páginas predeterminadas, y colocar esas publicaciones en las plantillas que emplean la consulta principal de WordPress (archivos, resultados de búsqueda, índice de blog), puede construirlo con la versión gratuita.

Por lo tanto, no espere recorrer datos remotos todavía. No espere modificar la representación de plantilla en función de la interacción del usuario o los parámetros de URL … no en la versión gratuita. Pero si es un sitio simple y desea hacerlo profesionalmente, gratis podría ser una buena opción.

También tenemos algunos errores para aplastar durante este período beta, por supuesto “.

Comida para llevar

Lo que aprendí de esta entrevista es que Builderius es un constructor de páginas centrado en el desarrollador que se describe con mayor precisión como un entorno de desarrollo visual en lugar de una herramienta de arrastrar y soltar. También integra flujos de trabajo de desarrollo profesional como el control de versiones y la puesta en escena directamente en WordPress. Entonces, por esa razón, Builderius no está diseñado para empresas que buscan una solución simple de arrastrar y soltar. Es más para los desarrolladores front-end que aprecian un flujo de trabajo estructurado y eficiente dentro de WordPress.

Disponible en el repositorio de WordPress.org

Si está interesado en Builderius, ahora está disponible para descargar en el repositorio oficial de complementos WordPress.org.

Lea más sobre Builderius en el sitio web Builderius.io.

Imagen destacada de Shutterstock/Rsplaneta