Formations web et création graphique - Insérer un module Météo dans un site Joomla

Fermer



Connexion

Insérer un module Météo dans un site Joomla

Les fournisseurs de Météo mettent des liens vers leurs sites. Voici comment insérer dans un site Joomla ces liens, qui comportent souvent du Javascript.

 

Pour commencer si vous voulez une Météo en français, il va falloir passer par Météo France. Leur vignette n'est pas mal du tout, par contre il va falloir vous armer de courage car si ils ont un temps d'avance, ils ont aussi un Web de retard. Donc comme avec tous les sites diesel… patience!

L'URL est planquée,  la voici : http://france.meteofrance.com/france/accueil/partenaire

tuto gratuit web : insérer une météo dans un site Joomla

Après avoir fixé la taille de la vignette et le code postal de la ville, attendez (10 mn, 3 heures…)

Si le code postal est ambigu on vous demandra de préciser, comme ci-dessous

tuto gratuit web : insérer une météo dans un site Joomla

Re-attente et affichage de la vignette (enfin!)

tuto gratuit web : insérer une météo dans un site Joomla

Sélectionnez le code source et copiez-le.

tuto gratuit web : insérer une météo dans un site Joomla

Maintenant, pas question de croire que vous allez pouvoir le coller directement dans un Module Joomla ou un article!

Il va falloir passer par la case intégration Javascript. Téléchargez et installez Jumi que vous pouvez trouver ici : http://jumi.vedeme.cz/index.php?option=com_remository&Itemid=53&func=select&id=7

tuto gratuit web : insérer une météo dans un site Joomla

Ensuite vous pouvez au choix ouvrir le module Jumi installé d'office et le renommer ou, comme ci-dessous, créer un nouveau module en choisissant le type Jumi (Administration>Extensions>Gestion des modules>Nouveau)

tuto gratuit web : insérer une météo dans un site Joomla

Il suffit ensuite de coller le code précédemment copié dans la case adhoc.

tuto gratuit web : insérer une météo dans un site Joomla

Et de faire les réglages habituels : Accès, position du module, titre etc. Votre module apparaît ensuite avec le contenu de Météo France.

tuto gratuit web : insérer une météo dans un site Joomla

Pour insérer le code Jumi dans un article (comme celui-ci), cliquez sur le bouton Coder Jumi en bas de la fenêtre de l'éditeur.

012

Collez le code du script dans la fenêtre du haut. Encadrez le code avec les balises Jumi

Cliquez sur Encode. Copiez le code de la fenêtre du bas.

tuto gratuit web : insérer une météo dans un site Joomla

Collez-le ensuite dans l'article comme ici

tuto gratuit web : insérer une météo dans un site Joomla

Et votre vignette apparaîtra. Attention : la prévisualisation de l'article ne prend pas en compte cette insertion, donc pas de panique… testez-le en vrai!

Pour finir, si vous voulez une météo tip top mais en anglais il faut aller chez AccuWeather qui sont les meilleurs.

Bises.