Home-theater-designers
Abhängig vom Thema Ihrer Website müssen Sie möglicherweise irgendwo auf der Seite Live-Wetteraktualisierungen und -Vorhersagen hinzufügen.
Wenn Sie ein Wetter-Widget auf Ihrer Website haben möchten, lesen Sie weiter. Wir werden uns einige der besten Wetter-Widgets für Websites und Blogs ansehen.
Wetter-Widgets oder Code für Ihre Website
Verschiedene Wetter-Widgets funktionieren auf unterschiedliche Weise.
Wenn Sie auf einer Mainstream-Plattform wie WordPress oder Squarespace arbeiten, können Sie Wetter-Plugins aus den jeweiligen Stores herunterladen. Alternativ können Sie auch einfach etwas Code kopieren und an der richtigen Stelle auf Ihrer Seite einfügen.
Abhängig von Ihrem Kenntnisstand und dem, was Sie erreichen möchten, kann einer der beiden Ansätze geeignet sein.
Und wenn Sie daran denken, zu einer anderen Blogging-Plattform zu wechseln, gibt es hier einige Optionen, die Gehen Sie über WordPress und Blogger hinaus .
Alexa, ich habe gerade Probleme zu verstehen
Was ist mit dem Google Wetter-Widget?
Viele Leute möchten ein Google-Wetter-Widget auf ihrer Website platzieren. Leider erstellt Google kein eigenes Wetter-Widget.
Die Wetterdaten, die Sie in Google-Produkten sehen – wie das Widget in Google News und die Aktualisierungen in Google Kalender – werden von . bereitgestellt Der Wetter Kanal .
Leider gibt es auch kein öffentlich verfügbares Wetterkanal-Widget für Websites. Es wurde eingestellt.
1. WeatherWidget.io : Ein sauberes 'Keine Werbung' Wetter-Widget
WeatherWidget.io bietet ein kostenloses anpassbares Wetter-Widget für private und kommerzielle Websites.
Sie können den Standort festlegen, zwei zusätzliche Informationszeilen unter dem Standort eingeben und wählen, ob Sie metrische oder imperiale Einheiten verwenden möchten.
Das Widget selbst zeigt das Wetter der nächsten sieben Tage an. Sie können das Widget nicht ändern, um weniger Tage anzuzeigen.
Die Mindestbreite des Widgets beträgt 110 Pixel. Sobald die Breite über 315 Pixel hinausgeht, ändert sich die Ausrichtung des Widgets von einer Spalte zu einer Zeile.
Um das Widget auf Ihrer Site zu verwenden, müssen Sie den HTML-Code des Wetter-Widgets kopieren und auf der Seite Ihrer Site einfügen.
2. Meteoriten : Kostenloses anpassbares Wetter-Widget
Wenn Sie mehr Anpassungsmöglichkeiten wünschen, sollten Sie sich das Wetter-Widget von Meteored für Websites ansehen.
Die Site bietet ein benutzerfreundliches Tool, mit dem das Widget genau so aussieht, wie Sie es möchten. In der ersten Spalte müssen Sie die Standortdaten eingeben und dann das Format Ihres Widgets zusammen mit Inhalt, Stil und Farbe auswählen.
Im Gegensatz zu WeatherWidget.io können Sie die Anzahl der Vorhersagetage festlegen, die auf dem Widget angezeigt werden sollen. Das Minimum beträgt einen Tag, das Maximum sieben. Das Widget bietet auch mehrere Wettersymbole zur Auswahl.
Am Ende des Prozesses wählen Sie, ob Sie das Widget als Skript oder als Bild verwenden möchten.
3. Zeige mein Wetter : Kostenloses Wetter- und Temperatur-Widget für Websites
Mein Wetter anzeigen ist eine ausgezeichnete Option, wenn Sie das Wetter für eine Stadt in den USA oder Kanada anzeigen möchten. Andere Länder werden nicht unterstützt.
Wenn Sie Wert auf Einfachheit legen, könnte dies das beste Wetter-Widget für Ihre Website sein. Es gibt kein Branding, keine Werbung und keine überflüssigen Daten; das Widget zeigt die Temperatur und das Wetter an und sonst nichts.
Geben Sie zunächst die Postleitzahl oder den Namen der Stadt ein, für die Sie das Wetter anzeigen möchten.
Auf dem nächsten Bildschirm können Sie das Wetter-Widget anpassen. Sie können festlegen, ob das aktuelle Wetter oder die bevorstehende Vorhersage, die verwendeten Maßeinheiten und Stiloptionen wie Hintergrundfarbe, Textfarbe, Abstand und Schriftgröße angezeigt werden sollen.
Vier. Tolles Wetter-Widget : Wetter auf WordPress
Wenn Sie das Wetter-Widget Ihrer Website lieber über ein Plugin ausführen möchten, als den HTML-Code des Wetter-Widgets manuell einzugeben, empfehlen wir einen Blick auf das Awesome Weather Widget-Plugin auf WordPress.
Zu den anpassbaren Einstellungen gehören metrische oder imperiale Maße, die Größe des Widgets, bearbeitbare Titelleisten, benutzerdefiniertes CSS, die Anzahl der Tage, die in der Vorhersageleiste angezeigt werden, und benutzerdefinierte Hintergrundbilder für verschiedene Wetterarten.
Das Wetter-Widget enthält keine Werbung, obwohl eine Pro-Version verfügbar ist. Es fügt weitere Vorlagen und Layout-Optionen, AJAX-Laden und automatische Standorterkennung hinzu.
5. Gebucht.net : Eine riesige Auswahl an Wetter-Widgets
Wenn Sie eine Website wünschen, die mehr als 15 Wetter-Widgets zur Auswahl bietet, gehen Sie zu Booked.net.
Sie finden große Widgets, kleine Widgets und 'Lite'-Widgets. Jedes der Widgets ist vollständig anpassbar. Die spezifischen Einstellungen, die angepasst werden können, hängen davon ab, welches Widget Sie auswählen.
6. OpenWeather.com: Lokales Wetter-Widget
Wenn Sie möchten, dass ein Widget das lokale Wetter auf Ihrer Website anzeigt, ist OpenWeather.com eine weitere Option, die in Betracht gezogen werden sollte.
Es stehen mehr als 10 verschiedene Wetter-Widgets zur Verfügung. Sie finden lokale Wetter-Widgets, Temperatur-Widgets und Vorhersage-Widgets.
Auf der anderen Seite sind die Anpassungsoptionen nicht so umfangreich wie bei einigen anderen Widgets, die wir uns angesehen haben. Sie können wählen, ob die Temperatur in Celsius oder Fahrenheit angezeigt werden soll, und sonst wenig.
Um das OpenWeather-Wetter-Widget zu Ihrer Website hinzuzufügen, müssen Sie die Codezeile, die Sie unter jeder Widget-Option finden, kopieren und einfügen.
7. Das Wetternetzwerk : Ein Wetter-Widget mit HTML
Das Weather Network ist Kanadas größtes Wetter-TV-Netzwerk. Im Gegensatz zu seinem amerikanischen Gegenstück The Weather Channel bietet es Wetter-Widgets für Websites und Blogs.
Fünf verschiedene Widget-Layouts stehen zur Verfügung. Für jedes der Layouts können Sie bis zu sechs Orte eingeben, die Farben und Schriftarten anpassen und die Größe ändern.
Wenn Sie mit der Anpassung des Widgets fertig sind, klicken Sie auf Akzeptieren und Ihnen wird der HTML-Code des Wetter-Widgets angezeigt. Kopieren Sie es und fügen Sie es an der gewünschten Stelle in Ihre Website ein.
Was ist mit AccuWeather?
Das AccuWeather-Widget war früher eines der beliebtesten kostenlosen Wetter-Widgets für Websites, wurde jedoch eingestellt. AccuWeather hat versprochen, dass später im Jahr 2019 ein neues Widget veröffentlicht wird.
Wetter-Widgets sind nur eine Möglichkeit, die neuesten Wetterdaten und -vorhersagen zu erhalten. Wenn Sie mehr erfahren möchten, lesen Sie unsere Artikel über die beste Wetter-Apps für dein iPhone und der beste Wetter-Widgets für Android .
Und wenn Sie an einer weiteren Wetteroption interessiert sind, die eine API verwendet, lesen Sie, wie Sie Wetterdaten in Weatherstack integrieren.
Wenn Sie mehr Hilfe zu Ihrem Blog benötigen, sehen Sie sich diese an Tipps, um Ihren WordPress-Blog populär zu machen und sehen Sie sich die kostenlose IP-Geolocation-API für eine Website an, die auf Ihre Besucher zugeschnitten ist.
Teilen Teilen Tweet Email 3 Möglichkeiten, um zu überprüfen, ob eine E-Mail echt oder gefälscht istWenn Sie eine E-Mail erhalten haben, die etwas zweifelhaft aussieht, ist es immer am besten, die Echtheit zu überprüfen. Hier sind drei Möglichkeiten, um festzustellen, ob eine E-Mail echt ist.
Weiter lesen Verwandte Themen- Internet
- Bloggen
- Wetter
- Webmaster werkzeuge
Dan kam 2014 zu MakeUseOf und ist seit Juli 2020 Partnerships Director. Wenden Sie sich an ihn, wenn Sie Fragen zu gesponserten Inhalten, Partnervereinbarungen, Werbeaktionen und anderen Formen der Partnerschaft haben. Sie können ihn auch jedes Jahr auf der CES in Las Vegas auf der Ausstellungsfläche finden. Sagen Sie Hallo, wenn Sie mitkommen. Vor seiner Karriere als Autor war er Finanzberater.
Mehr von Dan PriceAbonniere unseren Newsletter
Abonnieren Sie unseren Newsletter für technische Tipps, Rezensionen, kostenlose E-Books und exklusive Angebote!
Klicken Sie hier, um sich zu abonnieren