Je souhaite obtenir des informations sur une formation complète concernant le thème DIVI dispensé
par un organisme de formation certifié par l’état.
Que la formation soit finançable par mon CPF (idéalement) ou autre


Cherchez-vous un moyen d’intégrer Google Maps dans WordPress? C’est une bonne compétence – utiliser une carte est un outil visuel fantastique qui vous permet de communiquer rapidement toute une gamme d’informations.

Si vous êtes une entreprise, cela peut être un excellent moyen de montrer aux clients potentiels où vous vous trouvez. Si vous êtes un blogueur, il peut être utilisé pour présenter des spots que vos lecteurs peuvent consulter.

Cependant, vous ne pouvez effectuer ces tâches que si vous savez comment ajouter Google Maps à WordPress. Pour vous aider, je vais vous montrer deux méthodes différentes:

  • Comment ajouter Google Maps à WordPress sans plugin
  • Comment ajouter Google Maps à l’aide du plugin WordPress gratuit le plus populaire

En fin de compte, je recommande quelques options de plug-in supplémentaires qui offrent diverses améliorations qui pourraient mieux répondre à vos besoins.

Ça a l’air bien? Plongeons-nous!

Comment intégrer Google Maps dans WordPress sans plugin

Je vais commencer par un guide rapide sur la façon d’ajouter Google Maps dans WordPress sans plugin.

Cette méthode est utile lorsque vous souhaitez simplement incorporer un marqueur de position unique ou une série d’instructions. Vous pouvez également utiliser Google My Maps pour créer votre propre carte personnalisée avec beaucoup plus de fonctionnalités. Plus tard, je vous montrerai un plugin qui vous permet de faire quelque chose de similaire directement sur votre tableau de bord Google.

Mais restons fidèles à la méthode manuelle pour le moment!

Voici comment utiliser Google Maps dans WordPress Naturellement (pas de plugin).

Étape 1: créez la carte que vous souhaitez intégrer (2 options)

Ce qui suit explique les deux options de création de la carte que vous avez incorporée. Chaque option vous donnera un code d’intégration que vous utiliserez à l’étape suivante.

1.A: utiliser une intégration standard de Google Maps

Si vous souhaitez simplement intégrer une carte Google Maps standard que vous voyez sur le site Web standard de Google Maps, tout ce que vous avez à faire est de:

  • Ouvrez la carte (ou les itinéraires) que vous souhaitez intégrer à partir de l’interface normale de Google Maps
  • Cliquer sur diviser
  • Choisir Incorporer la carte
  • Copiez le code d’intégration (Vous l’utiliserez à l’étape suivante)

Comment intégrer Google Maps via l'interface régulière de WordPress

1.B: utilisez Google My Maps pour créer votre carte

Si vous souhaitez créer une carte avancée avec les éléments suivants:

  • Repères multiples
  • Notes personnalisées que vous ajoutez
  • Vos propres couleurs

Ensuite, vous pouvez utiliser Google My Maps au lieu de l’interface classique de Google Maps.

C’est l’outil que j’ai utilisé pour créer une carte des bars sur les toits à Hanoi sur le mien Site de voyage (Ils peut le voir en action ici):

Un exemple pour Google My Maps

Pour utiliser Google My Maps, cliquez sur Créer une nouvelle carte Bouton après connexion:

Comment créer un nouveau Google My Maps?

Créez ensuite votre carte avec l’interface (cette La vidéo a un bon tutoriel les différentes options d’interface si vous avez besoin d’aide).

Une fois que vous avez créé votre carte, cliquez sur diviser puis à côté de Privé – Vous seul pouvez y accéder appuyez sur la changement Bouton:

comment intégrer google mes cartes

Alors choisi Activé – Public sur le Web et cliquez sur économiser::

publier

Lorsque vous avez publié votre carte, cliquez sur le bouton à trois points et sélectionnez Incorporer de mon côté::

Générer du code d'intégration

Copiez ensuite le code d’intégration car vous en aurez besoin à l’étape suivante:

