TechBlogSD - Tout pour le développement WordPress et WEB
Instructions WEB et WordPress, actualités, revues de thèmes et plugins

3 façons d’intégrer Google Maps dans un site WordPress

151

L’objectif principal de la création d’un site Web d’entreprise est de permettre aux clients potentiels d’en savoir plus sur vous et de vous contacter facilement. Si vous exécutez votre site WordPress avec une entreprise à partir d’un emplacement physique, l’affichage de Google Maps peut être un meilleur moyen de partager votre adresse qu’un simple texte brut. De plus, les cartes Google sont interactives et flexibles, permettant aux utilisateurs de changer de mode d’affichage et d’enregistrer une carte pour des navigations plus rapides. Cet article explique comment intégrer Google Maps dans un site WordPress sans plug-in et en utilisant un plug-in.

Connexe : Comment intégrer des fichiers PDF dans WordPress ?

Méthode 1: Intégrer une seule carte simple dans WordPress

Vous pouvez intégrer une carte de base d’un emplacement donné, tel qu’un emplacement commercial, une ville particulière ou une zone régionale à l’aide du code d’intégration de Google Maps.

Étape 1 : Obtenez le code d’intégration de la carte à partir de Google Maps

  • Pour ce faire, ouvrez le site Web de Google Maps et recherchez l’emplacement ou la zone que vous souhaitez afficher sur votre carte.
  • Cela concentrera la carte sur votre zone d’intérêt et affichera diverses options juste en dessous du résultat sur le panneau de gauche. Cliquez sur le lien "Partager".

3 façons d'intégrer Google Maps dans un site WordPress

Rechercher des cartes

  • Dans la fenêtre contextuelle qui s’affiche, accédez à l’onglet « Intégrer la carte » et cliquez sur « COPIER HTML » pour copier le code d’intégration de la carte .

3 façons d'intégrer Google Maps dans un site WordPress

Copier le code

  • Vous pouvez ajuster la taille d’intégration en cliquant sur la flèche de dimensionnement et choisir grand, moyen ou petit selon vos préférences.

Étape 2: Insertion de Google Maps dans la page/poste WordPress

3 façons d'intégrer Google Maps dans un site WordPress

Bloc HTML

  • Collez le code d’intégration de Google Map dans l’éditeur de blocs.

3 façons d'intégrer Google Maps dans un site WordPress

Coller le code

  • Vous pouvez maintenant prévisualiser et publier la publication/la page. Si vous ajoutez une carte à une page/un article existant, cliquez sur « Mettre à jour » pour enregistrer les modifications.

3 façons d'intégrer Google Maps dans un site WordPress

Aperçu de la carte de base

Méthode 2: Comment intégrer une carte personnalisée avec plusieurs marqueurs d’emplacement

Étape 1: Création d’une carte Google personnalisée

Tout d’abord, vous devez avoir créé une carte personnalisée ou en créer une nouvelle.

  • Pour ce faire, ouvrez Google Maps avec l’interface My Maps, choisissez une carte ou cliquez sur « CRÉER UNE NOUVELLE CARTE » pour en créer une.

3 façons d'intégrer Google Maps dans un site WordPress

Créer une carte personnalisée

  • Personnalisez la carte en ajoutant plusieurs marqueurs de localisation, modifiez les icônes, les couleurs et le thème de la carte, entre autres éléments.

3 façons d'intégrer Google Maps dans un site WordPress

Personnaliser la carte

Apprendre WordPress : Découvrez plus de 400 tutoriels WordPress gratuits.

Étape 2 : générez le code d’intégration de Google Map

  • Après avoir créé la carte, vous devez configurer les options de partage de carte. Cliquez sur le bouton "Partager" pour accéder à l’assistant de configuration.

3 façons d'intégrer Google Maps dans un site WordPress

Partager la carte

  • Définissez l’option « Qui a accès » sur « Public sur le Web » et cliquez sur « Terminé ».

3 façons d'intégrer Google Maps dans un site WordPress

Paramètres de partage

  • Pour modifier les paramètres d’accès, cliquez sur le lien « Modifier… ». Cela ouvre une nouvelle fenêtre contextuelle, cochez la première option et cliquez sur le bouton Enregistrer.

3 façons d'intégrer Google Maps dans un site WordPress

