Weather Forecast Widget

Beschreibung

ALLGEMEIN

Die Wetterdaten für dieses Widget werden von der OpenWeatherMap API mit Ihrem eigenen API-Schlüssel abgerufen.

OPENWEATHERMAP API

⚠️ Wichtiger Hinweis: OpenWeatherMap ist von der Version One Call API 2.5 auf die neue One Call API 3.0 umgestiegen.
Ab sofort ist die Nutzung der API ohne Angabe gültiger Zahlungsinformationen (z. B. einer Kreditkarte) in Ihrem OpenWeatherMap-Konto nicht mehr möglich – auch nicht für die kostenlose Version.

Das bedeutet, dass das Wetter Widget nicht mehr funktioniert, es sei denn:
– Sie wechseln zur neuen One Call 3.0 API und
– Sie haben eine gültige Zahlungsmethode in Ihrem OpenWeatherMap-Konto hinterlegt.

🔒 Empfehlung:
Um unerwartete Kosten zu vermeiden, wird dringend empfohlen, in Ihrem OpenWeatherMap-Konto unter Abrechnungsmodelle nach dem Hinzufügen einer Zahlungsmethode ein Abrechnungslimit / Nutzungslimit festzulegen.

Weitere Informationen zu Preisen und Beschränkungen finden Sie unter: Preise – OpenWeatherMap

EINGABEDATEN

Sie können das Wetter für eine STADT (Eingabedaten: Stadtname) oder für bestimmte KOORDINATEN (Eingabedaten: Breiten- und Längengradkoordinaten) im Widget anzeigen.

POSITIONIERUNG/SHORTCODE

Das Wetter-Widget kann mit Hilfe des Shortcodes [weather_forecast_widget] in eine Seite/einen Beitrag oder im Widget-Bereich eingebunden werden. Darüber hinaus kannst du jedem Shortcode verschiedene Parameter mitgeben, um die Widget-Einstellungen (z.B. den Widget-Titel) zu übersteuern.

TEMPLATES

Derzeit stehen Ihnen 3 Vorlagen für das Widget zur Auswahl.
* Vorlage 1
* Das Wetter heute mit einer Wettervorhersage für die nächsten 3 Tage
* Vorlage 2
* Vorlage 2 verwendet Bootstrap!
* Das aktuelle Wetter mit einer stündlichen Wettervorhersage und einer Wettervorhersage für die nächsten 3 Tage
* Vorlage 3
* Vorlage 3 verwendet Bootstrap!
* Wetter für den aktuellen Tag und für die nächsten 7 Tage, jeweils mit einer stündlichen Wettervorhersage und einer Wettervorhersage für die nächsten 3 Tage
* Wetterwarnung Vorlage 1
* Wetterwarnung Vorlage 1 verwendet Bootstrap!
* Aktive Wetterwarnungen

HINTERGRUNDBILD

Für dieses Widget kannst du drin eigenes Hintergrundbild auswählen. Entweder du legst in den Widget-Einstellungen ein statisches Hintergrundbild fest oder du entscheidest dich für das Hintergrundbild für die dynamische Variante (Beitragsbild der Seite/des Beitrages, wo der Shortcode platziert wird).

WETTERDATEN

Neben der täglichen Wettervorhersage kann auch eine stündliche Wettervorhersage im Widget angezeigt werden. Sowohl die tägliche als auch die stündliche Wettervorhersage können eingeklappt werden.

WETTERWARNUNGEN

Das Wetter-Widget zeigt auch Wetterwarnungen an. Diese Warnungen können geschlossen werden.

WETTERICONS

Das Widget beinhaltet tolle Wettericons. In den Plugin-Einstellungen kannst du auswählen, welche Wettericons du für das Widget verwenden möchtest.
* Gefüllte, animierte Icons
* Nicht gefüllte, animierte Icons
* Statische Icons

LAZY LOADING

Du hast die Möglichkeit, das Widget mit Lazy Loading (ajax) zu laden, um die Daten nur bei Bedarf (falls nicht zwischengespeichert) neu laden zu müssen.

CACHING

Heutzutage ist Caching ein wichtiges Thema. Dieses Weather Forecast Widget ermöglicht dir die abgerufenen Wetterdaten für den nächsten Webseitenbesucher zwischenzuspeichern, der das nächste Mal deine Webseite / den Beitrag besucht. In den Einstellungen kannst du deine gewünschte Cache-Zeit einstellen (Caching-Zeit bis zu 1 Stunde möglich => dies sollte sicherstellen, dass die Wetterdaten im Widget möglichst aktuell sind). Mit dieser Caching Funktionalität sparst du dir zudem auch zusätzliche API- bzw. Schnittstellenaufrufe.

