You are currently viewing Itinéraire de vacances : Comment créer avec un plugin WordPress
Itinéraire de vacances : comment créer avec un plugin WordPress

Itinéraire de vacances : Comment créer avec un plugin WordPress

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. 

Tu peux aussi annoncer à ton public, que tu vas bientôt faire un beau voyage
.

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 :

WordPress : ajouter un article
WordPress : ajouter un article

Une fois l’article créé, j’ai mis un faux texte (Lorem ipsum), pour que notre exemple ne soit pas vide :

Texte lorem ipsum
Texte lorem ipsum

Iténéraire de vacances : Installation du plugin

Ensuite, dans ton l’administration WordPress :

  1. Survol Extensions.
  2. Clique sur Ajouter.
  3. Ecris travelmap.
  4. Clique le bouton Installer.
  5. Puis, clique sur Actif.
Installation du plugin TravelMap, pour créer un itinéraire de vacances
Installation du plugin TravelMap, pour créer un itinéraire de vacances

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 :

Ville de départ du plugin TravelMap
Ville de départ du plugin TravelMap

Ensuite, tu pourras préciser les détails de ton départ :

  1. Clique sur Modifier.
  2. Précise la Date de ton départ.
  3. Tu pourras ajouter un Commentaire, à condition de ne pas dépasser les 500 caractères. 
  4. Enfin, clique sur Sauvegarder.
Précision du départ avec commentaire du plugin TravelMap
Précision du départ avec commentaire du plugin TravelMap

Nous pourrions aller jusqu’à Annecy, qu’en penses-tu ?

Recherche de la ville d'Annecy
Recherche de la ville d'Annecy

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 : 

Premier itinéraire de vacances
Premier itinéraire de vacances

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 : 

  1. Tout d’abord, assure-toi que la ville avec laquelle tu souhaites prendre le ferry est bien sélectionnée.
  2. Clique sur Modifier.
  3. Le plugin te propose déjà différents moyens de transports, mais nous n’avons pas notre ferry.
  4. 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.
  5. Clique sur Sauvegarder.
Itinéraire de vacances en bateau
Itinéraire de vacances en bateau

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 :

TravelMap : Réorganiser points
TravelMap : Réorganiser points

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 :

TravelMap : déplacer les points d'itinéraire
TravelMap : déplacer les points d'itinéraire

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 :

Intégration du shortcode du plugin TravelMap
Intégration du shortcode du plugin TravelMap

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 :

Plugin Gutenberg : Ajouter un bloc
Plugin Gutenberg : Ajouter un bloc

Ensuite, écris code court, puis clique sur l’icône Code court :

Plugin Gutenberg : ajouter un code court
Plugin Gutenberg : ajouter un code court

En outre, colle le code court :

Plugin Gutenberg : coller le code court
Plugin Gutenberg : coller le code court

Enfin, après avoir enregistré, tu vas pouvoir prévisualiser le résultat :

Itinéraire de vacances résultat avec le plugin TravelMap
Itinéraire de vacances résultat avec le plugin TravelMap

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é.  

Si vous avez aimé l'article, vous êtes libre de le partager :-)

Cet article a 2 commentaires

  1. Estelle

    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 🥰

    1. Marc

      Hello Estelle,

      Merci pour ton commentaire. Oui, ce plugin apporte vraiment le petit plus à son site.

Laisser un commentaire