Un nuevo complemento de creación de páginas llamado Builderius recibió elogios entusiastas en un grupo privado de Facebook de WordPress. Durante una conversación con el diseñador UX UI Elvis Krstulović, se destacó cómo la naturaleza flexible de WordPress de código abierto permite a los desarrolladores reconsiderar la forma en que se construyen los sitios web, desarrollando herramientas que enfatizan la flexibilidad, la sostenibilidad y las prácticas de desarrollo profesional.
Detrás de Builderius se encuentran tres individuos.
- Elvis Krstulović ejerce la profesión de diseñador especializado en experiencia de usuario e interfaz de usuario.
- Vitalii Kiiko trabaja como desarrollador de frontend.
- Volodymyr Denchyk trabaja como desarrollador de Backend.
Me comuniqué con Elvis Krstulović.
¿Builderius es un constructor de páginas?
Observé una disputa en un grupo cerrado de Facebook de WordPress llamado WordPress dinámico y me puse en contacto con uno de los programadores para ampliar mis conocimientos. La conversación se centra en cómo WordPress motiva a la gente a innovar y crear productos novedosos, así como en el tema de Builderius.
¿Builderius es una herramienta para crear páginas web?
Sí, Builderius no solo es una herramienta para crear páginas web, sino que también se puede considerar como un entorno de desarrollo. Nos gusta referirnos a él como un entorno de desarrollo visual, ya que este término describe mejor su funcionalidad. Builderius permite incorporar prácticas avanzadas de desarrollo web en una interfaz visual sencilla de usar. En vez de limitarse a agregar elementos visuales al contenido, Builderius facilita la construcción de sitios web siguiendo los estándares de los desarrolladores expertos, pero sin la complejidad en el aprendizaje.
Builderius incorpora flujos de trabajo de desarrollo profesional a WordPress de forma sencilla, permitiendo acceder a funciones como control de versiones y entornos de prueba a través de botones fáciles de usar en su panel de administración. Esto le brinda las ventajas de prácticas avanzadas de desarrollo sin la necesidad de aprender herramientas complicadas como Git o administración de servidores.
Imagen de la pantalla de Builderius.
Cómo crear un sitio web con las creaciones de Builderius.
A continuación, pregunté sobre el funcionamiento general de diseñar un sitio web con Builderius.
Krstulović dio una respuesta:
El trabajo realizado por un usuario en Builderius no es visible externamente hasta que se guarda y se publica como una publicación pública. Esto permite trabajar de forma segura en un sitio web en vivo sin que nadie lo sepa. Incluso si se comete un error, solo el usuario lo sabrá. Una vez que el trabajo está completo y listo, se puede hacer clic en un botón para que los cambios estén visibles en el sitio para que todos los vean y utilicen.
Las versiones son breves conjuntos que contienen JSON y algunos elementos utilizados en Builderius, facilitando el traslado de una versión de la rama de desarrollo a producción de forma ágil. Esto permite realizar cambios sin interrupciones en el sitio, incluso en re-trabajos importantes. Además, garantiza una reversión segura y sencilla, permitiendo volver a una versión anterior con facilidad.
Imagen que muestra el menú ubicado en el lado izquierdo de la pantalla.
Crear un sitio web con un enfoque mínimo y adaptable.
Krstulović explicó su enfoque de diseño utilizando su herramienta para crear páginas web.
Builderius se fundamenta en principios de desarrollo eficaz que promueven la sostenibilidad y la facilidad de actualización de los sitios web. Por ejemplo, se prioriza mantener el contenido y el diseño por separado, lo que simplifica la gestión de los sitios a medida que evolucionan. Esta metodología permite modificar la apariencia de un elemento sin necesidad de reconstruirlo en cada caso, gracias a que los datos, el marcado y el estilo se mantienen independientes.
Por ejemplo, no enviamos elementos específicos (como los widgets Elementor) con nombres como “título post”. En su lugar, proporcionamos al usuario un “contenedor HTML” genérico que puede ser cualquier tipo de elemento HTML, simple o complejo, y que puede vincularse a datos dinámicos a través de nuestras etiquetas dinámicas de datos. Estas etiquetas se pueden obtener de un cuadro emergente que se encuentra cerca de cualquier contenido o atributo HTML.
Para crear un título de correo electrónico, primero agregaría un encabezado y luego lo conectaría a la información de la publicación. Aunque es un paso adicional, simplifica y flexibiliza el proceso. Se puede modificar la marca, los datos mostrados y muchas otras cosas.
Builderius te brinda total libertad en cuanto a estilo. A diferencia de otros constructores de página que restringen el uso de selectores CSS, en Builderius puedes escribir cualquier selector directamente en la interfaz. Por ejemplo, al personalizar el “contenido post” dentro de la plantilla, puedes seleccionar elementos utilizando selectores CSS lógicos y completos, sin necesidad de recurrir a código personalizado.
Enviamos un marco CSS de código abierto, optando por esta estrategia en lugar de usar configuraciones temáticas predefinidas, ya que los marcos son más adaptables y personalizables. Puedes quitar secciones que no necesites o incluso usar tu propio marco si lo prefieres.
Imagen de la sección superior derecha del constructor de páginas.
¿Por quién está dirigido este creador de páginas web?
Un gran número de miembros del grupo de Facebook de WordPress dinámico están muy emocionados con este creador de páginas, y resulta que muchos de ellos son desarrolladores web experimentados que crean sitios para clientes. Por lo tanto, me pregunté si estos desarrolladores son el público objetivo principal del producto o si también es adecuado para empresas que buscan una solución de diseño sencilla.
Krstulović dio una respuesta.
Creemos que ofrece distintas ventajas para diversos tipos de usuarios. Por ejemplo, para un desarrollador de sitios web que trabaja con WordPress y busca una experiencia de desarrollo más ordenada, esta herramienta proporciona un flujo de trabajo eficiente y organizado, que es lo que los desarrolladores modernos suelen buscar. Además, acelera el proceso de desarrollo. Las tareas de diseño web se simplifican con herramientas visuales, y la introducción de datos se facilita mediante etiquetas de datos prácticas.
Para aquellos que desean progresar en su habilidad de construir sitios web y aprender más sobre este campo desafiante, Builderius ofrece una forma más sencilla de hacerlo. Esto se debe a que las herramientas visuales suelen ser más accesibles para la mayoría de las personas y a que Builderius facilita al usuario el proceso de desarrollo al ocuparse de tareas como el seguimiento de versiones, la compilación de código y la gestión de plantillas.
Builderius brinda a los desarrolladores que valoran la accesibilidad el poder total sobre todos los elementos del HTML.
Builderius no es adecuado para todos. No es apto para empresas que buscan una solución sencilla de arrastrar y soltar, ni para aquellas personas cuyo principal objetivo es simplificar tareas sin comprenderlas.
Para los desarrolladores meticulosos y frustrados por las limitaciones de las herramientas que les obligan a ajustar el diseño a la herramienta en lugar de lo contrario, Builderius podría ser la solución ideal.
Si una persona se esfuerza por dominar la herramienta, podrá crear de manera rápida y precisa según lo solicitado. Además, al aprender a utilizar Builderius, podrá aplicar ese conocimiento en otros contextos sin complicaciones ni restricciones, centrándose únicamente en el desarrollo web visual.
¿Cuál es la ventaja de utilizar Builderius en vez de los bloques de Gutenberg?
Después cuestioné por qué alguien optaría por utilizar Builderius en lugar de los bloques nativos de WordPress Gutenberg. ¿Se enfoca en la exploración de la libertad creativa o en simplificar la experiencia de construir el sitio?
Krstulović dio una respuesta.
“En Builderius, los desarrolladores y constructores de sitios web tienen mayor libertad, mientras que se limita la libertad de aquellos que podrían usarla de manera incorrecta, gracias a las funciones de gestión de sitios web. Los desarrolladores se encargan del desarrollo, mientras que las personas de contenido aportan el contenido.”
Para los diseñadores creativos: Cuando Builderius asume el control de una página, borra todo el contenido relacionado con la apariencia que WordPress haya incluido previamente. Elimina diversos elementos, incluido el HTML. Por ejemplo, desaparece el bloque de CSS. En su lugar, obtienes una página en blanco donde no tienes que deshacer nada. Puedes utilizar el CSS menos específico posible y funcionará correctamente. Esto te permite utilizar una biblioteca de CSS que no está relacionada con WordPress sin preocuparte de que interfiera con la estructura de WordPress. Es una forma muy libre y organizada de trabajar.
Este método simplifica la gestión del sitio a largo plazo. Aunque los bloques son útiles para crear diseños rápidos, pueden volverse complejos cuando se requiere algo concreto. Esto puede llevar a tener que buscar opciones ocultas en la configuración de JSON o incluso a escribir código personalizado en React.
Con Builderius, se presenta un enfoque más sencillo y organizado. Todos los elementos se encuentran en su lugar esperado, siguiendo los estándares comunes de la creación web profesional.
El edificio del sitio comienza con una pendiente pronunciada, pero a medida que avanza, se vuelve más sencillo y rápido de construir.
Por ejemplo, es posible crear su propio diseño de manera sencilla, guardarlo como plantilla y utilizarlo en cada nuevo proyecto de construcción. Esta plantilla puede incluir todos los elementos que desee, como un diseño CSS personalizado, componentes a medida, diseños de alambre personalizados, entre otros.
Cada detalle se puede modificar por completo si así lo prefieres, manteniendo la flexibilidad, precisión y control en todo el proceso.
¿Cuáles son las anticipaciones que los usuarios deben tener?
Builderius es un programa informático en su versión 1.0. Entonces, consulté a Krstulović sobre cuál sería una expectativa adecuada para Builderius. Krstulović indicó que el constructor de páginas está en versión beta, aunque es altamente funcional.
Él contestó.
Este es en realidad un primer borrador de la versión gratuita de Builderius, por lo que estamos en las primeras etapas del proceso.
Sin embargo, esto no implica que no deba ser utilizado o que tenga un uso limitado. Consideramos que la versión gratuita desempeña un papel crucial en la futura adopción de Builderius. Su objetivo es expandir el alcance del sistema y fomentar su uso, pruebas e integración con otras herramientas.
Hemos elaborado minuciosamente la versión gratuita con el propósito de que sea verdaderamente funcional en proyectos reales, no solamente una muestra. Nuestro objetivo era lograr un equilibrio adecuado, ofreciendo un conjunto de características suficientes para la creación de sitios web profesionales, al mismo tiempo que se preservan algunas funcionalidades avanzadas para la versión de pago.
Builderius Free es un constructor web sofisticado diseñado para crear sitios de escala y complejidad moderadas, así como para aquellos que requieren un estricto control de estilo, accesibilidad y rendimiento.
En resumen, si logra crear el sitio utilizando campos simples de ACF o Metabox (sin utilizar campos repetidos u otros similares), con entradas y páginas estándar, y mostrar esas publicaciones en las plantillas que siguen la consulta principal de WordPress (Archivos, Resultados de búsqueda, índice de Blog), entonces podrá desarrollar el sitio con la versión gratuita.
Por lo tanto, no anticipes que vaya a prescindir de datos remotos en este momento. Tampoco esperes poder cambiar la forma en que se muestra la plantilla según la interacción del usuario o los parámetros de URL en la versión gratuita. Sin embargo, si tienes un sitio web sencillo y deseas que tenga un aspecto profesional, la opción gratuita puede ser adecuada.
También hay algunos errores que debemos corregir durante esta fase beta, por supuesto.
Resumen de puntos clave.
En esta entrevista se destaca que Builderius es un constructor de páginas dirigido a desarrolladores, que se caracteriza más por ser un entorno de desarrollo visual que por una herramienta de arrastrar y soltar. Además, incorpora flujos de trabajo profesionales como control de versiones y estancamiento directamente en WordPress. A diferencia de las soluciones simples de arrastrar y soltar, Builderius está dirigido a desarrolladores frontend que valoran un flujo de trabajo organizado y eficiente en WordPress.
Disponible en el repositorio de WordPress.org.
Builderius se puede obtener en el repositorio oficial de plugins de WordPress.org para su descarga.
Encuentra información adicional sobre Builderius 1.0 Beta en el sitio web Builderius.io 1.0 Beta.
Demostración en vídeo de Builderius.
Imagen principal proporcionada por Shutterstock/RSplaneta
