Régulièrement pour le site Internet de mes clients, je personnalise l’icone indiquant l’emplacement de leur entreprise sur une carte Google map. La manip est relativement simple à implémenter et j’aimerai la partager avec vous :).

Vous pouvez voir un exemple concret ici (ouverture dans une nouvelle fenêtre).

Pour cela, il existe 2 solutions :

1. la plus simple, comme vous vous servez du thème Divi, est de remplacer l’icone « marker.png » que vous trouverez dans le dossier « Divi » -> « includes » -> « builder » -> « images » par la votre.
2. la plus « compliquée » mais que, pour ma part, je trouve plus propre, est d’éditer le fichier .htaccess qui se trouve (normalement) à la racine de votre site internet.

Localisez la balise que WordPress à créé lors de son installation et qui commence par « # BEGIN WordPress » :

Cela devrait se présenter comme ceci pour une installation « standard » :

# BEGIN WordPress
<IfModule mod_rewrite.c>
 RewriteEngine On
 RewriteBase /
 RewriteRule ^index\.php$ - [L]
 RewriteCond %{REQUEST_FILENAME} !-f
 RewriteCond %{REQUEST_FILENAME} !-d
 RewriteRule . /index.php [L]
 #changement de l'icone du marker de Google maps :)...
 RewriteRule ^wp-content/themes/Divi/includes/builder/images/marker.png$ /wp-content/themes/tips/images/Tips.png [L]
</IfModule>
# END WordPress

Vous aurez noté la présence de la dernière ligne qui demande que toutes les requêtes des navigateurs demandant une url pointant vers le fichier « marker.png » soit redirigées vers  » /wp-content/themes/tips/images/Tips.png ».

A vous de remplacer cette URL par la vôtre et d’afficher ainsi l’icône que vous souhaitez 🙂 !

Petite info importante pour ceux qui utilisent un CDN local comme expliqué ici, le fichier .htaccess que vous devrez modifier sera celui qui se trouve dans le dossier wp-content. Dans ce cas il faudra ajouter à la fin de celui-ci le code suivant :

<IfModule mod_rewrite.c>
RewriteEngine On
#changement de l'icone du marker de Google maps :)...
RewriteRule ^themes/Divi/includes/builder/images/marker.png$ /themes/tips/images/Tips.png [L]
</IfModule>

Vous aurez noté que les références au dossier « wp-content » ont disparu puisque notre CDN local fait pointer notre sous-domaine vers ce même dossier :).