SHORTCODE BEISPIELE

  • Retrieve weather data for a city
    • [weather_forecast_widget city=“Kufstein“]
  • Retrieve weather data for a city and show city name as title text
    • [weather_forecast_widget city=“Kufstein“ title_cityname=“X“]
  • Retrieve weather data for specific coordinates
    • [weather_forecast_widget lat=“47.5824″ lon=“12.1627″]
  • Retrieve weather data for specific coordinates and show „Weather for Weather Widget“ as title text
    • [weather_forecast_widget lat=“47.5824″ lon=“12.1627″ title_overwrite=“Weather for Weather Widget“]
  • Retrieve weather data with lazy loading and template 3 for specific coordinates and expand the hourly and daily forecast initially
    • [weather_forecast_widget lazy_loading=“X“ template=“3″ hourly_forecast=“show“ daily_forecast=“show“ lat=“47.5824″ lon=“12.1627″]
  • Retrieve weather alerts with lazy loading and alert template 1 for specific coordinates and expand the weather alerts initially
    • [weather_forecast_widget lazy_loading=“X“ template=“alert_1″ alerts=“show“ lat=“47.5824″ lon=“12.1627″ max_width=“500px“]

EINSTELLUNGEN

  • Eingabefeld für deinen OPEN WEATHER MAP API-Schlüssel (der API-Schlüssel wird beim Speichern auf seine Gültigkeit geprüft!)
  • Dropdown-Box, um auszuwählen, ob ein Caching der Wetterdaten erforderlich ist und falls ja, welche CACHE-ZEIT verwendet werden soll.
  • Media-Uploader zur Auswahl eines HINTERGRUNDBILDES für das Widget (optional – andernfalls wird das Beitragsbild der Seite/des Beitrages verwendet)
  • Radiobuttons zur Auswahl des WIDGET TITEL, der im Widget angezeigt wird. Diese Einstellung wird als standardmäßig verwendet, wenn nichts anderes als Shortcode-Parameter übergeben wird. Wenn du title_cityname oder title_overwrite als Shortcode-Parameter übergibst, wird dieser Parameter im Widget entsprechend verarbeitet.
  • Dropdown zur Auswahl des POST META FIELD für den Titeltext, wenn du den Radiobutton „Post Meta Field (choose one of the dropdown below)“ ausgewählt hast
  • Wählen Sie aus, welche WETTERWERTE im Widget angezeigt werden sollen
  • Wählen Sie aus, in welchen EINHEITEN die Wetterwerte angezeigt werden sollen
  • Wählen Sie aus, welche WETTER-ICONS für das Widget verwendet werden sollen

ÜBERSETZUNGEN

  • Deutsch – adminbergtourentipptirol

Mitwirkende

Screenshots

  • Die Seite mit den PLUGIN EINSTELLUNGEN enthält alle Parameter, die für die Konfiguration dieses Plugins zur Verfügung stehen.
  • Die Seite mit den PLUGIN EINSTELLUNGEN enthält alle Parameter, die für die Konfiguration dieses Plugins zur Verfügung stehen.
  • Weather Forecast Widget – VORLAGE 1
  • Weather Forecast Widget – VORLAGE 2
  • Weather Forecast Widget – VORLAGE 3
  • Werther Forecast Widget – WETTERWARNUNGEN VORLAGE 1 mit Warnungen
  • Werther Forecast Widget – WETTERWARNUNGEN VORLAGE 1 ohne Warnungen

Installation

Über den ADMIN BEREICH

  1. Gehe zu „Plugins > Hinzufügen“
  2. Nach „Weather Forecast Widget“ suchen
  3. Aktiviere das „Weather Forecast Widget“ über das Plugin-Menü in deinem Admin-Bereich
  4. Gehe nach unten zu „Nach Aktivierung“.

MANUELL

  1. Laden Sie weather-forecast-widget.zipaus dem Plugin-Ordner des Wettervorhersage-Widgets herunter – und entpacken
  2. Lade den Ordner weather-forecast-widget mit deinem FTP-Client in das Verzeichnis „/wp-content/plugins/“ hoch
  3. Aktiviere das „Weather Forecast Widget“ über das Plugin-Menü in deinem Admin-Bereich
  4. Gehe nach unten zu „Nach Aktivierung“.

