Oxy Toolbox

Oxy Toolbox ajoute plusieurs fonctionnalités utiles et permettant de gagner du temps pour le constructeur Oxygen.

Chaque module et option peut être activé et désactivé individuellement.

Fonctionnalités actuelles - Class Act

Ce module vous permet de déplacer ou de copier les styles associés à id ou à une classe de n'importe quel élément vers une nouvelle classe.

Nettoyeur de classes

Ce module vous permet de renommer et de supprimer les classes inutilisées dans Oxygen.

Avantages

• Renommez les classes sur tout le site sur toutes les pages/modèles, etc. sans supprimer manuellement la classe, en ajoutant une nouvelle classe et en rajoutant toutes les propriétés.
• Recherchez et supprimez toutes les classes inutilisées sur l'ensemble du site, c'est-à-dire les classes qui n'ont été affectées à aucun élément.

Modifier le texte

• Ce module ajoute une zone de texte pour afficher/modifier le texte des composants Titre et Texte.
• Ceci est utile dans certaines situations où l'élément est défini pour être masqué.
• Pour les composants de texte enrichi, la zone de texte affichera le contenu au format HTML.
• Vous pouvez y ajouter directement du code HTML valide si vous le souhaitez et cela sera reflété dans l'aperçu.

Les conditions

Ce module enregistre des conditions personnalisées dans Oxygen à l'aide desquelles les éléments peuvent être sortis de manière sélective en fonction de divers paramètres.

Révisions

Permet de gérer le nombre de révisions dans Oxygen.

Retour au sommet

Bouton pour faire remontrer en haut de la page.

Barre de progression de la lecture

Ce module ajoute un indicateur de progression indiquant le degré de défilement de la page sous la forme d'une fine barre horizontale fixe le long du bord supérieur du navigateur sur le front-end.

Table des matières

Ce module fournit un shortcode oxy_toc pour afficher une table des matières (TOC) réductible générée automatiquement et consistant en une liste des titres de la page actuelle.

Capture d'écran :

Le shortcode peut être placé soit dans l'éditeur WordPress, soit dans l'éditeur Oxygen à l'aide d'un composant Shortcode.

Ajustements de l'éditeur

Ce module comporte plusieurs sous-modules/fonctionnalités.

Retour aux ajouts WP

Cette option ajoute des éléments de menu Modèles et Pages sous le menu "Retour à WP" dans l'éditeur Oxygen.

En cours d'édition

Cette option ajoute le nom du modèle ou de la page en cours ou tout autre type d'entrée en cours de modification à gauche du bouton Structure dans l'interface de l'éditeur d'Oxygen.

Plein écran - Le module plein écran d'Oxy Toolbox vous permet

• basculez les panneaux dans l'éditeur Oxygen en appuyant sur une seule touche. La touche peut être définie sur l'une des touches Ctrl, Alt, Maj, Cmd.
• développer les panneaux de l'éditeur de code sur toute la largeur (lorsque le curseur se trouve à l'intérieur de l'éditeur de code).
• détachez le cadre central dans un onglet/fenêtre séparé afin de pouvoir le déplacer vers un autre écran.

CSS Tweaks - Ajoute les correctifs CSS suivants dans l'éditeur :

• supprime les barres de défilement inutiles et l'arrière-plan gris clair pour les entrées du curseur de plage, et centre verticalement le cercle du sélecteur de couleurs dans Firefox.
• centre verticalement l'icône de fermeture, augmente la largeur des colonnes et ajoute une barre de défilement verticale si nécessaire dans la boîte de dialogue des conditions.
• ajoute une barre de défilement verticale si nécessaire dans la boîte de dialogue de données dynamiques.

Ouvrir les liens de retour au menu WP dans de nouveaux onglets

Crée des liens sous Retour au menu WP comme les boutons Admin et Frontend pour les ouvrir dans un nouvel onglet.

Supprimer min-width et min-height pour les Divs vides

Oxygen définit une largeur et une hauteur minimales de 80 pixels chacune pour les Div vides.

Il peut y avoir des situations où vous souhaitez définir une hauteur de 10 pixels pour une Div et cette option vous permet de la voir comme il se doit dans l'éditeur Oxygen, de la même manière qu'elle apparaît dans le frontal.

Navigateur

Ce module ajoute des modèles et des pages dans la barre d'outils WordPress pour éditer directement l'élément sélectionné avec Oxygen avec une option permettant également de rendre la barre d'outils visible dans l'éditeur Oxygen.

Les éléments de menu de la barre d'administration Modèles et Pages de niveau supérieur renvoient aux pages de liste correspondantes dans l'administrateur WordPress.

Achèvement du code

Ce module permet à Emmet d'étendre les abréviations HTML et CSS dans les panneaux de code d'Oxygen.

Essentiel

Ce module permet la prise en charge HTML5 d'éléments tels que le formulaire de recherche et ajoute (ce que nous considérons comme) des CSS essentiels - par exemple, pour rendre toutes les images réactives.

Attributs de largeur et de hauteur de l'image

Ce module ajoute automatiquement des attributs de largeur et de hauteur avec des valeurs tirées de la taille sélectionnée pour les images ajoutées à l'aide du composant Image dans l'éditeur Oxygen.

Mode hors-ligne

Ce module vous permet de travailler localement dans l'éditeur Oxygen sans connexion Internet en remplaçant les appels aux actifs à partir d'URL CDN externes par des fichiers du plug-in.

Des boutons pour tous les modèles

Ajoute un lien pour revenir à l'écran de la liste des modèles lors de la modification d'un modèle Oxygen.

Supprimer les thèmes et l'éditeur de thèmes du menu Admin

Supprime les éléments du menu Apparence > Thèmes et Apparence > Éditeur de thème de l'administrateur WordPress.

Scénarios

Ce module enregistre des scripts populaires comme Flickity et Isotope afin que vous puissiez les charger n'importe où dans Oxygen.

Gutenberg

Fournit des options pour 1) désactiver l'éditeur Gutenberg WordPress et décharger les feuilles de style liées à Gutenberg 2) modifier la largeur par défaut de l'éditeur Gutenberg en pleine taille.

Déplacer le menu d'administration d'oxygène vers le haut

Déplace le menu d'administration Oxygen vers le haut dans l'administration WordPress sous l'élément Tableau de bord.

Ouvrir les liens externes dans un nouvel onglet

Fait en sorte que toutes les URL qui pointent vers des sites Web externes s'ouvrent dans un nouvel onglet.