Weatheo

Wetter-Widget für WordPress

Zeigen Sie auf Ihrer WordPress-Website die Vorhersage, das Regenradar, die Luftqualität oder den Pollenflug für jeden Ort an. Kein Plugin nötig: Widget wählen, Code kopieren und in einen Block „Individuelles HTML“ einfügen.

Kostenlos, ohne AnmeldungKein Plugin nötigWerbefrei, ohne AufruflimitRund 2 kB Skript

Ihr Widget erstellen

Kostenlos. Ohne Konto, ohne Plugin.

Wetter Berlin von Weatheo

Sonne und Mond in Berlin von Weatheo

Wetter Berlin von Weatheo

Diese Widgets können Sie einbinden

Neun Widgets, jeweils im hellen, dunklen oder blauen Stil. Die Beispiele zeigen Live-Daten; Ihr Widget zeigt den Ort, den Sie auswählen.

Stündliche Vorhersage

Jetzt und die nächsten 18 Stunden

Wetter Berlin von Weatheo

Anpassen

5-Tage-Vorhersage

Heute und die nächsten vier Tage

Wetter Berlin von Weatheo

Anpassen

Sonne & Mond

Sonnenaufgang, -untergang, Mondphase

Sonne und Mond in Berlin von Weatheo

Anpassen

Luftqualität

AQI und Schadstoffe

Luftqualität in Berlin von Weatheo

Anpassen

Klima

Monat für Monat, beste Reisezeit

Anpassen

Regionales Wetter

Die größten Orte einer Region

Anpassen

Regenradar

Interaktive Karte, 48 Stunden

Anpassen

Alle Widgets ansehen

Code holen

Wählen Sie Widget, Ort, Stil, Sprache und Einheiten. Die Vorschau aktualisiert sich bei jeder Änderung; kopieren Sie den Code, sobald alles passt.

Widget
Ort
Stil
Einheiten
Einbettungscode

VorschauWird geladen…

Einbettungscode

Skript: die empfohlene Variante. Es passt sich der Breite der Spalte an, in der es steht, und lädt erst, kurz bevor es in den sichtbaren Bereich scrollt.
So binden Sie das Widget in WordPress ein
Wählen Sie die Methode, mit der Sie Ihre Website bearbeiten. Bei selbst gehostetem WordPress dürfen nur Benutzer mit der Berechtigung unfiltered_html Skript- oder Iframe-Code speichern: Administratoren und Redakteure auf einer Einzelseite, in einem Multisite-Netzwerk nur Super-Admins. Bei allen anderen entfernt WordPress den Code beim Speichern der Seite.
Block-Editor (Gutenberg)
Der Standard-Editor für Beiträge und Seiten seit WordPress 5.0.
  1. Öffnen Sie den Beitrag oder die Seite, auf der das Widget erscheinen soll.
  2. Klicken Sie auf das +-Symbol und fügen Sie einen Block „Individuelles HTML“ hinzu.
  3. Fügen Sie den Widget-Code in den Block ein.
  4. Klicken Sie in der Block-Werkzeugleiste auf „Vorschau“, um das Widget zu prüfen, und aktualisieren oder veröffentlichen Sie dann die Seite.
Klassischer Editor
Wenn Ihre Website das Plugin Classic Editor oder eine ältere WordPress-Version nutzt.
  1. Öffnen Sie den Beitrag oder die Seite.
  2. Wechseln Sie über dem Bearbeitungsbereich zum Tab „Text“, nicht zum Tab „Visuell“.
  3. Fügen Sie den Widget-Code an der Stelle ein, an der das Widget erscheinen soll.
  4. Speichern oder aktualisieren Sie die Seite und sehen Sie sie sich an. Wechseln Sie vor dem Speichern nicht zurück zu „Visuell“, da das den Code verändern kann.
Elementor
Elementor hat ein eigenes HTML-Widget für Einbettungscode.
  1. Bearbeiten Sie die Seite mit Elementor.
  2. Ziehen Sie das HTML-Widget in den Abschnitt, in dem das Wetter erscheinen soll.
  3. Fügen Sie den Widget-Code in das Feld „HTML-Code“ ein.
  4. Aktualisieren Sie die Seite und prüfen Sie sie live: Manche Editor-Vorschauen führen keine Skripte aus.
Divi
In Divi gehört Einbettungscode in ein Code-Modul.
  1. Öffnen Sie die Seite im Divi Builder.
  2. Fügen Sie einer Zeile ein Code-Modul hinzu.
  3. Fügen Sie den Widget-Code in das Modul ein und speichern Sie es.
  4. Speichern Sie die Seite und prüfen Sie sie auf der Live-Website.