Intégrer le code google mes cartes

Étape 2: ajoutez du code intégré à votre site WordPress

Une fois que vous avez reçu votre code d’intégration via l’interface normale de Google Maps ou via Google My Maps, modifiez la publication ou la page dans laquelle vous souhaitez intégrer votre carte.

Ensuite, choisissez le texte Tab dans l’éditeur WordPress et collez le code d’intégration:

Où pouvez-vous intégrer Google Maps?  Intégrer le code dans WordPress

Et c’est tout! Lorsque vous publiez ou mettez à jour votre message, votre Google Maps doit être intégré à cet endroit:

Intégrer Google Maps sur le site

Comment créer des intégrations Google Maps personnalisées à l’aide d’un plugin WordPress

Les méthodes ci-dessus fonctionnent bien pour les intégrations de base de Google Maps. Mais parfois, vous voulez être un peu plus créatif. Dans ce cas, vous souhaiterez peut-être utiliser un plugin Google Maps.

Les plugins Google Maps sont sympas car non seulement vous pouvez créer votre propre Google Maps, mais vous pouvez également faire des choses spécifiques à WordPress comme:

  • Afficher les messages ou les types de messages personnalisés sur votre carte via des champs personnalisés
  • Créer un localisateur de magasin filtrable

Et comme ces plugins utilisent des shortcodes au lieu d’iframes (comme le code d’intégration manuel de Google Maps), ils sont un peu plus conviviaux (Cela signifie que vous n’êtes pas obligé de l’utiliser texte Onglet dans l’éditeur WordPress).

Je vais vous montrer un tutoriel avec le plugin gratuit de Google Maps le plus populaire – WP Google Maps.

Tout d’abord, assurez-vous que WP Google Maps est installé et activé pour démarrer ce didacticiel.

Étape 1: Créez et saisissez la clé API Google Maps

Quel que soit le plugin Google Maps que vous utilisez, c’est tout toujours Il s’agit de la première étape, car Google vous demande de recevoir quelque chose appelé «clé API» à utiliser avec Google Maps.

Fondamentalement, cette clé API gratuite permet au plugin que vous avez sélectionné de se connecter au service Google Maps pour vous aider à créer une carte.

Vous pouvez créer votre clé API Regardez la vidéo avec les instructions détaillées du plugin.

Une fois que vous avez obtenu votre clé API, mettez-la dans la boîte et cliquez sur économiser::

Clé API Google Maps

Étape 2: modifier ma première carte

La version gratuite de ce plugin vous permet uniquement de créer une carte personnalisée. Pour créer votre première carte, vous devez cliquer sur Éditer sous Ma première carte:

Modifier la carte

Cela vous amène à l’interface de l’éditeur.

Étape 3: configurer les paramètres de base

En haut de l’interface de l’éditeur de carte, vous verrez un certain nombre d’onglets différents. Vous pouvez configurer les paramètres de base de votre carte dans ces onglets:

  • réglages généraux – Hauteur, latitude, orientation et type de carte (par exemple, feuille de route ou satellite)
  • sujets – Vous pouvez choisir parmi 9 thèmes de carte inclus. Ceux-ci modifient fondamentalement la conception de votre carte.
  • instructions – Malheureusement, vous ne pouvez utiliser les instructions que dans la version Pro.
  • localisateur de magasin – Cette fonctionnalité intéressante permet à vos visiteurs de rechercher l’entreprise la plus proche d’eux. Ceci est utile si vous dirigez une entreprise avec des emplacements physiques.
  • Réglages avancés – Vous permet d’activer les données de trafic et d’autres fonctionnalités, bien que beaucoup ne soient disponibles que dans la version Pro.

Interface du plugin Google Maps

Une fois que vous avez configuré ces paramètres, vous pouvez travailler vous-même sur votre carte.

Étape 4: ajoutez des marqueurs et d’autres éléments cartographiques

Sous les paramètres de base, vous pouvez ajouter des éléments à votre carte à l’aide des cinq onglets différents.

