Revisión de Oxygen Builder V 4.0: diseño, características y flujo de trabajo

Oxygen Builder 4.0 está aquí, y en este artículo vamos a echar un vistazo a todas las nuevas funciones, cambios y flujo de trabajo que vienen con la nueva versión. Oxygen es un creador de páginas de WordPress muy conocido y querido que reemplaza completamente el sistema de temas.

Durante los últimos dos años, ha estado en la versión tres y ha visto grandes adiciones como la cuadrícula CSS, una adición completa de MetaBox y optimizaciones de velocidad adicionales tanto en el front-end como en el back-end. A la gente le encanta porque contiene una tonelada de potencia en una interfaz de usuario relativamente bien diseñada, bueno, también pondré un código increíblemente limpio para un sitio web de carga rápida que es excelente para Core Web Vitals.

Las características principales con la cuarta iteración de Oxygen Builder son las siguientes:

Nueva interfaz de usuario

Hay una colección cada vez mayor de complementos de terceros que rediseñan o rediseñan el generador de back-end de Oxygen. El equipo detrás de la herramienta debe haberse dado cuenta de que su interfaz de usuario se estaba quedando un poco desactualizada, por lo que esa es la característica principal de esta versión.

En la captura de pantalla anterior, podemos ver que el panel "agregar elementos" se ha recreado para mostrar más elementos en una pantalla, se han agregado puntos de ruptura a su propia posición en la barra superior y otras funciones de la barra superior, como deshacer rehacer, cambiar de hoja de estilo y más se han movido.

Esto es lo que se hizo:

• Mejora: los valores heredados de puntos de interrupción más grandes ahora se muestran en los campos del Panel de propiedades (#3665)

• Mejora: los modales ahora se animan usando la misma animación AOS con la que se animan (# 3550)

• Mejora: ahora puede cargar capturas de pantalla personalizadas para páginas de conjuntos de diseño, bloques y secciones individuales (#3574)

• Mejora: ahora puede hacer doble clic en el nombre de un elemento en el Panel de propiedades para cambiarle el nombre (#3547)

Una excelente manera de mantener la estructura de su sitio web fácil de navegar.

• Mejora: se agregó una indicación visual de si un campo del panel de propiedades tiene estilo a través de clase o id (# 3548)

• Mejora: campo de búsqueda agregado para el panel de selectores (# 4037)

Si tiene un montón de clases de CSS administradas en Oxygen, esto le permitirá encontrarlas más rápido y realizar cambios globales en el sitio web.

• Mejora: Atajos de teclado agregados para duplicar, guardar, eliminar, copiar, pegar (#3951)

Esta es una mejora increíblemente bienvenida que ahora le permite duplicar, guardar, eliminar, copiar y pegar elementos dentro de una instancia del constructor. Si bien no agregaron un menú de clic derecho, dijeron el escenario para ello y agregaron muchas de las capacidades a través del atajo de teclado que esperaría en un menú.

Encontrará otros cambios en la interfaz de usuario en todo el generador, como la forma en que se manejan los márgenes y los rellenos. Ahora es mucho más como una experiencia de herramientas de desarrollo:

También notará que los colores reales dentro del generador cambiaron y ahora están muy enfocados en varios tonos grises.

En general, descubrimos que la nueva interfaz de usuario y las mejoras adicionales de facilidad de uso hacen que la herramienta sea una forma más eficiente y fácil de crear sitios web que la versión 3.0. Todos estos cambios son muy bienvenidos, y para algunos usuarios puede incluso eliminar la necesidad de comprar Hydrogen Pack (ya que ahora hay atajos de teclado).

Arreglar identificaciones duplicadas de repetidores

Una solución increíblemente bienvenida: los repetidores ya no duplican las identificaciones en las publicaciones individuales que muestran. Este fue uno de los mayores problemas con 3.0 y causó problemas de SEO y simplemente no siguió las mejores prácticas.

Aquí está el marcado real: puede ver que cada ID tiene un número después, lo que le permite diseñar celdas específicas y eliminar ID repetidas, lo que no es bueno para SEO.

Soporte PHP8

Esta fue una solicitud masiva en el grupo de Facebook, y la herramienta ahora es compatible con la versión ocho de PHP. La versión 3.0 simplemente no funcionaría ni se cargaría en esta nueva versión de PHP. Ahora podemos utilizar las mejoras de velocidad que esto trae.

He aquí por qué PHP 8 es genial:

Mejoras en la velocidad de carga del constructor

También hay algunas mejoras que afectan directamente la velocidad de carga del constructor, como la eliminación de la carga de archivos SVG duplicados y una actualización de AngularJS 1.8.2, la última versión compatible (n.º 4031).

Leer: Prueba de tiempo de carga del backend de Oxygen Builder

Nueva forma de almacenar datos

Anteriormente, las páginas y plantillas de Oxygen se almacenaban en el backend como códigos cortos. Esto fue excelente para la seguridad, pero no fue la forma más eficiente de hacer las cosas. Con la versión 4.0, las páginas nuevas se almacenan como JSON, lo que es mucho más rápido y eficiente. Existe compatibilidad con versiones anteriores de los sitios creados con 3.0, por lo que no debe preocuparse por los cambios importantes.

Después de actualizar, si renuncia a los códigos cortos, se convertirán al nuevo formato JSON.

Elementos y cambios adicionales de WooCommerce

Esto viene junto con la nueva versión del generador central. Oxígeno WooCommerce 2.0. Hay dos elementos nuevos, que incluyen un mini carrito y un componente de ventas cruzadas/ventas adicionales.

La adición de varias condiciones específicas nuevas de Woo es excelente y le permitirá personalizar aún más su sitio según las situaciones específicas de comercio electrónico.

Además, si está familiarizado con los temas, ahora puede anular las plantillas de WooCommerce desde una carpeta designada previamente en lugar de tener que hacer un complemento personalizado y redirigir donde buscará Connors estas anulaciones de plantilla.

Notas sobre Oxygen V4.0

Hay algunas cosas que queríamos cubrir en esta publicación de blog. La primera es que las versiones alfa y beta nunca deben usarse en sitios web de producción porque es probable que algo se rompa. Debe esperar hasta que salga la RC (o la versión candidata) o la versión 4.0 real. Vemos un montón de publicaciones en Facebook que dicen que su sitio web se rompió después de actualizar a la versión 4.0, y esto es algo esperado si estaba usando alfa o beta.

Debido a que la interfaz de usuario cambió, al igual que el CSS, lo que significa que las cosas aparecerán rotas si no borra el caché de su navegador y regenera el CSS, ¡así que definitivamente haga eso!

La última palabra de precaución es que los complementos de terceros pueden fallar debido a esta nueva versión. Hacen las cosas de manera un poco diferente en términos de agregar componentes y estilos CSS, pero esperamos que la mayoría de los principales desarrolladores de Oxígeno tengan sus complementos compatibles para cuando salga el RC.

Otras lecturas:

• Una revisión detallada del generador de oxígeno (perspectiva de la agencia)
• Cómo migramos los sitios de Oxygen Builder
• Divi Builder VS Oxygen Builder - ¿Quién gana en 2021?

Conclusión

La cuarta versión de Oxygen Builder trae consigo una experiencia de usuario muy necesaria y mejoras en la interfaz, como atajos de teclado para copiar y pegar elementos, un nuevo diseño más fácil, compatibilidad con PHP8 y mejoras en WooCommerce. Esta versión debería preparar el escenario para herramientas nativas adicionales, como un menú de clic derecho y más mejoras en la velocidad de backend.