Tutoriel | Connecter et diffuser la météo

Tutoriel | Connecter la météo


:hourglass: Temps nécessaire : 5-10 min
:thermometer: Niveau de difficulté : 1/5
:penguin: Sources de données nécessaires : 1

Résultat souhaité :

image


image

1. Créez une nouvelle source « Webservice »

2. Identifiez l’élément « current_condition »

  • Cliquez sur les champs : tmp, condition, icon_big

  • Cliquez sur « Sauvegarder »
  • Si vous ne voyez plus les données lors de la sauvegarde, cliquez une fois sur la source à gauche, puis à nouveau une fois sur « Sauvegarder » (bug en cours de résolution)

image

3. Déposez-glissez un widget image et trois widgets texte

4. Dans un widget texte, connectez le champ « condition »

5. Dans un autre widget texte, connectez le champ « tmp », et ajoutez manuellement « °C »

Saisie assistée :

Pour ajouter manuellement la valeur °C, cliquez sur « Ajouter du texte » (bouton +T) puis saisissez °C et cliquez sur la touche entrée de votre clavier.

Saisie libre (plus rapide) : Copiez-collez : {{Météo:1:current_condition/tmp}}°C puis cliquez sur la touche entrée de votre clavier.

6. Dans un widget image, connectez le champ « icon_big »

image

7. Dans le dernier widget texte, ajoutez manuellement le nom de la ville

8. Reproduisez la disposition ci-dessous

  • Police utilisée : Montserrat
  • Taille utilisée : conditions : 1; température : 1,6; ville : 1,2
  • Style : gras pour la température et la ville

image


Bravo !


NP : Autre source possible