Tu as un site web ? un blog ? tu souhaites afficher l’itinéraire de ton dernier voyage ou futur voyage ? J’ai un plugin pour toi. Que tu voyages en camping-car, en van, à pieds, en vélo… tu pourras créer ton itinéraire de vacances selon tes besoins. Je t’explique tout dans cet article, tu as juste à lire et à me copier, bien sûr, tu pourras sélectionner les itinéraires de ton choix.
Mais avant, j’avais déjà écrit un article : Comment créer une map de voyage, il peut être complémentaire.
Par ailleurs, tu pourras tester ce plugin en local.
Itinéraire de vacances : utilisation du plugin, pour créer ses arrêts
Tout d’abord, pour cet exemple, j’ai utilisé le thème Neve, Bien sûr, tu peux utiliser un autre template si tu préfères.
Itinéraire de vacances : article ou une page
Pour commencer, nous allons créer un article pour accueillir notre carte. Si tu préfères créer une page plutôt qu’un article, tu peux également le faire de cette façon, le principe sera le même :
Une fois l’article créé, j’ai mis un faux texte (Lorem ipsum), pour que notre exemple ne soit pas vide :
Iténéraire de vacances : Installation du plugin
Ensuite, dans ton l’administration WordPress :
- Survol Extensions.
- Clique sur Ajouter.
- Ecris travelmap.
- Clique le bouton Installer.
- Puis, clique sur Actif.
Cependant, nous voyons que le plugin n’est pas très populaire, avec 1 000 installations et seulement un commentaire. Mais, visiblement il a été mis à jour il y a quatre jours et il est compatible avec mon WordPress, ce qui est bien. Faisons-lui confiance, en cas de problème nous pourrons toujours le désactiver.
Itinéraire de vacances : création de la carte
Ca y est, le plugin est installé ? Nous allons créer un itinéraire.
Tout d’abord, clique sur l’onglet TravelMap. Puis, écris ta ville de départ, je vais mettre Strasbourg :
Ensuite, tu pourras préciser les détails de ton départ :
- Clique sur Modifier.
- Précise la Date de ton départ.
- Tu pourras ajouter un Commentaire, à condition de ne pas dépasser les 500 caractères.
- Enfin, clique sur Sauvegarder.
Nous pourrions aller jusqu’à Annecy, qu’en penses-tu ?
Comme tu peux le voir, l’itinéraire de notre voyage nous fait passer par le lac Clément, alors que nous avons été uniquement sur la route ! si tu veux que la carte utilise que les routes, il faudra prendre la version payante. Tu auras également accès à d’autres options :
Changement de transport
Après avoir passé quelques jours à Annecy pour visiter la vieille ville, contempler l’architecture du palais d’Isle et pratiqué du paddle sur le lac d’Annecy. Nous allons prendre le ferry à Toulon pour découvrir Ajaccio.
Changeons le moyen de transport :
- Tout d’abord, assure-toi que la ville avec laquelle tu souhaites prendre le ferry est bien sélectionnée.
- Clique sur Modifier.
- Le plugin te propose déjà différents moyens de transports, mais nous n’avons pas notre ferry.
- Alors, clique sur les trois petit points, d’autres façons de voyager te sont proposées. Nous allons sélectionner ce qui se rapproche le plus de notre ferry : Bateau.
- Clique sur Sauvegarder.
La couleur Toulon Ajaccio a changé, nous avons du bleu clair.
Voilà, en gros pour la version gratuite de notre plugin. Si tu veux, tu peux faire le tour du monde de cette façon avec ce plugin !
Réordonner ses points
De plus, tu peux réordonner les points comme bon te semble :
Ensuite, Tu cliques sur les 6 petits points de l’une des villes que tu souhaites déplacer, en maintenant le clic, tu placeras la ville là ou bon te semble. Quand tu as terminé, clique sur Sauvegarder :
Intégration de la carte dans l'article ou la page
Enfin, nous allons intégrer le shortcode de notre itinéraire dans notre article, si tu as créé une page tu pourras suivre les mêmes étapes mais dans l’onglet page.
En haut à droit, clique sur Intégration, puis sur l’icône copier de la pop-up qui vient de s’ouvrir :
Puis, retourne sur l’article que tu as créé au départ. Positionne ta souris à l’endroit où tu veux ajouter ta map. Une fois que le plus apparaît Ajouter un bloc, clique dessus :
Ensuite, écris code court, puis clique sur l’icône Code court :
En outre, colle le code court :
Enfin, après avoir enregistré, tu vas pouvoir prévisualiser le résultat :
Ce qu'il faut retenir de l'itinéraire de vacances
C’est un plugin qui n’est pas populaire, mais très pratique et bien pensé. Il existe une version payante si tu souhaites allez plus loin, mais il y a la version gratuite offre déjà beaucoup de possibilité.
L’installation décrite étape par étape est très fluide, moi qui ne suis pas super à l’aise avec les plugin de word press !
C’est une super idée en revanche, je la garde pour un futur voyage 🥰
Hello Estelle,
Merci pour ton commentaire. Oui, ce plugin apporte vraiment le petit plus à son site.