Swiper
Ce slider Swiper est personnalisé , les flèches sont volontairement positionnées dans les coins supérieurs. Les animations sont ajoutées avec Gsap sur le titre et le résumé qui ont chacun une classe.
Effet parallax avec parallax JS
Suite à une demande sur le groupe anglophone Oxygen, j'ai réalisé l'effet demandé grâce à Parallax.js. Afin de réaliser cet […]
Sliders Swiper dans des tabulations
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
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
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
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
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
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
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
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)
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
Première vidéo destinée aux débutants. Ancienne vidéo pour mes clients (sur Divi).
Organiser les articles par catégories
Vidéos pour montrer la gestion de l'affichage des articles WordPress sur des pages différentes en fonction de leurs catégories. Ancienne […]
