Intéressé par un outil qui se présente comme “plus flexible que les constructeurs de pages typiques et aussi puissant que le codage manuel” ? Oxygène est un nouveau plugin d’éditeur visuel WYSIWYG pour WordPress de Soflyy, la même équipe derrière WP All Import.

Il vous permet de créer l’intégralité de votre site Web – en-têtes, pieds de page… tout – sans quitter les limites de votre tableau de bord WordPress. Bien que ce ne soit probablement pas pour débutants absolusles concepteurs WordPress et les utilisateurs intermédiaires de WordPress peuvent intervenir et commencer à concevoir des sites détaillés à partir de zéro.

Dans mon examen d’Oxygen (cela semble bizarre à dire !), Je vais vous guider dans ce créateur de site Web visuel et vous montrer comment tout fonctionne.

Examen de l’oxygène : comment tout cela fonctionne-t-il ?

Oxygen est un constructeur de site Web sous la forme d’un plugin WordPress (similaire à Constructeur de pages de destination Divi ou Élémentor). Bien qu’il s’agisse d’un plugin, il remplace à peu près complètement votre thème WordPress. C’est-à-dire, Oxygen est tout ce dont vous avez besoin pour styliser votre site.

Avec sa collection de blocs de construction fondamentaux, de composants prédéfinis et d’éléments/shortcodes WordPress standard, vous pouvez entièrement créer votre site sans avoir à tout coder à partir de zéro.

De plus, des options de style détaillées vous permettent de changer facilement les choses avec le CSS personnalisé ou l’outil de style intégré d’Oxygen.

Et ce qui est cool, c’est que vous pouvez toujours utiliser tous vos autres plugins WordPress préférés…y compris constructeurs de pages WordPress réguliers.

Pour qui Oxygen est-il conçu ?

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). Oxygen vise à être “l’outil de choix pour les concepteurs de sites Web WordPress”. Donc, si vous êtes un concepteur de sites Web WordPress, Oxygen souhaite vous aider à créer des sites Web WordPress… plus rapidement et plus facilement.

Mais même si vous n’êtes qu’un utilisateur intermédiaire de WordPress qui aime créer vos propres sites Web, vous tirerez probablement parti d’Oxygen. Il est suffisamment convivial pour que vous puissiez toujours créer un site unique même si vous ne connaissez pas grand-chose, voire pas du tout, en code.

Cela étant dit, si tout ce que vous voulez faire est d’ajouter du style à quelques pages ou publications, vous n’avez pas besoin d’Oxygen. Oxygen est un constructeur de site Web complet – pas un constructeur de page. Comme je l’ai mentionné, vous pouvez réellement utiliser Oxygen en conjonction avec constructeurs de pages – donc ce n’est pas un scénario soit/ou.

Construire rapidement une page d’accueil avec Oxygen

Je vais creuser plus en détail dans Oxygen Visual Editor dans une seconde, mais je veux d’abord vous montrer à quelle vitesse vous pouvez créer une page avec Oxygen et ses composants inclus.

Lorsque vous lancez Oxygen Visual Editor, vous verrez une grande toile vierge comme celle-ci :

examen de l'oxygène constructeur de site web wordpress

Sur la gauche, vous ajoutez des éléments, des widgets, des shortcodes, des modèles, etc. Et sur la droite, vous obtenez un arbre DOM utile, un accès facile aux feuilles de style et des informations sur les sélecteurs. Il existe d’autres menus plus petits cachés… mais ce sont les bases.

Si vous souhaitez simplement créer une page le plus rapidement possible, il vous suffit simplement d’ajouter un en-tête :

Et puis arrondissez les choses en ajoutant de la même manière un corps de texte et un pied de page :

Et cela m’a pris environ 30 secondes. Pour modifier du texte, c’est aussi simple que pointer et taper. Évidemment, dans la vraie vie, vous voudrez probablement personnaliser un peu plus les choses. Ceci n’est qu’un aperçu de haut niveau.

Allons un peu plus en profondeur avec Oxygen…

L’éditeur visuel Oxygen plus en détail

Ok, ce qui précède était le moment difficile et dégringolant “aha”. Mais allons un peu plus loin dans tout dans l’éditeur visuel d’Oxygen.

Ajouter des éléments avec de l’oxygène

Bien que j’ai ajouté des composants prédéfinis à ma page d’exemple ci-dessus, vous n’êtes pas limité à ces conceptions. Vous pouvez en fait choisir parmi 5 catégories différentes (avec un certain chevauchement entre les catégories) :

  • Fondamentaux des éléments de base tels que des blocs de texte, des en-têtes, des divs, etc.
  • WordPress – Contenu spécifique à WordPress comme les shortcodes et les widgets.
  • Réutilisable – vos propres conceptions enregistrées que vous pouvez rapidement réutiliser
  • Composants – des conceptions prédéfinies, ainsi que du contenu WordPress spécifique comme les boîtes d’auteur, la pagination, etc.
  • Ensembles de conception – éléments thématiques. Ils chevauchent la catégorie des composants mais sont organisés de manière différente.

Pour ajouter un élément, il vous suffit de cliquer dessus (ne pas glisser déposer). Une fois l’élément sur votre page, vous pouvez facilement modifier son ordre de base en faisant glisser et en déposant sa position sur la Arbre DOM :

Styliser vos éléments

Pour styliser les éléments, vous pouvez aborder les choses de deux manières différentes.

Premièrement – il y a la méthode manuelle. Vous pouvez rapidement ouvrir une feuille de style existante ou en ajouter une nouvelle. Et Oxygen vous permet toujours de trouver facilement le sélecteur CSS spécifique :

Mais vous pouvez également cliquer sur le Suite bouton pour ouvrir une boîte de style qui vous permet de :

  • Ajouter des marges et du rembourrage
  • Changer de position et d’alignement
  • Changer de taille
  • Configurer les arrière-plans
  • Choisissez la typographie
  • Ajouter des bordures
  • Ajoutez facilement du CSS personnalisé à cet élément spécifique

Réutiliser des éléments sur plusieurs pages

Supposons que vous créez un élément que vous souhaitez réutiliser sur plusieurs pages. Des exemples évidents sont…

Lire la suite : cliquez ici

Rejoignez-nous

Ne ratez aucune actu

Rejoignez-nous

Ne ratez aucune actu