1
1
Fork
You've already forked Widget-OpenMeteo
0
Ce script PHP affiche un widget météo indépendant et interactif pour ZwiiCMS, utilisant les données de l'API OpenMeteo. Il charge les données depuis un fichier JSON local (weather.json) et les affiche sous forme de carte météo avec : - La météo actuelle (température, vent, humidité, lever/coucher de soleil). - Une prévision horaire sur 6 heures. - Un design responsive et moderne, avec des icônes météo et des emojis adaptés. Le widget est cliquable et redirige vers une page dédiée pour plus de détails.
  • PHP 100%
Find a file
2025年11月02日 18:07:45 +01:00
readme.md Actualiser readme.md 2025年10月31日 15:33:45 +01:00
widget_openmeteo.php Remplace les données "current" par celles de l'heure actuelle trouvée dans les prévisions 2025年11月02日 18:07:45 +01:00

Widget Météo OpenMeteo pour ZwiiCMS

Description

Ce script PHP affiche un widget météo indépendant et interactif pour ZwiiCMS, utilisant les données de l'API OpenMeteo. Il charge les données depuis un fichier JSON local (weather.json) et les affiche sous forme de carte météo avec :

  • La météo actuelle (température, vent, humidité, lever/coucher de soleil).
  • Une prévision horaire sur 6 heures.
  • Un design responsive et moderne, avec des icônes météo et des emojis adaptés.

Le widget est cliquable et redirige vers une page dédiée pour plus de détails.

Installation

  1. Copier widget_openmeteo.php dans le dossier du module forecast_openmeteo de ZwiiCMS.
  2. Vérifier que le fichier weather.json existe à l'emplacement : /site/data/weather_openmeteo/weather.json qui est créé automatiquement par défaut.

Fonctionnalités

  • Météo actuelle : température, vent, humidité, lever/coucher de soleil.
  • Prévisions horaires : 6 prochaines heures.
  • Design responsive : compatible mobile et tablette.
  • Cache local : limite les appels API via un fichier JSON.

Personnalisation

  • Lien de redirection : Modifier l'URL dans l'attribut onclick. Renseignez le lien de redirection dans le script widget_openmeteo.php
 79 <!--
 80 Ce div est cliquable et redirige vers une page dédiée à OpenMeteo lorsque l'utilisateur clique dessus.
 81 Le style "cursor: pointer;" change le curseur en une main pour indiquer que l'élément est interactif.
 82 -->
 83 <div class="weather-widget-container" onclick="parent.location.href='https://mon_site.com/vers_page_openmeteo';" style="cursor: pointer;">
  • Mettre l'url de votre page météo à la place de : https://mon_site.com/vers_page_openmeteo
  • Style CSS : Adapter les couleurs, polices ou tailles directement dans la balise <style>.
  • Emojis/icônes : Modifier la fonction get_weather_emoji() pour ajouter ou changer les conditions météo.

📜 Licence

Ce widget est distribué sous licence CC Attribution-NonCommercial-NoDerivatives 4.0 International (même licence que ZwiiCMS Weather). Et à condition de mentionner OpenWeatherMap comme source de données météo.

© 2025 – @lemimi.