Suite à une demande sur le groupe anglophone Oxygen, j'ai réalisé l'effet demandé grâce à Parallax.js. Afin de réaliser cet […]
Tutoriels
Mis à jour le mardi 19 avril 2022
Sliders Swiper dans des tabulations
Lire plus
Suite à une question de Stéphane sur le groupe francophone Oxygen, j'ai fait une recherche pour faire fonctionner différents sliders […]
Animations Gsap dans un slider Swiper
Lire plus
Un petit tutoriel complémentaire à la série Gsap de notre ami SupaMike (site). Gsap est une librairie JS qui permet […]
Pods Tips and Tricks
Lire plus
Suite à mon article sur l'utilisation globale de Pods avec Oxygen, je rajoute quelques astuces utiles ... Ouvrir (télécharger) un […]
Utiliser Pods avec Oxygen
Lire plus
Pas mal de collègues ont manqué l’opportunité d'acheter ACF Pro en version "licence à vie" et n'ont pas envie de […]
Extras Tips and Tricks pour Oxygen
Lire plus
Date de modification A mettre dans un code bloc, le formatage de la date peut être modifié ainsi que le […]
Modern Events Calendar (MEC) dans Oxygen
Lire plus
MISE A JOUR - Après de nombreux soucis avec une version PRO et leur add-on WooCommerce, je déconseille vivement l'achat […]
Marque de produits avec images dans WooCommerce
Lire plus
Un petit défi pour un collègue australien. Il avait le plug-in Brands pour WooCommerce mais nous aurions aimé pouvoir filtrer […]
Utiliser des textures transparentes en fond
Lire plus
J'ai été assez étonné en discutant avec un collègue américain hier et qui dans notre échange me demande : "dis […]
Utilisation des grilles CSS (grid)
Lire plus
Oxygen utilise en majorité le Flex CSS (https://css-tricks.com/snippets/css/a-guide-to-flexbox/) mais il existe également une autre possibilité en CSS pour créer des […]
WooCommerce Snippets
Lire plus
Quelques snippets utiles pour WooCommerce Certaines sources viennent du très bon site BusinessBloomer Ajouter des notifications d'erreur de champ en […]
Produit WooCommerce fonctions
Lire plus
En cours d’élaboration, doit être vérifié et complété ! Vous pouvez retrouvez des références ici Hooks et ici pour les […]
Utiliser les hooks WooCommerce
Lire plus
Il arrive dans certains cas que l'utilisation des éléments WooCommerce d'Oxygen ne suffisent pas pour nos besoins. Néanmoins il existe […]
Moving Letters ou l'animation des titres
Lire plus
Anime.js est une bibliothèque d'animation JavaScript légère avec une API simple mais puissante facilement utilisable avec Oxygen.Il fonctionne avec les […]
Filtrer les catégories avec Isotope
Lire plus
Isotope permet de filtrer les catégories avec le module Easypost (car il dispose d'un template que le repeater n'a pas). […]
Utiliser WP_Query pour afficher les produits Woo
Lire plus
La structure du code de base Au tout début, la première chose dont nous aurons besoin est un bloc de […]
Afficher les articles relatifs
Lire plus
Utiliser les queries dans WordPress vous permets de récupérer quasi ce que vous voulez sur vos pages. Voici une fonction […]
Afficher les articles adjacents
Lire plus
Si vous ne disposez pas d'OxyExtras, il est possible de récupérer assez simplement les titres avec liens des articles adjacents. […]
Un site multilingue avec Oxygen
Lire plus
Petite remarque humoristique pour commencer, je suis Belge ... On ne peut pas être parfait. Il m'arrive donc assez régulièrement […]
WooCommerce (WPML) (partie 2) - Panier
Lire plus
Suite de mon premier tutoriel (qui devenait long) pour l'ajout d'un panier sur un site WooCommerce (compatible avec WPML). Basé […]
WooCommerce (WPML) (partie 1) - accès membres
Lire plus
Préambule : Je ne suis pas développeur et je partage mon expérience. La demande de mon client (en sous-traitance) était […]
Utiliser des plugins Gutenberg avec Oxygen
Lire plus
Depuis la sortie de WordPress 5, Gutenberg ne cesse d’évoluer et une quantité de développeurs ont créé des plugins proposant […]
Ajout d'icônes personnalisées dans Oxygen
Lire plus
CRÉER UN ENSEMBLE AVEC ICOMOONVisitez IcoMoon.io et cliquez sur IcoMoon App en haut à droite. Vous êtes redirigé vers l'application […]
Utiliser Morphext.js avec Oxygen
Lire plus
Dans le même esprit que Typed.js, dans un premier temps installez d'abord le plugin javascript. Créez un bloc de texte […]
Utiliser Typed.js avec Oxygen
Lire plus
Après avoir installé la librairie javascript, insérer une classe à un élément texte d'Oxygen et un code bloc avec ceci […]
Animations au scroll avec Lax.js
Lire plus
Le plugin s'utilise très facilement avec OxyPowerPack ou OxyAttributes. Après avoir installer le plugin, il faudra l'initialiser avec ce code […]
Changer la longueur du résumé des articles
Lire plus
WordPress a un filtre intégré nommé de manière appropriée "excerpt_length" qui vous permettra de modifier la longueur par défaut de […]
Modifier la couleur de fond d'un champ acf en fonction de son texte
Lire plus
Pour un projet je voulais changer la couleur de fond d'un champ (badge) provenant d'un champs Pods (ou ACF) en […]
Intégrer Swiper dans Oxygen
Lire plus
Swiper vous permet de faire différents sliders avec une quantité d'options intéressantes comme la pagination, les sliders verticaux, la scrollbar, […]
Créer une page ou un article
Lire plus
Première vidéo destinée aux débutants. Ancienne vidéo pour mes clients (sur Divi).
Organiser les articles par catégories
Lire plus
Vidéos pour montrer la gestion de l'affichage des articles WordPress sur des pages différentes en fonction de leurs catégories. Ancienne […]
