Ajouter une météo

Cliquez sur le menu Météo.

guide-create-weather-fr-1

La liste de toutes les météos créées sur votre site sont listées ici.

guide-create-weather-fr-2

Cliquez sur le bouton Nouvelle Météo.

Paramètres de base

Commencez par saisir un titre (ex.: le nom de la ville).

Puis remplissez les champs de l’onglet Base :

  • Ville (city) : patientez quelques secondes pour obtenir l’auto-complétion (3 caractères min.)
  • Titre de ville personnalisée (custom city title) : remplace le titre du widget météo (champ ville par défaut) par celui ci
  • État (state) : uniquement pour les États Unis
  • Pays (country) : pays de la ville saisie (nécessaire pour la localisation), avec autocomplétion
  • Système métrique ou impérial (Imperial or metric units) : Impérial ou métrique
  • 12h / 24h format de date ? : (12/24H date format)
WP Cloudy - Basic settings

WP Cloudy – Paramètres de base

Paramètres d’affichage

Cliquez sur l’onglet Affichage, et cochez les différentes cases pour afficher / masquer certaines options :

  • Temps actuel ? (current weather) : Affiche l’icône animé du temps actuel
  • Conditions météo en texte ? (short condition) : Affiche le temps actuel au format texte
  • Afficher la date du jour + températures min-maxi / moyenne ? (date + temperatures)
  • Lever et coucher du soleil ? apparait seulement si date + températures est coché ( Sunrise + sunset? appears only if date + temperatures is checked)
  • Vent ? (wind) : affiche la direction et vitesse du vent
  • Humidité ? (humidity) : affiche l’humidité en %
  • Pression ? (pressure) : affiche la pression atmosphérique en hPa
  • Couverture nuageuse (cloudiness) : affiche la couverture nuageuse en %
  • Unités de températures (Temperatures unit F/C) : affiche les unités de températures en Celsius ou Fahrenheit
  • Date du jour (Today date) : affiche la date du jour
  • Prévisions heure par heure (hour forecast) : affiche les prévisions météo de 3 heures en 3 heures (assurez vous d’avoir correctement défini l’heure dans les paramètres généraux de WordPress)
  • Combien de plages d’heures ? (how hours ranges) : de 1 à 6 plages
  • Prévisions à 16 jours (16-Day Forecast? (today + 15 days max)) : affiche les prévisions météo
  • Combien de jours ? (How many days) : Sélectionnez le nombre de jour de prévisions météo à afficher
  • Noms des jours en abrégé ou par défaut ? (Short days names? / Normal days names?)
  • Lien vers OpenWeatherMap ? (Link to OpenWeatherMap)
  • Date de mise à jour ? (update date)
WP Cloudy - Display settings

WP Cloudy – Paramètres d’affichage

Paramètres avancés

Cliquez sur l’onglet Avancé pour personnaliser l’affichage de votre météo.

  • Désactiver les animations CSS3 ? (Disable CSS3 animations?)
  • Couleur d’arrière plan (background color)
  • Couleur du texte (text color)
  • Couleur des bordures (border color)
  • CSS personnalisée (custom CSS)
  • Taille du widget (weather size) : petite, moyenne ou grande.
WP Cloudy - Advanced settings

WP Cloudy – Paramètres avancés

Paramètres cartographiques

Cliquez sur l’onglet Carte (map) pour activer la carte météo et paramétrer les options :

  • Afficher la carte ? (display map) Affiche une carte météo du temps actuel
  • Hauteur de la carte en px (map height in px) : Définis la hauteur de la carte en pixel
  • Opacité des calques (layers opacity) : Définis l’opacité des calques en %
  • Zoom
  • Désactiver le zoom à la souris sur le carte ? (Disable zoom wheel on map)
  • Calques (layers) :
    • Afficher les stations ? (display stations?) Affiche le calque des stations
    • Afficher les nuages ? (display clouds?) Affiche le calque des nuages
    • Afficher les précipitations ? (display precipitation?) Affiche le calque des précipitations
    • Affiche la neige ? (display snow?) Affiche le calque de la neige
    • Afficher le vent ? (display wind?) Affiche le calque du vent
    • Afficher les températures ? (display temperature?) Affiche le calque des températures
    • Afficher la pression atmosphérique ? (display pressure?) Affiche le calque des pressions atmosphériques
WP Cloudy - Map settings

WP Cloudy – Paramètres de carte

Intégrez la météo dans votre site

Pour cela, rien de plus simple, copiez coller le shortcode situé dans la metaboxe WP Cloudy Shortcode (visible aussi depuis la vue liste Weather) dans un article, une page, un widget texte ou dans un fichier PHP.

WP Cloudy Shortcode Metaboxe

WP Cloudy Shortcode Metaboxe

Notez la présence du picto WP Cloudy dans l’éditeur qui permet lui aussi d’insérer une météo juste en saisissant l’ID.

WP Cloudy Editor

WP Cloudy Editor

WP Cloudy Editor

WP Cloudy Editor

Enregistrer