Sélectionner une page

Quand c’est petit c’est mignon, quand ça grandit, ça pixellise… Sous DIVI tout est beau, seul le rendu du logo est décevant lorsque l’on travaille sur un écran rétina (Ce constat s’applique aussi à WordPress en général).

La solution ? Le logo vectorisé !

Création d’un logo vectorisé

Vous êtes graphiste / webdesigner, vous connaissez ce format… Pour les autres, pas de panique, retrouvez quelques explications sur cette page.

Si vous êtes passé par un professionnel pour la création de votre logo, celui-ci « devrait » avoir été vectorisé et fourni au format .svg !

Installez le plugin Scalable Vector Graphics

De base, wordpress n’autorise pas l’upload du format .SVG !

Comme pour l’installation de n’importe quel plugin, rendez-vous sur votre interface d’administrateur et cliquez sur ajouter un plugin. Recherchez ensuite Scalable Vector Graphics (SVG) – Installez le plugin.

Sinon téléchargez le fichier .ZIP avec le lien ci-dessous et transférer le plugin sur votre installation via FTP :

Télécharger le plugin wordpress SVG pour installer un logo vectorisé sur DIVI

Le plugin est installé ?

WordPress vous autorise maintenant à uploader vos fichiers en .svg dans votre bibliothèque médias.

Certains tutoriels suggèrent l’ajout d’une ligne de code dans votre fichier « function.php » pour permettre le téléchargement du format .svg sans plugin – Cela peut entraîner une faille de sécurité ! L’installation du plugin est recommandé – Voir l’article de Secupress sur le sujet.

Mettez votre logo vectorisé en ligne

Une fois votre logo au format .SVG téléchargé dans vos médias, rendez-vous sur dans votre back office WordPress :
DIVI → Options du thème → Général → Mettre en ligne le logo .svg (voir l’image ci-dessous)

Changer le logo sur le thème Divi avec le fichier .svg

Finito !

Vous avez maintenant un logo vectorisé sur votre site DIVI. Pour voir une réelle différence, faîtes le test sur un écran Retina !