WordPress.com
Für Websites auf WordPress.com gelten eigene Regeln für Einbettungscode.
  1. Skript- und Iframe-Tags stehen nur Websites mit einem Tarif zur Verfügung, der Plugins erlaubt, und bei denen die Hosting-Funktionen aktiviert sind.
  2. Fügen Sie auf diesen Websites einen Block „Individuelles HTML“ hinzu, setzen Sie den Code ein und veröffentlichen Sie, wie oben beim Block-Editor beschrieben.
  3. Auf anderen WordPress.com-Websites wird weder die Skript- noch die Iframe-Variante akzeptiert.
Das bekommen Sie
Kein Plugin
Nichts zu installieren, zu aktualisieren oder mit Ihrem Theme abzustimmen. Das Widget ist eine Zeile Code in einem Block.
Schont Ihre Ladezeit
Das Skript ist komprimiert etwa 2 kB groß, lädt asynchron und holt ein Widget erst, wenn es sich dem sichtbaren Bereich nähert.
Neun Widgets
Stündliche und 5-Tage-Vorhersage, Sonne & Mond, Klima, Regenradar, Wetter zur Veranstaltung, regionales Wetter, Luftqualität und Pollenflug (Europa).
Passt zu Ihrer Website
Drei Stile (hell, dunkel, blau), metrische oder imperiale Einheiten und zwölf Sprachen.
Immer aktuell
Das Widget aktualisiert seine Daten selbst. Einmal einfügen, nie wieder anfassen.
Kostenlos und werbefrei
Keine Anmeldung, keine Werbung und kein Limit bei den Aufrufen. Einzige Bedingung: Die kleine Quellenzeile unter dem Widget bleibt stehen.
Fragen zum Wetter-Widget für WordPress
Brauche ich ein Plugin?
Nein. Das Widget ist ein kurzes Stück HTML, das Sie in einen Block „Individuelles HTML“, in den Tab „Text“ des klassischen Editors oder in ein Widget „Individuelles HTML“ einfügen. Es gibt nichts zu installieren oder zu aktualisieren.
Ist es kostenlos?
Ja. Keine Anmeldung, keine Werbung und kein Limit bei den Aufrufen. Einzige Bedingung ist, dass der Quellenlink unter dem Widget stehen bleibt.
Macht es meine WordPress-Website langsamer?
Das Skript ist komprimiert etwa 2 kB groß, lädt asynchron und holt ein Widget erst, kurz bevor es in den sichtbaren Bereich scrollt. Der Rest Ihrer Seite wird dadurch nicht aufgehalten.
Funktioniert es auf WordPress.com?
Nur auf Websites mit einem Tarif, der Plugins erlaubt, und mit aktivierten Hosting-Funktionen: Das sind die WordPress.com-Websites, die Skript- und Iframe-Tags akzeptieren. Auf anderen WordPress.com-Websites wird weder die Skript- noch die Iframe-Variante akzeptiert.
Funktioniert es mit Elementor, Divi und anderen Page Buildern?
Ja. Nutzen Sie das HTML-Widget von Elementor oder das Code-Modul von Divi. Wenn Ihr Builder oder ein Sicherheits-Plugin Skript-Tags entfernt, wählen Sie im Code-Generator die Iframe-Variante.
Kann ich es in die Seitenleiste oder den Footer setzen?
Ja. Bei einem klassischen Theme fügen Sie unter Design > Widgets ein Widget „Individuelles HTML“ hinzu. Bei einem Block-Theme öffnen Sie Design > Editor und fügen dem Template-Teil der Seitenleiste oder des Footers einen Block „Individuelles HTML“ hinzu.
Kann jeder Besucher das Wetter an seinem Ort sehen?
Ja. Wählen Sie im Code-Generator „Standort des Besuchers“ statt einer Stadt. Dann sieht jeder Besucher das Wetter in seiner eigenen Umgebung.
Welche Sprachen und Einheiten gibt es?
Zwölf Sprachen sowie metrische (°C) oder imperiale (°F) Einheiten. Beides wählen Sie im Code-Generator, bevor Sie den Code kopieren.
Warum verschwindet der Code nach dem Speichern?
WordPress entfernt Skript- und Iframe-Code, den Benutzer ohne die Berechtigung unfiltered_html speichern. Auf einer Einzelseite haben Administratoren und Redakteure diese Berechtigung, in einem Multisite-Netzwerk nur Super-Admins. Bitten Sie jemanden mit dieser Rolle, das Widget einzufügen, oder prüfen Sie, ob Sie den Code in einen Block „Individuelles HTML“ und nicht in einen Absatz eingefügt haben.
Bringen Sie das Wetter auf Ihre WordPress-Website
Widget und Ort wählen, eine Zeile Code kopieren und in einen Block „Individuelles HTML“ einfügen.
Ihr Widget erstellen