Ajouter une carte à WordPress avec WP Google Maps • WPShout

By | janvier 30, 2020

Formation gratuite WordPress

Il y a 1000 raisons pour lesquelles vous voudrez peut-être afficher une carte sur votre site WordPress. Tout, d'un événement ponctuel qui s'est produit dans un endroit sympa que vous souhaitez montrer au cas (probablement plus fréquent) où vous voulez aider les visiteurs de votre site à trouver l'emplacement physique et réel de votre entreprise. Pour toutes ces raisons et plus encore, vous devrez probablement installer un plugin WordPress. Pour ce guide rapide, nous allons vous montrer comment ajouter une carte à votre site WordPress à l'aide du plugin WP Google Maps. (Nous recommandons ce plugin depuis un certain temps. Voici le pointeur de Fred à partir de 2015. 🙃)

Comment afficher une carte avec WP Google Maps, formulaire vidéo

Étapes pour afficher une carte à l'aide du plug-in Google Maps pour WordPress

  1. Dans la zone d'administration de WordPress, accédez à l'écran «Plugins> Ajouter un nouveau». Il y a une recherche pour le plugin "WP Google Maps". "Installer" et "Activer" ce plugin. (Autrement dit, récupérez ses fichiers, puis allumez-le.)
  2. Vous disposez désormais du "Bloc Gutenberg" qui permet d'ajouter une carte à votre publication WordPress. Pour l'utiliser, vous devez cliquer sur le "+" dans le message ou la page que vous souhaitez utiliser, puis faire une nouvelle recherche pour "WP Google Maps" dans la fenêtre contextuelle "Block Finding". Une fois cette option sélectionnée, vous déposerez le bit de carte.
  3. Pour configurer la carte, vous devrez cliquer dans la partie droite de l'éditeur de blocs. Sous les paramètres "Bloquer", vous voudrez cliquer sur le bouton "Aller à l'éditeur de carte" dans la section "Paramètres de la carte".
  4. Cliquer sur l'éditeur de carte vous donnera un écran où vous pourrez construire et éditer votre carte. Je l'ai fait très rapidement dans la vidéo, mais vous pourriez passer un certain temps à personnaliser les points et l'emplacement de la carte. Nous laisserons les détails de cela comme un exercice pour le lecteur (car beaucoup de gens voudront probablement des fonctionnalités différentes). N'oubliez pas de sauvegarder votre carte!
  5. Après avoir modifié la carte, assurez-vous de publier la publication ou la page à laquelle vous avez ajouté la carte. Ensuite, lorsque vous allez le regarder sur le devant de votre site WordPress, vous devriez voir votre carte 🙂

Une note sur Google Maps et les clés API

Dans la vidéo et dans le didacticiel écrit ci-dessus, j'ai ignoré l'obtention de la clé API Google Maps qui est nécessaire pour faire fonctionner une carte Google sur votre site WordPress. Je ne sais pas à quel point c'est facile, mais si vous avez le plugin, je suppose qu'ils ont un guide pour vous guider à travers ce processus si vous êtes coincé. J'espère que vous comprendrez, si vous avez une forte préférence pour Google Maps par rapport à OpenLayers. Je pense que OpenLayers est susceptible d'être assez bon pour la plupart des gens la plupart du temps, mais je préfère également Google Maps.

Google a besoin de ces clés API pour deux raisons fondamentales: pour éviter les abus de leur système et pour gagner de l'argent. Ce qui est à la fois raisonnable, mais les étapes pour en obtenir un étaient plus compliquées que ce que nous voulions inclure dans ce guide rapide. Si vous êtes sûr que nous aurions dû inclure ces étapes également, faites-le nous savoir dans les commentaires 🙂