サイトのテーマによっては、ページのどこかにライブの天気予報を追加する必要があるかもしれません。

あなたのウェブサイトに天気予報のウィジェットをしたい場合は、読み続ける。我々は、ウェブサイトやブログのための最高の天気予報のウィジェットのいくつかを見てみましょう。

天気予報ウィジェットまたはウェブサイト用コード

天気予報ウィジェットによって、動作が異なります。

WordPressやSquarespaceのような主流のプラットフォームで作業する場合は、適切なショップから天気予報のプラグインをダウンロードすることができます。または、コードの一部をコピーして、ページ内の適切な場所に貼り付けてください。

専門性のレベルや実現したいことに応じて、この2つのアプローチのどちらかが適切です。

別のブログプラットフォームに乗り換えたい場合、WordPressやBlogger以外の選択肢をご紹介します。

Googleの天気予報ウィジェットはどうでしょうか？

多くの人が自分のウェブサイトにGoogleの天気予報ウィジェットを置きたいと思うでしょう。残念ながら、Googleは独自の天気予報ウィジェットを作成していません。

Google ニュース上のウィジェットや Google カレンダーの更新など、Google 製品で表示される天気データは、ウェザー チャンネルによって提供されています。

残念ながら、ウェザー・チャンネル・ウィジェットもウェブサイトでの公開は終了しています。 は廃止されました。

1WeatherWidget.io：クリーンな「広告なし」天気予報ウィジェット

天気予報は、個人サイトや商用サイト向けにカスタマイズされた天気予報ウィジェットを無料で提供しています。

位置の下にさらに2行入力し、メートル単位かインペリアル単位のどちらを使うかを選んで設定することができます。

ウィジェット自体は今後7日間の天気を表示します。ウィジェットを変更して表示日数を減らすことはできません。

ウィジェットの最小幅は110ピクセルで、315ピクセルを超えて幅を広げると、ウィジェットの方向が列から行に変わります。

サイト上でウィジェットを使用するには、天気予報ウィジェット用のHTMLコードをコピーして、サイトページに貼り付ける必要があります。

2 メテオ：無料のカスタマイズ天気予報ウィジェット

もっとカスタマイズしたい場合は、Meteoredのウェブサイト天気予報ウィジェットを見てみるとよいでしょう。

このサイトでは、ウィジェットを思い通りに表示させるための簡単なツールを提供しています。最初の欄には位置情報を入力し、次にウィジェットのフォーマット、内容、スタイル、カラーを選択します。

weather-widget.ioとは異なり、ウィジェットに表示する予報日数を設定することができます。最短で1日、最長で7日間です。また、ウィジェットでは、天気予報のアイコンを選ぶことができます。

処理の最後に、ウィジェットをスクリプトとして使用するか、画像として使用するかを選択することができます。

Show me weather：無料の天気・気温ウィジェットサイト

アメリカやカナダの都市の天気を表示したい場合は、「Show my weather」を選択するとよいでしょう。

シンプルさを重視するならば、これはおそらくあなたのウェブサイトに最適な天気予報ウィジェットです。ブランドや広告、余分なデータもなく、ウィジェットは気温と天気を表示するだけです。

まず、天気を表示させたい郵便番号または市町村名を入力します。

次の画面では、天気予報ウィジェットのカスタマイズができます。現在の天気と今後の予報のどちらを表示するか、使用する計測単位、スタイルオプション（背景色、文字色、塗り、フォントサイズなど）を設定することができます。

4 天気予報ウィジェット：ワードプレスの天気

もし、あなたのウェブサイトの天気予報ウィジェットを手動でHTMLコードを入力するのではなく、プラグインを通して実行したい場合は、WordPressのWeather Widgetプラグインをご覧になることをお勧めします。

メートル法とインペリアル法、ウィジェットサイズ、編集可能なタイトルバー、カスタムCSS、予報バーに表示する日数、天気の種類に応じたユーザー定義の背景画像など、カスタマイズ可能な設定です。

天気予報ウィジェットには広告がありませんが、プロバージョンが利用可能です。プロバージョンは、より多くのテンプレートとレイアウトオプション、AJAXロードと自動ロケーション検出を追加します。

5Booking.net：天気予報ウィジェットの豊富な品揃え

15種類以上の天気予報ガジェットを選べるサイトなら、booking.netにお任せください。

大きなウィジェット、小さなウィジェット、"lite "ウィジェットがあります。各ウィジェットはフルカスタマイズが可能です。カスタマイズできる具体的な設定内容は、選択したウィジェットによって異なります。

6openweather.com ウェブサイト：ローカル天気ウィジェット

ウェブサイトに現地の天気を表示するウィジェットが欲しい場合、もう一つの選択肢として、OpenWeather.comのウェブサイトを検討してみてはいかがでしょうか。

10種類以上の天気予報ウィジェットが用意されており、ローカル天気ウィジェット、気温ウィジェット、予報ウィジェットを見つけることができます。

欠点は、カスタマイズのオプションが他のウィジェットに比べて広くないことです。温度を摂氏で表示するか、華氏で表示するかを選択でき、それ以外は表示しないことも可能です。

OpenWeatherウィジェットをあなたのウェブサイトに追加するには、各ウィジェットオプションの下にあるコード行をコピーして貼り付ける必要があります。

7Weather.com: htmlによる天気予報ウィジェット

カナダ最大の気象テレビ局「The Weather Network」は、米国の「Weather Channel」とは異なり、ウェブサイトやブログ用の天気予報ウィジェットを提供しています。

ウィジェットのレイアウトは5種類あり、それぞれ最大6つのポジションを入力でき、色やフォントのカスタマイズ、サイズ変更も可能です。

ウィジェットのカスタマイズが完了したら、「Accept」をクリックすると、天気予報ウィジェットのHTMLコードが表示されます。コピーして、あなたのウェブサイトの必要な場所に貼り付けてください。

アキュウェザーはどうですか？

AccuWeatherウィジェットは、かつてこのサイトで最も人気のある無料の天気ウィジェットの1つでしたが、現在は廃止されています。AccuWeatherは、2019年の後半に新しいウィジェットをリリースすることを約束しています。

天気予報ウィジェットは、最新の気象データや予報を入手するためのひとつの手段に過ぎません。iPhoneの天気予報アプリ、Androidの天気予報ウィジェットの記事もご覧ください。

APIを使った別の気象オプションに興味がある方は、Weatherstackで気象データを統合する方法をご覧ください。

また、訪問者に合わせたウェブサイトを作成するための無料のIPジオロケーションAPIもご覧ください。