Tutoriels Divi

Astuces et personnalisation de Divi : HTML, CSS, PHP, Javascript, thèmes enfant, plugins
Nouveaux styles de menu mobile pour Divi

Nouveaux styles de menu mobile pour Divi

Salut à tout-te-s, Voici un second tutoriel sur la personnalisation du menu mobile Divi. J’avais déjà expliqué comment améliorer l’apparence du menu déroulant en supprimant ses marges et en modifiant l’apparence du texte. Aujourd’hui nous irons...
RGPD : Les cookies dans WordPress ou Divi avec tarteaucitron.js

RGPD : Les cookies dans WordPress ou Divi avec tarteaucitron.js

Bonjour à tous, Si vous lisez ce billet, c’est que vous aussi vous vous êtes demandé, dans le cadre de la RGPD, comment vous alliez pouvoir gérer facilement l’autorisation et l’interdiction de ces satanés cookies / traceurs sur votre site WordPress...
Header Divi : intégrer le builder grâce aux hooks WordPress

Header Divi : intégrer le builder grâce aux hooks WordPress

Bonjour à tous, En attendant l’arrivée du « Visual Header », voici un tutoriel sur l’utilisation des hooks WordPress dans l’entête Divi afin d’y injecter des layouts construits avec le builder. Car en effet, depuis la version 3.1, Divi fournit...
Comment créer un module Divi : Image Overlay

Comment créer un module Divi : Image Overlay

Salut à tous, Nous avons déjà vu comment modifier des modules Divi avec la récupération des alt text en bibliothèque. Aujourd’hui, nous allons créer un module de toute pièce. Enfin presque ; je suis plutôt du genre à recycler ! Pour l’exemple, j’ai...
Uniformisation du modèle de page Divi

Uniformisation du modèle de page Divi

Bonjour ! Je voudrais aborder dans cet article le design du modèle de page de Divi, qui souffre à mon avis d’un cruel manque d’homogénéité. Quand je crée un site, j’utilise toujours le builder pour les pages classiques, mais jamais pour le blog, les...
Divi Plugin : récupération des alt text en bibliothèque

Divi Plugin : récupération des alt text en bibliothèque

  EDIT 21/04/2018 : Voir Divi Alt Text 4.0, suite à mise à jour Divi 3.1. Vous pouvez toujours télécharger plus bas sur cette page la version 3.0 correspondant aux versions de Divi avant 3.1.   EDIT 21/02/2018 : Plugin v3.0, corrections suite à mises à jour Divi,...
Mise en page avancée avec les « grilles » CSS dans Divi

Mise en page avancée avec les « grilles » CSS dans Divi

Salut everybody of the world, Continuons un peu notre aventure dans l’ajustement des mises en page Divi avec une courte introduction à un concept enfin reconnu par tous les navigateurs (en version récente pour certains) : les grilles CSS. En effet, on peut...
Mise en page automatique CSS en « damier » avec Divi

Mise en page automatique CSS en « damier » avec Divi

Bonjour, Nous allons aujourd’hui continuer notre périple dans l’agencement des colonnes et des modules dans Divi grâce à la flexbox CSS. Cette fois nous parlerons d’automatisation, afin de faciliter les mises en page sur deux colonnes de style...
Ajustement CSS de l’ordre des colonnes dans Divi avec flexbox

Ajustement CSS de l’ordre des colonnes dans Divi avec flexbox

Bonjour ! Nous avons vu la dernière fois comment aligner ou répartir verticalement les modules d’une colonne dans Divi. Cette fois ça se passe à l’horizontal ; nous allons apprendre à réordonner les colonnes d’une même ligne afin d’ajuster le...
Alignement vertical des modules Divi en CSS

Alignement vertical des modules Divi en CSS

Bonjour tout le monde, Aujourd’hui je voudrais vous parler de la disposition verticale des modules dans une colonne Divi. Qui n’a jamais eu besoin de centrer verticalement les modules dans ses lignes ? D’aligner un élément sur le bas de la colonne...
Correctif Divi : récupération des « alt text » en bibliothèque

Correctif Divi : récupération des « alt text » en bibliothèque

  EDIT 21/04/2018 : Voir Divi Alt Text 4.0, suite à mise à jour Divi 3.1.   EDIT 08/02/2018 : Problème du guid résolu ! Utilisation d’une fonction native de WordPress pour récupérer le texte alternatif 🙂 Nouveau patch 2.0 à télécharger. Elegant Themes n’a...
Pied de page fixe révélé après défilement pour Divi

Pied de page fixe révélé après défilement pour Divi

Bonjour à tou-te-s, les Divi fans ! Je voudrais vous proposer aujourd’hui un petit tuto pour « fixer » le pied de page de Divi, en le révélant au scrolling. Un espèce d’effet « parallax » qui ne s’assume pas ! Exemple sur ce site-même, en bas de...
Ajout d’un cadre fixe autour de votre page web en CSS

Ajout d’un cadre fixe autour de votre page web en CSS

Bonjour ! Nous allons voir aujourd’hui comment ajouter un cadre fixe sur une page web en CSS uniquement, donc sans modification du code PHP ni ajout de Javascript pour modifier le code html de la page. Ce procédé permet de faire défiler la page dans la fenêtre...
Ajustements du menu Divi

Ajustements du menu Divi

Hello tout le monde ! Aujourd’hui, un peu de style dans le menu Divi, qui de base a vraiment un look Fischer-Price à mon humble avis. Version desktop Original Modifié Explications Fonte plus fine (100 à 300 selon la police…!) Suppression du padding des...
Personnalisation CSS du blog Divi #2

Personnalisation CSS du blog Divi #2

Hello, Dans le dernier article, nous avons vu comment modifier le design du blog Divi pour réduire l’image des articles et la positionner sur la gauche. Inconvénient pour certains (ou pas) : le texte habillait l’image en raison du positionnement float....
Personnalisation CSS du blog de Divi

Personnalisation CSS du blog de Divi

Bonjour ! Depuis un moment je cherchais à améliorer l’affichage du blog de base de Divi… Voilà qui est fait avec quelques lignes de CSS ! Et vous pouvez vous en rendre compte directement sur ce site 😉 Opérations préliminaires Pour obtenir ce rendu, il faut...
Ajout de transitions à la visionneuse Magnific Popup de Divi

Ajout de transitions à la visionneuse Magnific Popup de Divi

Bonjour à tous, Comme moi, vous ne supportez plus les transitions brutales de la visionneuse de Divi pour les galeries de photos ? Alors voici un petit rafraîchissement du Magnific Popup intégré au thème, avec fade+zoom in et out entre les photos. Le résultat est...