NACH DER AKTIVIERUNG

  1. Im Admin-Bereich zu den „Weather Forecast Widget > Einstellungen“ gehen
  2. Gib deinen Open Weather Map API-Schlüssel ein und selektieren die gewünschten Einstellungen.
  3. Du bist fertig und kannst den Shortcode jetzt in deiner Seitenleiste bzw. deinen Beiträgen/Seiten verwenden.

Rezensionen

26. Mai 2022 1 reply
I’ve tried this plugin out on some themes and found that it will break some, undoing their formatting until completely removed. It does not appear to break all. Just beware and check carefully after installing it.
Lies alle 3 Rezensionen

Mitwirkende & Entwickler

„Weather Forecast Widget“ ist Open-Source-Software. Folgende Menschen haben an diesem Plugin mitgewirkt:

Mitwirkende

„Weather Forecast Widget“ wurde in 2 Sprachen übersetzt. Danke an die Übersetzerinnen und Übersetzer für ihre Mitwirkung.

Übersetze „Weather Forecast Widget“ in deine Sprache.

Interessiert an der Entwicklung?

Durchstöbere den Code, sieh dir das SVN Repository an oder abonniere das Entwicklungsprotokoll per RSS.

Änderungsprotokoll

1.1.7

  • Kompatibilitätsprüfung für WordPress 6.8.2 bestätigt
  • Migration von API-Anfragen von OpenWeatherMap One Call 2.5 zu One Call 3.0
  • Kleinere Verbesserungen und Bereinigung

1.1.6

  • Kompatibilitätsprüfung für WordPress 6.6.2 bestätigt
  • Kleinere Verbesserungen und Bereinigung
  • Hinweis zu Änderungen bei OpenWeatherMap One Call 3.0 hinzugefügt (API-Schlüssel erfordert nun eine Abrechnung)
  • Vorbereitung für die Integration der Weather API

1.1.5

  • Fehlerbehebung: Ein redundantes div-End-Tag wurde entfernt

1.1.4

  • Neu: Bootstrap wird von diesem Plugin nur geladen, wenn es noch nicht aktiviert wurde (durch das aktive Theme oder andere aktive Plugins).
  • Neu: Neue Vorlage: Wetterwarnungen Vorlage 1 („alert_1“).
  • Neu: Neuer Shortcode-Parameter „alerts“.

1.1.3

  • Fehlerbehebung: Insbesondere Vorlage 2 + Vorlage 3
  • Fehlerbehebung: Anzeige vom Tag in einer Zeile in der täglichen Wettervorhersage
  • Fehlerbehebung: Auf kleineren Geräten (z. B. auf Smartphones) kommt es zu einem Überlauf bei der Anzeige der stündlichen Wettervorhersagespalten. Daher werden auf kleineren Geräten nur bis zu 3 Wettervorhersagespalten über den Tag hinweg angezeigt. Auf größeren Geräten bleiben alle stündlichen Wettervorhersagespalten erhalten.
  • Neu: Neue Shortcode-Parameter „show_hourly_forecast“, „show_daily_forecast“, „show_alerts“.
  • Neu: Ab sofort können bei aktiviertem Lazy Loding (ajax) mehrere [weather_forecast_widget] Shortcodes auf einer Seite verwendet werden.

1.1.2

  • Fehlerbehebung bei Inkompatibilität zwischen Bootstrap-Vorlagen und einigen Themes

1.1.1

  • Fehlerbehebung bei Inkompatibilität zwischen Bootstrap-Vorlagen und einigen Themes

1.1.0

  • Fehlerbehebung: Vorlage 1
  • Neu: Vorlage 2
  • Neu: Vorlage 3
  • Neu: Lazy Loading Shortcode-Parameter/Funktionalität
  • Neu: Stündliche/tägliche Wettervorhersagen
  • Neu: Animierte Wettericons hinzugefügt
  • Neu: Wetterwarnungen anzeigen
  • Neu: Bootstrap und Fontawesome wird verwendet
  • „Getestet bis“-Version aktualisiert

1.0.1

  • Fehlerbehebung: Vorlage 1
  • „Getestet bis“-Version aktualisiert

1.0.0

  • Erstveröffentlichung des Plugins.