Il y a quelques mois, nous avons examiné Oxygen 2.0, un outil de conception flexible qui vous aide à créer l'intégralité de votre thème WordPress avec un éditeur visuel par glisser-déposer.

Il est différent de votre constructeur de page ordinaire, car il se concentre beaucoup plus sur le contenu dynamique et les modèles.

La version originale d'Oxygen 2.0 était en juin 2018. Depuis lors, l'équipe Oxygen a travaillé dur sur de nouvelles fonctionnalités, aboutissant à la récente version d'Oxygen 2.1.

Dans cet article, je partagerai toutes les nouvelles fonctionnalités disponibles avec Oxygen 2.1, ainsi qu'un bref rappel sur le fonctionnement général d'Oxygen au cas où vous ne seriez pas déjà familier.

Voici un bref résumé des principales nouvelles fonctionnalités d'Oxygen 2.1 :

  • Intégrations pour deux plugins de contenu personnalisés populaires – Champs personnalisés avancés et Ensemble d'outils.
  • Nouvelles options de superposition et d'en-tête collant dans le générateur d'en-tête.
  • Améliorations de la fonctionnalité du curseury compris la fonctionnalité de curseur plein écran.
  • Couleurs globales pour des changements de style plus faciles/rapides.
  • Gestionnaire de rôle pour aider à contrôler l'accès de vos clients à Oxygen.
  • Gestionnaire de type de publication pour masquer la méta-boîte Oxygène de certains types de publication.
  • Enveloppe de code court élément qui vous permet d'envelopper le contenu créé avec Oxygen avec un shortcode. Par exemple, un site d'adhésion pourrait l'utiliser pour envelopper le contenu Oxygen dans un shortcode de restriction de contenu.
  • Arrière-plans dégradés faciles pour vos créations Oxygen.

Un rappel rapide sur ce qu'est l'oxygène et son fonctionnement

Si vous n'êtes pas déjà familier avec Oxygen, je vous recommande de consulter d'abord notre revue Oxygen 2.0, car cet article vous mettra à jour avec toutes les fonctionnalités de base d'Oxygen.

Mais voici un bref rappel en quelques paragraphes si vous ne voulez pas consulter cet examen complet.

Oxygen se présente comme le “créateur de site visuel le plus flexible et le plus puissant pour WordPress”, et c'est un assez bon résumé de ce qu'il fait.

Il est livré avec un puissant système de modèles qui vous permet de créer l'intégralité de votre thème, notamment :

  • Entête
  • Contenu
  • Bas de page
  • Etc.

Vous pouvez ensuite choisir où appliquer les modèles et faire en sorte que les modèles héritent de la conception d'autres modèles :

modèles d'oxygène

Pour créer à la fois vos modèles ou des éléments de contenu individuels, Oxygen vous offre un éditeur visuel par glisser-déposer.

Encore une fois, quelques-uns des plus les choses uniques à propos de cet éditeur sont que :

  • Il vous donne des règles détaillées pour l'insertion de données dynamiques, soit à partir des fonctionnalités de base de WordPress (comme une photo de profil d'auteur) ou à partir de champs personnalisés, ou même vos propres fonctions PHP.
  • Les options de mise en page sont faciles à utiliser et flexibles. Par exemple, vous pouvez empiler des éléments horizontalement sans avoir à vous soucier des colonnes comme vous le feriez dans un générateur de page.
  • Il est facile d'ajouter votre propre code. Vous obtenez des éditeurs CSS et JavaScript intégrés, et vous pouvez également insérer vos propres blocs de code si vous souhaitez exécuter votre propre PHP ou HTML.

données dynamiques de l'oxygène

Ce n'est pas tout ce qu'il peut faire, bien sûr, mais cela devrait vous donner une bonne idée de ce qu'il offre. Encore une fois, lisez notre revue Oxygen 2.0 si vous voulez tout voir.

Maintenant, je vais plonger dans quoi de neuf dans Oxygen 2.1

Champs personnalisés avancés et intégrations d'outils

