Vous souhaitez int\u00e9grer des cartes interactives \u00e0 un site WordPress, mais n’est pas certains comment proc\u00e9der? <\/p>\n\n\n\n
Certes, les cartes en ligne sont assez simples. Si vous utilisez un service tel que Google Maps, il vous suffit de choisir un emplacement et d\u2019int\u00e9grer la carte sur votre site Web.<\/p>\n\n\n\n
Cependant, vous ne pouvez pas modifier des cartes r\u00e9guli\u00e8res \u00e0 la vol\u00e9e, et vos coll\u00e8gues non plus \u2013 ce qui est souvent n\u00e9cessaire pour les projets collaboratifs. <\/p>\n\n\n\n
C\u2019est l\u00e0 qu\u2019interviennent les cartes interactives. Elles vous permettent de placer des marqueurs mobiles que tout le monde dans votre \u00e9quipe peut modifier. <\/p>\n\n\n\n
Dans cet article, nous parlerons de quand ce type de carte est utile. De plus, nous vous apprendrons deux fa\u00e7ons de les ajouter \u00e0 WordPress.<\/p>\n\n\n\n
L\u2019ajout d\u2019une carte \u00e0 un site web n’a rien de bien compliqu\u00e9. Des outils tels que Google Maps ou des plugins WordPress vous permettent d\u2019int\u00e9grer des cartes \u00e0 vos pages en quelques minutes.<\/p>\n\n\n\n
Les visiteurs pourront alors naviguer sur les cartes, contr\u00f4ler le niveau de zoom, et bien plus encore. Ces cartes sont plus interactives que de simples images. Elles ne vous permettent toutefois pas d\u2019apporter des modifications apr\u00e8s leur int\u00e9gration \u00e0 votre site web.<\/p>\n\n\n\n
Pour ce faire, il faut vous tourner vers les cartes interactives. Celles-ci vous permettent d\u2019ajouter de nouveaux marqueurs, des ic\u00f4nes, du texte et plus encore. <\/p>\n\n\n\n
Vous pouvez \u00e9galement utiliser une carte interactive pour permettre \u00e0 vos utilisateurs de partager leurs emplacements. Elles peut aussi les aides \u00e0 se diriger de l\u00e0 o\u00f9 ils sont, vers leur destination.<\/p>\n\n\n\n
Il s’agit g\u00e9n\u00e9ralement d’applications plut\u00f4t sp\u00e9cialis\u00e9es. Les cartes interactives peuvent malgr\u00e9 tout \u00eatre utiles dans une grande vari\u00e9t\u00e9 de situations. De plus, elles ne sont pas plus difficiles \u00e0 ajouter que des cartes statiques.<\/p>\n\n\n\n
Vous pouvez int\u00e9grer des cartes interactives dans votre site WordPress de diverses fa\u00e7ons. Vous pouvez notamment utiliser un plugin ou divers outils en ligne pour vous aider \u00e0 le faire. <\/p>\n\n\n\n
L’approche du plugin est g\u00e9n\u00e9ralement plus simple. Il faut toutefois noter que les plugins contiennent souvent beaucoup plus de fonctionnalit\u00e9s, y compris certaines dont vous n’avez peut-\u00eatre pas besoin.<\/p>\n\n\n\n
Nous passerons donc d\u2019abord en revue un outil propos\u00e9 par Google pour vous pr\u00e9senter son fonctionnement. <\/p>\n\n\n\n
Nous aborderons ensuite la mani\u00e8re de proc\u00e9der un utilisant un plugin. Dans le cadre de cet article, nous utiliserons l’extension Maps Marker Pro. Il existe toutefois plusieurs autres excellents choix d’extensions de cartes interactives parmi lesquels choisir.<\/p>\n\n\n\n
Google Maps<\/a> n\u2019a plus besoin de pr\u00e9sentation. Ce service gratuit vous permet bien s\u00fbr d\u2019extraire des cartes du monde entier. Vous pouvez ainsi partager des lieux avec d\u2019autres personnes, trouver des adresses et m\u00eame partager l’emplacement o\u00f9 vous \u00eates.<\/p>\n\n\n\n Les sites Web peuvent aussi int\u00e9grer Google Maps \u00e0 leurs pages de multiples fa\u00e7ons. La plupart des cartes offrent toutefois une interactivit\u00e9 limit\u00e9e. Elles vous permettent de naviguer dessus, contr\u00f4ler le zoom et changer de vue. C’est g\u00e9n\u00e9ralement tout.<\/p>\n\n\n\n Google Maps offre pourtant de nombreuses autres fonctionnalit\u00e9s, en plus de la simple cartographie. Vous pouvez notamment ajouter des marqueurs, mesurer des distances et inclure des directions \u00e0 vos cartes.<\/p>\n\n\n\n Pour essayer acc\u00e9der aux autres fonctions de Google My Maps<\/a>, acc\u00e9der \u00e0 tout d’abord l’outil principal. Cliquez ensuite sur le bouton Cr\u00e9er une carte pour d\u00e9buter le processus de cr\u00e9ation.<\/p>\n\n\n\n Sur l\u2019\u00e9cran suivant, d\u00e9finissez un titre pour votre carte et sa premi\u00e8re couche. Il s’agit de la base sur laquelle vous allez construire votre carte. <\/p>\n\n\n\n Trouvez maintenant l\u2019emplacement que vous souhaitez partager. Pour ce faire, vous pouvez utiliser la barre de recherche de Google Map en haut de l\u2019\u00e9cran.<\/p>\n\n\n\n En effectuant un zoom avant, vous pouvez utiliser le symbole de marqueur en haut de l\u2019\u00e9cran pour mettre en \u00e9vidence divers emplacements sur votre carte. <\/p>\n\n\n\n Pour ce faire, cliquez \u00e0 l\u2019endroit o\u00f9 vous souhaitez placer votre marqueur. D\u00e9finissez ensuite un nom et une ic\u00f4ne pour celui-ci.<\/p>\n\n\n\n Une fois que vous avez plusieurs rep\u00e8res mis en place, d’autre options s’offrent \u00e0 vous. Vous pouvez alors tracer des lignes entre eux pour montrer les distances les s\u00e9parant.<\/p>\n\n\n\n Lorsque votre carte est pr\u00eate, cliquez sur le bouton bouton Partager<\/strong> du menu de gauche. Modifiez maintenant les param\u00e8tres pour d\u00e9terminer qui y a acc\u00e8s, passant son statut de priv\u00e9 \u00e0 public :<\/p>\n\n\n\n Vous pouvez \u00e9galement inviter d’autres utilisateurs via -email afin qu\u2019ils puissent \u00e9galement modifier votre carte personnalis\u00e9e.<\/p>\n\n\n\n Vus devez maintenant int\u00e9grer votre nouvelle carte sur votre site web. Vous pouvez le faire en cliquant sur l\u2019ic\u00f4ne des trois points \u00e0 c\u00f4t\u00e9 du titre de votre carte. <\/p>\n\n\n\n S\u00e9lectionner ensuite sur l\u2019option Int\u00e9grer \u00e0 mon site<\/strong>. Vous aurez alors acc\u00e8s \u00e0 un code d’int\u00e9gration pour ajouter la carte.<\/p>\n\n\n\n Vous pouvez maintenant copier et coller le code pour l’incorporer sur n\u2019importe quelle page en utilisant un bloc ou un widget de code.<\/p>\n\n\n\n Votre nouvelle carte interactive personnalis\u00e9e s’affichera alors \u00e0 l’emplacement d\u00e9sign\u00e9 sur votre site web.<\/p>\n\n\n\n Le plugin sp\u00e9cialis\u00e9 Maps Marker Pro<\/a> est une solution premium permettant d’inclure des cartes dans WordPress. <\/p>\n\n\n\n Il comprend une gamme tr\u00e8s compl\u00e8te de dizaines de fonctionnalit\u00e9s avanc\u00e9es. Celles-ci incluent la possibilit\u00e9 d\u2019extraire des cartes de plusieurs services, d\u2019ajouter un nombre pratiquement illimit\u00e9 de marqueurs \u00e0 vos cartes et de les organiser. <\/p>\n\n\n\n Les visiteurs peuvent aussi choisir d’utiliser des filtres pour choisir les types de marqueurs qu\u2019ils veulent voir sur vos cartes. Vous pouvez m\u00eame inclure les distance et les itin\u00e9raire entre les marqueurs. <\/p>\n\n\n\n Maps Marker Pro permet aussi de partager votre propre emplacement en temps r\u00e9el via la carte de votre site web si vous le d\u00e9sirez.<\/p>\n\n\n\n La configuration du plugin peut prendre un peu de temps. Cela est d\u00fb \u00e0 la richesse des fonctionnalit\u00e9s qu\u2019il propose. Son utilisation demeure toutefois assez simple.<\/p>\n\n\n\n Pour commencer, installez et activez le plugin comme vous le feriez avec n\u2019importe quel autre. Vous devrez ensuite ajouter une nouvelle carte ou un nouveau calque, \u00e0 partir de l\u2019onglet Maps Marker Pro > Add new layer<\/strong>.<\/p>\n\n\n\n D\u00e9finissez ensuite un nom pour votre calque. Vous pouvez maintenant entrer l\u2019emplacement que vous souhaitez qu\u2019il affiche sur votre carte en ligne.<\/p>\n\n\n\n Vous pouvez aussi configurer la taille et le niveau de zoom que vous souhaitez d\u00e9finir par d\u00e9faut. Pour ce faire, il vous suffit simplement d’utiliser le menu lat\u00e9ral gauche.<\/p>\n\n\n\n Il existe \u00e9galement une option appel\u00e9e clustering de marqueurs<\/em>. Celle-ci affiche une ic\u00f4ne avec le nombre de marqueurs dans une zone si vous effectuez un zoom trop \u00e9loign\u00e9.<\/p>\n\n\n\n L\u2019option Afficher la liste des marqueurs sous la carte<\/em> peut aussi \u00eatre tr\u00e8s utile. Elle permet d’inclure des informations suppl\u00e9mentaires pour vos marqueurs.<\/p>\n\n\n\n Faites maintenant d\u00e9filer vers le bas et recherchez l\u2019option qui indique Ajouter un nouveau marqueur \u00e0 ce calque<\/em>. Vous pourrez alors d\u00e9finir un nom et un emplacement pour votre marqueur, en utilisant la m\u00eame carte.<\/p>\n\n\n\n Vous pouvez \u00e9galement choisir une ic\u00f4ne et d\u00e9finir un texte contextuel pour votre marqueur. Ceux-ci appara\u00eetront lorsque les utilisateurs cliqueront sur le marqueur, ou le s\u00e9lectionneront dans une liste.<\/p>\n\n\n\n Dans tous les cas, n\u2019oubliez pas d\u2019appuyer sur le bouton Publier<\/strong> lorsque vous avez termin\u00e9. La carte sera alors accessible au public et pourra \u00eatre utilis\u00e9e.<\/p>\n\n\n\n Pour ajouter votre nouvelle carte interactive vos pages, vous devrez utiliser un segment de code de programmation. <\/p>\n\n\n\n Pour obtenir ce code, revenez \u00e0 l\u2019onglet Modifier le calque<\/strong>. L’ID correspondant \u00e0 la carte est visible en haut de celui-ci.<\/p>\n\n\n\n Ins\u00e9rez ensuite le code court [mapsmarker layer=\u201dIDdevotrecalque<\/em>\u201d] dans la publication ou la page ou vous souhaitez ajouter la carte. N\u2019oubliez pas de remplacer notre exemple en italique par le v\u00e9ritable ID de votre calque au pr\u00e9alable.<\/p>\n\n\n\n Votre carte devrait maintenant s’affich\u00e9e sur votre site Web! Vous pouvez toujours la modifier et ajouter de nouveaux marqueurs \u00e0 tout moment. Et ce, sans m\u00eame devoir quitter votre tableau de bord.<\/p>\n\n\n\n Des cartes interactives peuvent transmettre davantage d’informations que leurs contreparties statiques. Elles permettent aussi de personnaliser et d’enrichir les donn\u00e9es pr\u00e9sent\u00e9es aux visiteurs. Nous esp\u00e9rons que cet article vous a plu et vous a aid\u00e9 \u00e0 ajouter des cartes interactives \u00e0 votre site WordPress. Si c\u2019est le cas, nous vous invitons \u00e0 consulter nos autres articles et tutoriels<\/a>.<\/p>\n\n\n\n Vous y trouverez plusieurs articles concernant WordPress, dont notre guide complet pour l’utilisation de plugins<\/a>.<\/p>\n\n\n\nUtilisez la fonction de personnalisation Google My Maps.<\/h3>\n\n\n\n
Rendez vos cartes publiques<\/h3>\n\n\n\n
Ajoutez vos cartes interactives \u00e0 votre site WordPress<\/h3>\n\n\n\n
2. Utilisez le plugin Maps Marker Pro<\/h2>\n\n\n\n
Configurer et personnaliser vos cartes avec Maps Marker Pro<\/h3>\n\n\n\n
Personnalisez et configurez vos marqueurs<\/h3>\n\n\n\n
Int\u00e9grez vos cartes interactives \u00e0 votre site WordPress <\/h3>\n\n\n\n
Pour conclure sur comment ajouter des cartes interactives \u00e0 un site WordPress<\/h2>\n\n\n\n
Ajouter des cartes interactives \u00e0 un site WordPress n’a rien de bien compliqu\u00e9. Cela peut pourtant permettre de contribuer au succ\u00e8s de votre site, en am\u00e9liorant l’exp\u00e9rience utilisateur.<\/p>\n\n\n\n