Examen d'Oxygen Builder V 4.0 - Conception, fonctionnalités et flux de travail

Oxygen Builder 4.0 est là, et dans cet article, nous allons jeter un œil à toutes les nouvelles fonctionnalités, modifications et flux de travail qui accompagnent la nouvelle version. Oxygen est un constructeur de pages WordPress bien connu et apprécié qui remplace complètement le système de thème.

Au cours des deux dernières années, il a été sur la version trois et a vu de grands ajouts tels que la grille CSS, un ajout complet de MetaBox et des optimisations de vitesse supplémentaires et à la fois le front-end et le backend. Les gens l'adorent parce qu'il contient une tonne de puissance dans une interface utilisateur relativement bien conçue. Je mettrai également un code incroyablement propre pour créer un site Web à chargement rapide, idéal pour Core Web Vitals.

Les principales fonctionnalités de la quatrième itération d'Oxygen Builder sont les suivantes :

Nouvelle interface utilisateur

Il existe une collection croissante de plugins tiers qui redessinent ou redéfinissent le constructeur backend d'Oxygen. L'équipe derrière l'outil a dû comprendre que son interface utilisateur devenait un peu obsolète, c'est donc la fonctionnalité phare de cette version.

À partir de la capture d'écran ci-dessus, nous pouvons voir que le panneau "ajouter des éléments" a été recréé pour afficher plus d'éléments dans un écran, des points d'arrêt ont été ajoutés à leur propre position sur la barre supérieure et d'autres fonctions de la barre supérieure telles que l'annulation refaire, basculer la feuille de style, etc. ont été déplacés.

Voici ce qui a été fait :

• Amélioration : les valeurs héritées de points d'arrêt plus grands sont désormais affichées dans les champs du volet Propriétés (#3665)

