Examen d’Oxygen 2.0: un constructeur de site Web visuel pour WordPress

En juin 2017, nous avons révisé un nouveau constructeur de site Web visuel pour WordPress appelé Oxygen. C’était Oxygène 1.0. Maintenant, l’équipe de Soflyy (également derrière WP All Import et WP Sandbox) est de retour avec une grosse mise à jour – Oxygène 2.0.

Comme 1.0, Oxygène 2.0 vous aide à construire votre tout le site WordPress à l’aide d’un éditeur visuel. Mais contrairement à la plupart des autres constructeurs de thèmes que vous rencontrerez, Oxygen remplace complètement votre thème. Vous n’injectez pas seulement un en-tête ou un pied de page – vous construisez tout votre site WordPress.

Des trucs assez puissants! Si cela a attiré votre attention, continuez à lire ma revue Oxygen 2.0 pour un aperçu rapide de certaines des nouvelles fonctionnalités les plus importantes. Ensuite, je vais vous donner un aperçu pratique de la façon dont tout fonctionne.

Revue Oxygen 2.0 : quoi de neuf dans la 2.0 ?

Il est impossible de couvrir toutes les fonctionnalités, mais permettez-moi de souligner rapidement certaines des plus grandes choses qu’Oxygen 2.0 offre :

• Commandes de mise en page puissantes – basés sur flexbox, les contrôles de mise en page d’Oxygen 2.0 sont super faciles à utiliser. Vous pouvez créer rapidement des mises en page horizontales et verticales, avec alignement pour tous les éléments enfants, sans avoir besoin d’utiliser de colonnes (comme à peu près tous les constructeurs de pages l’exigent). Vous pouvez également simplement faire glisser le côté d’un élément pour ajuster l’espacement et la taille, ce qui est très pratique.
• Édition visuelle par glisser-déposer – Oxygen 2.0 ajoute l’édition par glisser-déposer au mix ! Désormais, vous pouvez faire glisser des éléments sur l’aperçu visuel en plus de manipuler l’arborescence DOM.
• Modèles puissants – Le système de modèles d’Oxygen 2.0 vous permet de créer des modèles pour les archives de blogs, les célibataires et bien plus encore. De plus, vous pouvez faire hériter des modèles de autres modèles. J’expliquerai comment cela aide réellement dans la section pratique !
• Contrôle CSS complet – vous pouvez facilement appliquer des classes CSS à plusieurs éléments pour des mises à jour faciles ultérieurement. Et il est super facile d’ajouter votre propre CSS personnalisé grâce à l’éditeur intégré, y compris une option pour ajouter un CSS personnalisé pour différents points d’arrêt de requête multimédia.

Ce sont les points forts à mon avis – mais ce n’est certainement pas la liste complète des fonctionnalités. Vous en verrez beaucoup plus dans la section pratique.

À qui Oxygen 2.0 est-il destiné ?

Si vous souhaitez simplement créer des pages stylées pour votre thème existant, Oxygen n’est pas fait pour vous.

L’oxygène est destiné aux personnes qui veulent construire leur tout le site – pas seulement quelques pages ici et là.

Dans ma critique d’Oxygen 1.0, j’ai écrit ceci :

Si vous êtes un utilisateur occasionnel de WordPress, Oxygen n’est pas vraiment conçu pour vous (il n’est pas non plus commercialisé envers vous)

je pense qu’il y a encore quelques vérité à cela. Mais Oxygen 2.0 me semble également plus convivial pour les débutants, grâce à l’ajout de fonctionnalités telles que l’édition par glisser-déposer

Le système de modèles peut encore sembler écrasant pour un utilisateur occasionnel. Mais je pense que toute personne ayant une compréhension de base de la façon dont un thème WordPress s’intègre (par exemple, en-tête, contenu, pied de page, menu, etc.) ne devrait avoir aucun problème à utiliser Oxygen 2.0 pour créer un site Web.

Et – tout comme avec Oxygen 1.0 – vous pouvez toujours utiliser un constructeur de pages en conjonction avec Oxygène 2.0.

Pratique avec Oxygen 2.0 : Exploration de l’interface

Ok, donc c’est beaucoup d’introduction. Passons maintenant à l’interface Oxygen 2.0.

Les modèles font tourner le monde

Le système de modèles d’Oxygen 2.0 est plus détaillé que ce que vous obtenez avec un constructeur de pages WordPress standard.

Essentiellement, un modèle est une mise en page que vous appliquez à un contenu spécifique sur votre site. Par exemple, vous pouvez avoir un modèle que vous appliquez aux publications. Un autre aux pages, etc.

Mais Oxygen 2.0 vous permet d’être vraiment détaillé. Ainsi, vous pouvez avoir des éléments tels que :

• Appliquer Modèle A à tous les postes
• Appliquer Modèle B à tous les messages du La photographie Catégorie

Mais dans ce scénario, les publications de la catégorie Photographie répondraient aux critères de tous les deux Modèle A et modèle B. Alors que se passe-t-il ?

Eh bien, vous pouvez utiliser Priorité du modèle pour dicter quel modèle doit être appliqué dans ce scénario :

Il y a donc une partie intéressante à propos des modèles… mais ça devient plus cool.

Vous pouvez réellement avoir des modèles hériter autres modèles :

Voici pourquoi c’est utile :

Vous pouvez créer un modèle pour votre en-tête et votre pied de page avec un espace réservé pour le contenu. Ensuite, vous pouvez créer différents modèles pour différents éléments de contenu sans avoir à refaire l’en-tête/pied de page pour chacun (car chaque modèle de contenu hérite de celui du modèle d’en-tête/pied de page).

Voici un exemple de ce qui se passe :

Des trucs assez souples !

Utilisation du constructeur visuel Oxygen 2.0

Ok, donc vous avez en quelque sorte vu le générateur visuel Oxygen 2.0 ci-dessus. Mais allons plus en profondeur sur un modèle vierge.

Lorsque vous cliquez sur le + Ajouter en haut à gauche, vous pouvez ajouter des éléments de conception de cinq catégories différentes :

• Bases – éléments de base comme les sections, le titre, le texte, l’image, le bouton, etc.
• Aides – des éléments plus avancés comme un générateur d’en-tête, une boîte de tarification, un curseur, etc.
• WordPress – vous permet d’insérer dynamiquement du contenu WordPress, comme un menu, une barre latérale, un titre de publication, un contenu de publication, etc.
• Bibliothèque – permet de choisir parmi…