Accueil » Divi » Personnalisation de l’éditeur Divi Part 1

Comme de nombreux développeurs web, j’ai découvert, il y a quelques temps déjà, le thème Divi commercialisé par l’équipe de Elegant Theme.

Ce thème, très riche en fonctionnalité, nous permet, à nous développeurs, de gagner un temps précieux et nous fournit toute une « palette » de modules utiles faciles à implémenter sur nos sites.

Néanmoins, il est toujours pratique de pouvoir rajouter soi-même des fonctionnalités à un outil dont on se sert quotidiennement.

Dans cet article, je vais vous expliquer comment personnaliser la palette de couleur accessible depuis l’interface de Divi pour TOUT le site :). C’est utile quand on a définit la charte graphique d’un site avec notre client de pouvoir accéder facilement et automatiquement aux couleurs personnalisées que l’on a choisi.

Si je suis plus courageux, je convertirai ce code en plugins pour le mettre plus facilement à disposition. Dans l’immédiat, voyons comment faire.

  • Commencez par télécharger ce fichier de thème enfant,
  • Allez dans l’interface d’administration de votre site -> « Apparence » -> « Thèmes » et cliquez sur « Ajouter » -> « Mettre un thème en ligne »,
  • Sélectionner le fichier « ColorJS.zip » que vous venez de télécharger, puis cliquez sur « Installer maintenant« ,
  • Enfin, Activez-le.

Vous pourrez le personnaliser à vos besoins comme n’importe quel thème enfant de Divi en ajoutant vos propres règles CSS dans le fichier de style habituel.

Une fois que vous aurez défini les couleurs personnalisées de votre site (que vous aurez noté au format hexadécimal), il ne vous restera plus qu’à éditer le fichier « color.js » (à l’aide de votre nouvel éditeur préféré : Notepad++) qui se trouve dans le sous-répertoire « js » de votre thème.

 

Information : Véritablement conquis par ce thème, je me suis inscrit sur le site de ElegantThemes en tant qu'affilié, ce qui signifie que si vous cliquez sur le lien ci-dessous et achetez le thème, je recevrai une commission :).

Information: Truly conquered by this theme, I registered on the site of ElegantThemes as an affiliate, which means that if you click on the link below and buy the theme I will receive a commission :).

 

Après avoir visité les coulisses, découvrez le site :) !

Rétroliens/Pings

  1. Personnalisation de l’éditeur Divi Part 2 - […] la première partie, on avait vu comment personnaliser sa palette de couleur pour tout le site à l’aide […]

Poster le commentaire

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *

Accueil » Divi » Personnalisation de l’éditeur Divi Part 1