{"id":371674,"date":"2023-02-28T18:41:00","date_gmt":"2023-02-28T15:41:00","guid":{"rendered":"https:\/\/themewp.inform.click\/?p=371674"},"modified":"2023-05-09T17:30:16","modified_gmt":"2023-05-09T14:30:16","slug":"comment-integrer-des-cartes-bing-dans-wordpress","status":"publish","type":"post","link":"https:\/\/themewp.inform.click\/fr\/comment-integrer-des-cartes-bing-dans-wordpress\/","title":{"rendered":"Comment int\u00e9grer des cartes Bing dans WordPress"},"content":{"rendered":"\n

Depuis que l’API Google Maps est devenue une plate-forme de paiement \u00e0 l’utilisation, un nombre croissant d’entreprises et d’organisations ont choisi de basculer leurs sites Web vers Bing Maps.<\/p>\n

Les cartes sont g\u00e9n\u00e9ralement int\u00e9gr\u00e9es dans les pages de contact ou dans le pied de page d’un site<\/strong>. Dans certains secteurs, tels que l’immobilier et les voyages, des cartes peuvent \u00eatre trouv\u00e9es sur la page d’accueil. O\u00f9 que vous d\u00e9cidiez de placer la carte, le processus est vraiment simple.<\/p>\n

Voyons comment int\u00e9grer Bing Maps dans WordPress.<\/p>\n

\u00c9tape 1: Trouvez votre emplacement dans Bing Maps<\/h2>\n

Acc\u00e9dez aux cartes Bing<\/a>. Dans la barre de recherche, saisissez l’adresse que vous souhaitez afficher sur la carte<\/strong>.<\/p>\n

\"Comment<\/a><\/p>\n

Cliquez sur l’ic\u00f4ne des trois points \u00e0 la fin du menu. Dans le menu d\u00e9roulant, cliquez sur Int\u00e9grer une carte.<\/p>\n

\"Comment<\/a><\/p>\n

\u00c9tape 2: Personnalisez vos param\u00e8tres Bing Maps<\/h2>\n

Dans le menu des param\u00e8tres sur le c\u00f4t\u00e9 gauche de l’\u00e9cran, vous pouvez personnaliser la carte<\/strong>.<\/p>\n

Tout d’abord, configurons la taille de la carte. La taille par d\u00e9faut est Grande (400\u00d7500 pixels). Vous pouvez \u00e9galement choisir la petite taille (325x280px) ou la taille personnalis\u00e9e, ce qui vous permet de d\u00e9finir vos propres dimensions souhait\u00e9es.<\/p>\n

Nous avons d\u00e9cid\u00e9 d’opter pour l’option personnalis\u00e9e, en d\u00e9finissant la taille de la carte sur 800 \u00d7 400 pixels. En g\u00e9n\u00e9ral, 800 pixels est la largeur recommand\u00e9e pour les images<\/strong>. Cette taille est id\u00e9ale pour une conception r\u00e9active, vous permettant de cr\u00e9er un site Web qui s’affiche bien sur tous les appareils, y compris les t\u00e9l\u00e9phones et les tablettes. Avec Bing Maps, il s’agit de la largeur maximale autoris\u00e9e.<\/p>\n

\"Comment<\/a><\/p>\n

La prochaine chose que nous allons configurer est la dynamique. Vous pouvez choisir si la carte sur votre site Web sera statique ou d\u00e9pla\u00e7able. Nous irons avec l’ option dynamique, qui est le param\u00e8tre par d\u00e9faut<\/strong>. Il permet \u00e0 vos utilisateurs de faire un panoramique et de zoomer sur la carte.<\/p>\n

\"Comment<\/a><\/p>\n

Ensuite, nous d\u00e9finissons le style de la carte. Vous pouvez choisir entre les cartes Bing Maps Road et Aerial. Les cartes a\u00e9riennes offrent la vue satellite de votre emplacement<\/strong>.<\/p>\n

\"Comment<\/a><\/p>\n

Enfin, configurez les options de liaison<\/strong>. Si vous choisissez le param\u00e8tre par d\u00e9faut Afficher la grande carte, le clic des visiteurs du site Web sur la carte int\u00e9gr\u00e9e ouvrira automatiquement Bing Map en plein \u00e9cran dans un nouvel onglet.<\/p>\n

Vous pouvez \u00e9galement cocher la case Obtenir la direction, permettant \u00e0 vos utilisateurs de cliquer et de voir comment se rendre \u00e0 votre position<\/strong>.<\/p>\n

Si vous le souhaitez, vous pouvez d\u00e9sactiver les deux options de liaison.<\/p>\n

\"Comment<\/a><\/p>\n

Lorsque vous avez termin\u00e9 avec les param\u00e8tres, cliquez sur le bouton G\u00e9n\u00e9rer du code pour obtenir le code HTML.<\/p>\n

\"Comment<\/a>\"Comment<\/a><\/p>\n

\u00c9tape 3: Int\u00e9grer Bing Maps avec un code court HTML personnalis\u00e9<\/h2>\n

Sur votre site Web, acc\u00e9dez \u00e0 la page o\u00f9 vous souhaitez int\u00e9grer la carte. Par exemple, si vous souhaitez l’int\u00e9grer \u00e0 la page Contactez-nous<\/a>, acc\u00e9dez au panneau d’administration et cliquez sur Pages > Toutes les pages. Trouvez la page Contact et cliquez sur Modifier. Dans le coin sup\u00e9rieur gauche de l’\u00e9diteur Gutenberg, cliquez sur l’ic\u00f4ne "plus" et recherchez le code court HTML personnalis\u00e9.<\/p>\n

\"Comment<\/a><\/p>\n

Collez le code<\/strong> des cartes Bing et enregistrez les modifications.<\/p>\n

\"Comment<\/a><\/p>\n

Lorsque vous mettez \u00e0 jour la page ou la publication, v\u00e9rifiez si la carte fonctionne comme vous le souhaitiez<\/strong>. Voici \u00e0 quoi cela ressemblera si vous suivez nos instructions.<\/p>\n

\"Comment<\/a><\/p>\n

L’int\u00e9gration de cartes avec des directions vers votre entreprise est simple, mais cela peut faire des merveilles pour votre entreprise. Les personnes qui visitent votre site Web veulent toutes les informations au m\u00eame endroit. Assurez-vous donc qu’elles trouvent facilement comment vous joindre.<\/p>\n

Source d’enregistrement: wpklik.com<\/a><\/div><\/p>\n","protected":false},"excerpt":{"rendered":"

Voici un guide en trois \u00e9tapes pour int\u00e9grer Bing Maps dans WordPress. C’est une bonne alternative \u00e0 Google Maps.<\/p>\n","protected":false},"author":1,"featured_media":363733,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","_wp_rev_ctl_limit":""},"categories":[568],"tags":[844],"class_list":["post-371674","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-les-bases-de-wordpress","tag-affiai-fr"],"_links":{"self":[{"href":"https:\/\/themewp.inform.click\/fr\/wp-json\/wp\/v2\/posts\/371674","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/themewp.inform.click\/fr\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/themewp.inform.click\/fr\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/fr\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/fr\/wp-json\/wp\/v2\/comments?post=371674"}],"version-history":[{"count":0,"href":"https:\/\/themewp.inform.click\/fr\/wp-json\/wp\/v2\/posts\/371674\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/fr\/wp-json\/wp\/v2\/media\/363733"}],"wp:attachment":[{"href":"https:\/\/themewp.inform.click\/fr\/wp-json\/wp\/v2\/media?parent=371674"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/themewp.inform.click\/fr\/wp-json\/wp\/v2\/categories?post=371674"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/themewp.inform.click\/fr\/wp-json\/wp\/v2\/tags?post=371674"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}