Tutoriel Logo Joomla Joomla

Afficher une carte Google dans un article

Pouvoir afficher un emplacement très précis grâce à une carte Google dans un article (ou dans un module) est une fonctionnalité qui s'avère être intéressante à fournir aux visiteurs qui peuvent ainsi vous localiser plus facilement. Cela peut se faire très simplement et sans recourir à l'ajout d'une extension tierce. Nous allons voir au travers de ce tutoriel comment afficher une carte Google dans un article de votre site Joomla.

Table des matières
- Les filtres
- Le code Google
- L'ajout dans l'article

Les filtres

Par défaut, Joomla! filtre l'ajout de certains codes par mesure de sécurité. Il faut donc commencer par s'assurer qu'en tant que super adminsistrateur de votre site, vous allez pouvoir ajouter le code Google permettant d'afficher la carte de votre choix.

A partir du panneau d'administration, ouvrez Système, Configuration puis cliquez sur l'onglet Filtre de textesstrong>.

Afficher une carte Google dans un article

Si ce n'est pas le cas, règlez le paramètre sur Aucun filtre pour le groupe Super administrateur :

Afficher une carte Google dans un article


Le code Google

Ouvrez maintenant Google Maps.
Dans la barre de recherche, indiquez l'emplacement à afficher sur la carte (dans ce tutoriel, nous afficherons la carte de France).

Afficher une carte Google dans un article

Pour obtenir le code de cette carte, cliquez maintenant sur Partager.
Dans la fenêtre qui s'ouvre, cliquez sur l'onglet Intégrer la carte.

Afficher une carte Google dans un article

Avec votre souris, faites un clic droit sur le code surligné en bleu dans l'image puis cliquez sur Copier.



L'ajout dans l'article

Revenons sur le panneau d'administration de Joomla.
Cliquez sur Contenu puis sur Articles et enfin sur Ajouter un nouvel article.

Afficher une carte Google dans un article

Afin de pouvoir ajouter le code de la carte Google que nous venons de copier, cliquez d'abord sur le bouton Basculer l'éditeur situé sous la zone de saisie du texte.

Collez maintenant le code de la carte Google dans la zone de texte. Indiquez un titre à votre article et ajoutez le à la catégorie de votre choix.

Afficher une carte Google dans un article

Cliquez sur Enregistrer et fermer pour sauvegarder votre saisie.


Affichez maintenant le frontend du site pour constater l'affichage de la carte dans l'article :

Afficher une carte Google dans un article


 

1 1 1 1 1 1 1 1 1 1 Rating 0.00 (0 Votes)

web-eau.net is not affiliated with or endorsed by the Joomla! Project or Open Source Matters. The Joomla! name and logo is
used under a limited license granted by Open Source Matters the trademark holder in the United States and other countries.