Favicon BulgaWeb

Tutoriels

Mis à jour le mardi 19 avril 2022
Tuto Filtre
  • Tous
  • Oxygen (20)
  • Intermédiaire (15)
  • Débutant (14)
  • Wordpress (13)
  • jQuery/JS (10)
  • WooCommerce (7)
19 avril 2022
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 […]

Lire plus
17 mars 2021
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 […]

Lire plus
3 février 2021
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 […]

Lire plus
25 septembre 2020
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 […]

Lire plus
23 septembre 2020
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 […]

Lire plus
25 août 2020
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 […]

Lire plus
25 août 2020
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 […]

Lire plus
13 août 2020
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 […]

Lire plus
8 août 2020
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 […]

Lire plus
7 août 2020
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 […]

Lire plus
4 août 2020
WooCommerce Snippets

Quelques snippets utiles pour WooCommerce Certaines sources viennent du très bon site BusinessBloomer Ajouter des notifications d'erreur de champ en […]

Lire plus
2 août 2020
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 […]

Lire plus
1 août 2020
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 […]

Lire plus
29 juillet 2020
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 […]

Lire plus
20 juillet 2020
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). […]

Lire plus
15 juillet 2020
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 […]

Lire plus
6 juillet 2020
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 […]

Lire plus
6 juillet 2020
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. […]

Lire plus
29 juin 2020
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 […]

Lire plus
29 juin 2020
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é […]

Lire plus
29 juin 2020
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 […]

Lire plus
29 juin 2020
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 […]

Lire plus
29 juin 2020
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 […]

Lire plus
29 juin 2020
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 […]

Lire plus
23 juin 2020
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 […]

Lire plus
23 juin 2020
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 […]

Lire plus
23 juin 2020
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 […]

Lire plus
22 juin 2020
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 […]

Lire plus
19 juin 2020
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, […]

Lire plus
19 juin 2020
Créer une page ou un article

Première vidéo destinée aux débutants. Ancienne vidéo pour mes clients (sur Divi).

Lire plus
19 juin 2020
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 […]

Lire plus
Copyright © 2019 - 2023 Bulgaweb
 | 
Développé par BulgaWeb
linkedin facebook pinterest youtube rss twitter instagram facebook-blank rss-blank linkedin-blank pinterest youtube twitter instagram