Partage de lien

  • Cliquez maintenant sur l’icône du menu de la carte (les trois points) à côté du titre de la carte et sélectionnez « Intégrer sur mon site ».

3 façons d'intégrer Google Maps dans un site WordPress

Intégrer au site

  • Copiez le code HTML de la zone de code d’intégration de la carte Google.

3 façons d'intégrer Google Maps dans un site WordPress

Code d’intégration personnalisé

Étape 3: Ajoutez le code HTML à votre article ou page dans WordPress

  • Pour intégrer la carte personnalisée, répétez le processus expliqué à l’étape 2 de la méthode 1 ci-dessus.
  • Prévisualisez et publiez la publication ou la page.

3 façons d'intégrer Google Maps dans un site WordPress

Aperçu de l’article

Méthode 3: Comment intégrer Google Maps avec des plugins WordPress

Il existe une variété de plugins WordPress pour cela, offrant différentes fonctionnalités pour vos différentes exigences.

Étape 1: Intégrez Google Maps avec les plugins WP Google Map

3 façons d'intégrer Google Maps dans un site WordPress

Installer le plugin

Étape 2: Configuration des paramètres WP Google Map

  • Avant de commencer à créer une carte, vous devez créer et ajouter la clé API pour que le plugin fonctionne.
  • Allez dans « Cartes » dans le menu de la barre latérale et sélectionnez « Paramètres.
  • Copiez et collez la clé API dans l’espace prévu et cliquez sur « enregistrer ».

3 façons d'intégrer Google Maps dans un site WordPress

clé API

  • Faites défiler les paramètres de la carte sous l’onglet « Cartes » pour activer/désactiver diverses fonctionnalités de la carte, définir le niveau d’accès, etc.

3 façons d'intégrer Google Maps dans un site WordPress

Paramètres des cartes

  • Vous pouvez également naviguer dans les autres onglets pour configurer les paramètres des divers éléments et fonctions de la carte.
  • Une fois que vous avez modifié les paramètres, faites défiler vers le bas de l’onglet et cliquez sur « Enregistrer les paramètres ».

3 façons d'intégrer Google Maps dans un site WordPress

Enregistrer les paramètres

Connexe : Comment installer WordPress localement sur Mac ?

Étape 3: Création d’une carte personnalisée

  • Sous les « Cartes » dans le menu de la barre latérale, cliquez sur « Cartes » pour ouvrir le créateur de cartes.
  • Dans la première section de la page du créateur, vous pouvez personnaliser les paramètres généraux des cartes, le thème de la carte et d’autres paramètres avancés en cliquant sur l’onglet approprié.
  • Pour les « Paramètres généraux », modifiez le titre, la taille et l’alignement de la carte et spécifiez le niveau de zoom.

3 façons d'intégrer Google Maps dans un site WordPress

Détails de la carte

  • Sélectionnez un thème pour votre carte sous l’onglet "Thème".

3 façons d'intégrer Google Maps dans un site WordPress

Sélectionne un thème

Étape 4: ajouter des marqueurs à vos cartes personnalisées

  • Faites défiler la page jusqu’à la section "Marqueurs", entrez l’emplacement et cliquez sur "Ajouter un marqueur". Vous pouvez utiliser la souris pour faire glisser et modifier la disposition de la carte sur la carte affichée sur le côté droit ainsi que pour personnaliser l’icône du marqueur.
  • Une fois que vous avez terminé avec les paramètres, cliquez sur le bouton « Enregistrer la carte ».
  • Copiez le shortcode de la carte et utilisez-le sur votre page ou votre publication pour afficher la carte personnalisée.

Emballer

Vous pouvez utiliser les méthodes manuelles pour intégrer des cartes Google sur votre site ou choisir l’un des plugins WordPress disponibles pour implémenter des fonctions cartographiques avancées et flexibles en fonction de vos besoins. Cependant, vous devez toujours équilibrer l’utilisation des cartes et les vitesses du site, car les cartes peuvent ralentir les performances du site.

Source d’enregistrement: www.webnots.com
Leave A Reply

Ce site utilise des cookies pour améliorer votre expérience. Nous supposerons que cela vous convient, mais vous pouvez vous désinscrire si vous le souhaitez. J'accepte Plus de détails