Divi : Le meilleur thème WordPress de tous les temps !

Avec plus de 901.000 téléchargements, Divi est le thème WordPress le plus populaire au monde. Il est complet, facile à utiliser et livré avec plus de 62 templates gratuits.

Dans un précédent tutoriel, je vous ai montré comment ajouter une carte de voyage interactive sur WordPress.

magic-google-map-ban

Aujourd’hui, je vous montrerais comment afficher une carte Google Map en toute simplicité sur votre blog WordPress.

Mais avant de vous lancer, prenez la peine de jeter un coup d’œil sur Comment installer un thème WordPress

Ensuite, mettons-nous au travail !

Comment installer le plugin WordPress « Magic Google Maps »

C’est le plugin qui fait l’objet de ce tutoriel, donc vous devez premièrement l’installer depuis votre tableau de bord. Mais vous pouvez aussi l’installer sous forme de fichier Zip.

Créez Facilement votre site Web avec Elementor

Elementor vous permet de créer Facilement et Gratuitement n'importe quel design de site Web ou blog avec un look professionnel. Arrêtez de payer cher pour un site internet que pouvez faire vous-même.

magic-google-map-installation

Après l’installation et l’activation du plugin, un nouveau menu « Magic Maps » verra le jour sur votre tableau de bord. Cliquez dessus pour accéder à la page des réglages du plugin.

magic-map-menu

Une fois sur cette page, vous verrez tout en haut une carte Google map, avec un pointeur. Je vous invite à déplacer le pointeur vers l'emplacement de votre choix.

magic-map-google-carte

Plus bas dans la section « Google Maps Options Section », vous pouvez définir :

  • La taille de la carte par défaut « 350px »
  • La description du pointeur
  • Le zoom effectué sur la carte, par défaut « 5 »
  • Et les cordonnées de la carte, qui sont ajustées automatiquement lorsque vous déplacez le pointeur

option-google-map-magic

Comment afficher une carte dans un article/page

C’est vraiment très simple. Il vous suffit d’ajouter le shortcode « [map] » dans un de vos articles pour afficher la carte aux utilisateurs.

presentation-magic-google-map

C’est tout pour ce tutoriel, si vous l’avez aimé, alors partagez-le avec vos amis sur vos réseaux sociaux préférés.

%d blogueurs aiment cette page :