Ajout d’un marqueur, vous pouvez soit:

  • Cherchez une place dans la boîte
  • Cliquez avec le bouton droit n’importe où sur la carte pour déposer un marqueur à cet emplacement spécifique

Ajout de marqueurs

Une fois que vous avez enregistré votre marqueur, il apparaîtra sur la carte et vous pourrez en ajouter un autre.

Vous pouvez également afficher une liste complète de vos annotations et modifier les annotations existantes dans le Vos marqueurs Section:

Liste des marqueurs

En faisant Polygone et Polylignes Depuis l’onglet, vous pouvez lancer une interface utilisateur qui vous permet de créer des formes plus compliquées:

Forme polygonale

Lorsque vous avez terminé d’ajouter des éléments cartographiques, cliquez sur Enregistrer la carte.

Étape 5: intégrez votre carte avec le shortcode

Une fois que vous avez enregistré votre carte:

  • Cliquer sur cartes dans la barre latérale de votre tableau de bord WordPress
  • Copiez le shortcode de votre carte
  • Ajoutez le shortcode à l’endroit où vous voulez que votre carte apparaisse

Code d'intégration de la carte

Autres plugins Google Maps de qualité pour WordPress

Alors que le plugin WP Google Maps ci-dessus est de loin le plugin WordPress Google Maps le plus populaire, la plupart des fonctionnalités les plus intéressantes sont verrouillées derrière la version Pro, ce qui est un peu malheureux.

Si vous recherchez d’autres options, voici quelques bonnes options:

  • Plugin WP Google Map – Avec cette option, vous pouvez également attribuer vos propres symboles de marqueur dans la version gratuite. La version Pro vous permet d’afficher les articles / types de publication personnalisés via des champs personnalisés sur vos cartes.
  • Widget Google Maps – Une solution agréable et légère qui vous permet de travailler avec une carte rapidement et facilement.
  • Générateur de carte – Je pense que celui-ci a le créateur de carte le plus facile à utiliser et le Post mashup Avec la fonctionnalité de la version Pro, vous pouvez remplir automatiquement une carte en fonction des publications sur votre site Web.

Par exemple, voici un aperçu de l’interface utilisateur plein écran de Maps Builder à partir du plug-in Maps Builder:

Générateur de carte

Tous ces plugins sont assez similaires. Une fois que vous avez compris comment créer votre clé API et que vous avez compris l’interface utilisateur de base, vous devriez être en mesure de trouver rapidement un nouveau plugin.

Réflexions finales sur Google Maps et WordPress

Si vous souhaitez simplement créer une intégration de base de Google Maps et que vous n’avez pas besoin de le lier à une fonctionnalité spécifique à WordPress, telle que Un localisateur de magasin ou vos publications réelles, je pense qu’il est préférable d’utiliser la méthode manuelle.

Entre l’interface classique de Google Maps et Google My Maps, vous disposez d’une grande flexibilité pour créer des cartes. Vous pouvez ensuite les intégrer n’importe où à l’aide du code iframe.

Si vous faire Vous avez besoin de fonctions spécifiques à WordPress. Si vous préférez simplement travailler dans votre tableau de bord WordPress, tous les plugins que j’ai répertoriés sont des options de qualité. Considérez les faits suivants pour choisir entre eux:

  • Chaque plugin offre différentes fonctionnalités gratuites (par rapport à la version Pro), vous pourrez donc peut-être en trouver un qui fait ce dont vous avez besoin gratuitement.
  • Certains plugins sont meilleurs pour les localisateurs de magasins, tandis que d’autres sont meilleurs pour afficher des publications sur des cartes.

Enfin, certains thèmes et plugins WordPress sont livrés avec une fonctionnalité de carte intégrée. Par exemple le Sujet de consultation inclut un moyen simple d’afficher un emplacement sur une carte. Et de nombreux constructeurs de sites WordPress Contient également des modules de carte dédiés.



Source link

Recent Posts