• Amélioration : les modaux s'animent désormais en utilisant la même animation AOS avec laquelle ils s'animent (#3550)

• Amélioration : vous pouvez désormais télécharger des captures d'écran personnalisées pour les pages de jeu de conception, les blocs et les sections individuelles (#3574)

• Amélioration : Vous pouvez désormais double-cliquer sur le nom d'un élément dans le volet Propriétés pour le renommer (#3547)

Un excellent moyen de garder la structure de votre site Web facile à naviguer.

• Amélioration : ajout d'une indication visuelle indiquant si un champ du volet Propriétés est stylisé via une classe ou un identifiant (#3548)

• Amélioration : champ de recherche ajouté pour le volet des sélecteurs (#4037)

Si vous avez une tonne de classes CSS gérées dans Oxygen, cela vous permettra de les trouver plus rapidement et d'apporter des modifications globales sur le site Web.

• Amélioration : Ajout de raccourcis clavier pour dupliquer, enregistrer, supprimer, copier, coller (#3951)

Il s'agit d'une amélioration incroyablement bienvenue qui vous permet désormais de dupliquer, enregistrer, supprimer, copier et coller des éléments dans une instance de générateur. Bien qu'ils n'aient pas ajouté de menu contextuel, ils en ont indiqué la scène et ont ajouté de nombreuses fonctionnalités via le raccourci clavier que vous attendez dans un menu.

Vous trouverez d'autres modifications de l'interface utilisateur dans tout le générateur, telles que la manière dont les marges et les rembourrages sont gérés. Cela ressemble maintenant beaucoup plus à une expérience d'outils de développement :

Vous remarquerez également que les couleurs réelles du constructeur ont changé et sont désormais très axées sur diverses nuances de gris.

Dans l'ensemble, nous découvrons que la nouvelle interface utilisateur et les améliorations supplémentaires en matière de facilité d'utilisation font de l'outil un moyen plus efficace et plus simple de créer des sites Web avec la version 3.0. Tous ces changements sont les bienvenus, et pour certains utilisateurs, cela peut même supprimer la nécessité d'acheter Hydrogen Pack (car il existe désormais des raccourcis clavier).

Correction des ID en double du répéteur

Un correctif incroyablement bienvenu - Les répéteurs ne dupliquent plus les identifiants dans les messages individuels qu'ils affichent. C'était l'un des plus gros problèmes avec la version 3.0, et cela a causé des problèmes de référencement et n'a tout simplement pas suivi les meilleures pratiques.

Voici le balisage réel - vous pouvez voir que chaque identifiant est suivi d'un numéro, ce qui vous permet de styliser des cellules spécifiques et de supprimer les identifiants répétés, ce qui n'est pas bon pour le référencement.

Prise en charge de PHP8

Il s'agissait d'une demande massive dans le groupe Facebook, et l'outil prend désormais en charge la version 8 de PHP. La version 3.0 ne fonctionnerait tout simplement pas ou ne se chargerait pas sur cette nouvelle version de PHP. Nous pouvons maintenant utiliser les améliorations de vitesse que cela apporte.

Voici pourquoi PHP 8 est génial :

Améliorations de la vitesse de chargement du générateur

Certaines améliorations ont également un impact direct sur la vitesse de chargement du générateur, telles que la suppression du chargement des fichiers SVG en double et une mise à jour vers AngularJS 1.8.2, la dernière version prise en charge (#4031).

Lire : Test de temps de chargement du backend d'Oxygen Builder

Nouvelle façon de stocker les données

Auparavant, les pages et les modèles Oxygen étaient stockés dans le backend sous forme de codes abrégés. C'était excellent pour la sécurité, mais ce n'était pas la façon la plus efficace de faire les choses. Avec la version 4.0, les nouvelles pages sont stockées au format JSON, ce qui est beaucoup plus rapide et efficace. Il existe une rétrocompatibilité avec les sites construits avec la version 3.0, vous n'avez donc pas à vous soucier des changements de rupture.

Après la mise à niveau, si vous démissionnez des codes courts, ils seront convertis au nouveau format JSON.

Éléments et modifications supplémentaires de WooCommerce

Cela accompagne la nouvelle version du constructeur de base. Oxygène WooCommerce 2.0. Il y a deux nouveaux éléments, y compris un mini panier et un composant de ventes croisées/upsells.

L'ajout de plusieurs nouvelles conditions spécifiques à Woo est formidable et vous permettra de personnaliser davantage votre site en fonction de situations de commerce électronique spécifiques.

De plus, si vous êtes familier avec les thèmes, vous pouvez désormais remplacer les modèles WooCommerce à partir d'un dossier pré-désigné au lieu d'avoir à créer un plug-in personnalisé et à rediriger où Connors recherchera ces remplacements de modèle.

Remarques concernant Oxygen V4.0

Il y a quelques choses que nous voulions couvrir dans cet article de blog. La première est que les versions alpha et bêta ne doivent jamais être utilisées sur les sites Web de production car quelque chose va probablement se casser. Vous devez attendre que la version RC (ou release candidate) ou la version 4.0 réelle sorte. Nous voyons une tonne de messages sur Facebook disant que leur site Web a été cassé après la mise à jour vers la version 4.0, et c'est une chose attendue si vous utilisiez l'alpha ou la bêta.

Parce que l'interface utilisateur a changé, tout comme le CSS, ce qui signifie que les choses apparaîtront cassées si vous ne videz pas le cache de votre navigateur et ne régénérez pas le CSS - alors faites-le absolument !

Le dernier mot d'avertissement est que les plug-ins tiers peuvent tomber en panne en raison de cette nouvelle version. Ils font les choses un peu différemment en termes d'ajout de composants et de styles CSS, mais nous nous attendons à ce que la plupart des principaux développeurs tiers de constructeurs d'oxygène aient leurs plug-ins compatibles au moment où le RC sortira.

Lectures complémentaires :

• Un examen détaillé de l'Oxygen Builder (perspective de l'agence)
• Comment nous migrons les sites Oxygen Builder
• Divi Builder VS Oxygen Builder - Qui gagne en 2021 ?

Conclusion

La quatrième version d'Oxygen Builder apporte avec elle une expérience utilisateur indispensable, des améliorations d'interface comme un raccourci clavier pour copier et coller des éléments, une nouvelle conception plus simple, la prise en charge de PHP8 et des améliorations de WooCommerce. Cette version devrait préparer le terrain pour des outils natifs supplémentaires comme un menu contextuel et d'autres améliorations de la vitesse du backend.