Si vous n'êtes pas familier, Advanced Custom Fields et Toolset sont deux outils populaires qui vous aident à travailler avec du contenu personnalisé sur WordPress.

Les champs personnalisés avancés sont, comme leur nom l'indique, uniquement axés sur les champs personnalisés, tandis que Toolset est davantage une solution tout-en-un qui aide avec les champs personnalisés, les types de publication personnalisés, l'interrogation du contenu et bien plus encore.

Les deux sont très populaires auprès des développeurs qui créent des sites WordPress pour gagner leur vie, et Oxygen 2.1 apporte des intégrations dédiées pour les deux outils.

Champs personnalisés avancés

Avec Oxygen 2.1, vous pouvez insérer n'importe lequel de vos champs personnalisés avancés directement depuis le Insérer des données outil.

Pour le démontrer, j'ai déjà créé deux champs personnalisés et les ai associés à toutes les pages WordPress. Les champs sont :

Maintenant, si je vais concevoir une page avec Oxygen, je verrai une nouvelle option pour le champ personnalisé avancé lorsque je vais insérer des données :

intégration oxygène 2.1 acf

Et cliquer dessus me permettra d'insérer des données à partir de l'un des champs personnalisés que j'ai ajoutés avec ACF :

cf

Vous pouvez toujours insérer des champs personnalisés d'ACF dans Oxygen 2.0, mais Oxygen 2.1 facilite grandement leur accès et élimine le besoin de filtrer toutes les autres clés :

vieille

Ensemble d'outils

C'est la même idée pour Toolset ! Si vous avez déjà ajouté des champs personnalisés avec Toolset, vous pourrez les insérer directement à partir du nouveau Champ Types de jeux d'outils option, plutôt que de chercher dans toutes les clés :

ensemble d'outils

Là où cette intégration va un peu plus loin, c'est que vous pouvez également insérer Toolset Vues via le constructeur Oxygen en utilisant le nouveau Affichage de l'ensemble d'outils élément dans le Données dynamiques région:

vues de jeu d'outils

Les vues d'ensemble d'outils sont un moyen très puissant d'afficher des ensembles spécifiques de données personnalisées à l'aide d'un générateur de requêtes flexible. En savoir plus sur eux ici.

Options de couleur globales

Les couleurs globales vous font gagner du temps en vous permettant de modifier une couleur globale une seule fois et de propager ce changement sur l'ensemble de votre site.

Vous obtiendrez ce nouveau globe icône à côté des sélecteurs de couleurs :

oxygen 21 update 8 - Sabma Digital

Lorsque vous cliquez dessus, vous enregistrez la couleur actuelle en tant que couleur globale :

couleur du nom

Ensuite, vous pourrez rapidement appliquer ces couleurs globales à n'importe quel autre élément :

oxygen 21 update 10 - Sabma Digital

Et si vous souhaitez mettre à jour la couleur à l'avenir, vous pouvez la mettre à jour une fois dans le Gérer les couleurs interface pour appliquer automatiquement ces modifications à toutes les instances qui utilisent cette couleur globale :

couleurs globales

Nouvelles options d'en-tête pour les en-têtes transparents et collants

Oxygen 2.1 ajoute de nouvelles options au générateur d'en-tête pour vous aider à créer des en-têtes superposés ou collants.

Dans le Générateur d'en-tête outil, vous obtiendrez de nouvelles options pour Collant ou Recouvrir:

oxygen 21 update 16 - Sabma Digital

Lorsqu'il est activé, vous pourrez configurer davantage les fonctionnalités telles que :

  • Choisir quand afficher l'en-tête collant
  • Réglage de l'arrière-plan
  • Etc.

oxygen 21 update 17 - Sabma Digital

Et une autre bonne chose avec cette nouvelle fonctionnalité est la possibilité d'afficher/masquer des lignes d'en-tête individuelles dans chaque option :

oxygen 21 update 18 - Sabma Digital

Par exemple, vous avez peut-être plusieurs lignes dans votre en-tête avec :

  • Une ligne pour les informations de contact
  • Un autre pour les liens de navigation

Vous pouvez choisir de masquer les informations de contenu dans l'en-tête collant et d'afficher uniquement les liens de navigation.

Fonctionnalité d'enveloppe de code court

Parfois, vous pourriez avoir besoin d'envelopper le contenu de votre générateur Oxygen dans un shortcode séparé.

Reprenons cet exemple depuis le début…

La plupart des plugins de restriction de contenu vous donnent des codes abrégés pour restreindre le contenu à des utilisateurs spécifiques.

Alors peut-être que vous utilisez Oxygen pour concevoir un contenu d'abonnement premium que vous ne voulez pas que les utilisateurs non autorisés puissent voir.

Si tel est le cas, vous pouvez utiliser le nouveau Enveloppe de code court élément pour entourer le contenu que vous souhaitez placer à l'intérieur du shortcode :

oxygen 21 update 15 - Sabma Digital

L'arborescence de la structure permet de contrôler très facilement ce qui se passe à l'intérieur du shortcode et ce qui reste à l'extérieur.

Curseurs plein écran

Oxygen inclut une fonctionnalité de curseur intégrée, qui est puissante car vous pouvez insérer des données dynamiques dans le contenu de votre curseur.

Oxygen 2.1 vous permet désormais de fabriquer vos curseurs plein écranavec de nouvelles options pour :

  • Supprimer le rembourrage
  • Superposer les points
  • Glissières extensibles à la même hauteur

oxygen 21 update 12 - Sabma Digital

Essentiellement, vous pouvez faire en sorte que votre curseur remplisse toute la fenêtre visible, ce qui est une technique utilisée par de nombreux sites.

Arrière-plans dégradés

Vous pouvez maintenant créer des arrière-plans dégradés avec un nouveau Pente outil dans les paramètres d'arrière-plan. Bien que ce soit une chose simple, vous obtenez des fonctionnalités assez détaillées pour les couleurs à utiliser et à quoi cela devrait ressembler :

oxygen 21 update 19 - Sabma Digital

Gestionnaire de rôle et gestionnaire de type de poste

Enfin, Oxygen 2.1 vous offre de nouvelles options pour contrôler :

  • Où le constructeur Oxygen apparaît
  • Quels rôles d'utilisateur peuvent accéder au constructeur Oxygen

Vous pouvez accéder à ces deux options en allant sur Oxygène → Paramètres.

le Gestionnaire de types de publication vous permet de masquer Oxygen sur certains types de publications :

choisir les types de publication

Et le Gestionnaire de rôle vous permet de choisir quels rôles d'utilisateur peuvent accéder à Oxygen :

accès au rôle d'utilisateur

Ce dernier est particulièrement important car le constructeur Oxygen vous permet d'exécuter PHP. Par conséquent, vous devez veiller à ne donner accès qu'aux utilisateurs de confiance.

Comment démarrer avec Oxygen 2.1

Dans le cadre d'Oxygen 2.1, il y a une nouvelle structure de prix avec une légère augmentation de prix. Bonne nouvelle, cependant – rien n'a changé dans la partie la plus attractive de la tarification d'Oxygen. Vous obtenez toujours :

  • Mises à jour à vie
  • Assistance à vie

Oui, vous payez une fois et vous êtes prêt pour la vie, ce qui est assez rare de nos jours.

Avec les nouveaux prix, les plans commencent maintenant à 129 $ pour une utilisation sur 10 sites et vont jusqu'à 199 $ pour une utilisation sur illimité des sites:

Tarifs Oxygène 2.1

Si vous souhaitez commencer à créer vos sites Web avec Oxygen, cliquez ci-dessous :

Obtenez le générateur d'oxygène

Et rappelez-vous, pour un examen plus approfondi de la façon dont Oxygen peut vous aider à créer des sites WordPress personnalisés, assurez-vous de consulter notre examen complet d'Oxygen 2.0 où nous approfondissons les fonctionnalités générales d'Oxygen.