Webサイトの主題によっては、ページのどこかにライブの天気予報と天気予報を追加する必要がある場合があります。
ウェブサイトに天気ウィジェットが必要な場合は、読み続けてください。ウェブサイトやブログに最適な天気ウィジェットのいくつかを見ていきます。
あなたのウェブサイトのための天気ウィジェットまたはコード
さまざまな天気ウィジェットはさまざまな方法で機能します。
WordPressやSquarespaceなどの主流のプラットフォームで作業している場合は、それぞれのストアから天気プラグインをダウンロードできます。または、コードをコピーしてページの適切な場所に貼り付けることもできます。
専門知識のレベルと達成しようとしていることに応じて、2つのアプローチのいずれかが適している可能性があります。
また、別のブログプラットフォームへの切り替えを検討している場合は、次のオプションがあります。 WordPressとBloggerを超えて 。
このファイルは別のプログラムで開かれています
Google Weather Widgetはどうですか?
多くの人が自分のウェブサイトにGoogleの天気ウィジェットを配置したいと思っています。残念ながら、Googleは独自の天気ウィジェットを作成していません。
GoogleニュースのウィジェットやGoogleカレンダーの更新など、Googleの製品に表示される気象データは 天気予報チャンネル 。
残念ながら、Webサイト用に公開されているWeatherChannelウィジェットもありません。廃止されました。
1.1。 WeatherWidget.io :クリーンな「広告なし」天気ウィジェット
WeatherWidget.ioは、個人用Webサイトと商用Webサイトの両方にカスタマイズ可能な無料の天気ウィジェットを提供します。
場所を設定し、場所の下に2行の追加情報を入力して、メートル法とインペリアル法のどちらを使用するかを選択できます。
ウィジェット自体は、次の7日間の天気を表示します。表示する日数を減らすようにウィジェットを変更することはできません。
ウィジェットの最小幅は110ピクセルです。幅が315ピクセルを超えると、ウィジェットの方向が列から行に変わります。
サイトでウィジェットを使用するには、天気ウィジェットのHTMLコードをコピーしてサイトのページに貼り付ける必要があります。
2.2。 流星 :無料のカスタマイズ可能な天気ウィジェット
より多くのカスタマイズオプションが必要な場合は、MeteoredのWebサイト用の天気ウィジェットを確認する必要があります。
このサイトには、ウィジェットを思いどおりに表示するための使いやすいツールが用意されています。最初の列に位置データを入力する必要があります。次に、ウィジェットの形式、コンテンツ、スタイル、色を選択します。
WeatherWidget.ioとは異なり、ウィジェットに表示する予測日数を設定できます。最小は1日、最大は7日です。ウィジェットには、選択可能な複数の天気アイコンも用意されています。
プロセスの最後に、ウィジェットをスクリプトとして使用するか、画像として使用するかを選択します。
3.3。 私の天気を表示 :ウェブサイト用の無料の天気と気温のウィジェット
米国またはカナダの都市の天気を表示する場合は、[天気を表示]が最適なオプションです。他の国はサポートされていません。
シンプルさを重視するなら、これはあなたのサイトに最適な天気ウィジェットかもしれません。ブランディング、広告、および余分なデータはありません。ウィジェットには、気温と天気だけが表示されます。
開始するには、天気を表示する郵便番号または町/都市の名前を入力します。
次の画面で、天気ウィジェットをカスタマイズできます。現在の天気と今後の天気予報のどちらに表示するか、使用する測定単位、背景色、テキストの色、パディング、フォントサイズなどのスタイルオプションを設定できます。
四。 素晴らしい天気ウィジェット :WordPressの天気
天気ウィジェットのHTMLコードを手動で入力するのではなく、プラグインを介してWebサイトの天気ウィジェットを実行する場合は、WordPressのAwesome WeatherWidgetプラグインを確認することをお勧めします。
カスタマイズ可能な設定には、メートル法またはインペリアル法、ウィジェットのサイズ、編集可能なタイトルバー、カスタムCSS、予測バーに表示される日数、さまざまな種類の天気のユーザー定義の背景画像が含まれます。
プロバージョンは利用可能ですが、天気ウィジェットには広告がありません。さらにテンプレートとレイアウトオプション、AJAXの読み込み、自動位置検出が追加されます。
5.5。 Booked.net :天気ウィジェットの膨大な選択
15を超える天気ウィジェットを提供するサイトから選択する場合は、Booked.netにアクセスしてください。
大きなウィジェット、小さなウィジェット、および「ライト」ウィジェットがあります。各ウィジェットは完全にカスタマイズ可能です。カスタマイズ可能な特定の設定は、選択したウィジェットによって異なります。
6. OpenWeather.com:ローカル天気ウィジェット
ウィジェットでWebサイトに地域の天気を表示する場合は、OpenWeather.comを検討する価値のある別のオプションがあります。
10以上の異なる天気ウィジェットが利用可能です。ローカルの天気ウィジェット、気温ウィジェット、および予報ウィジェットがあります。
欠点として、カスタマイズオプションは、これまで見てきた他のウィジェットほど広範ではありません。温度を摂氏で表示するか華氏で表示するかを選択できますが、それ以外はほとんど表示しません。
OpenWeather天気ウィジェットをWebサイトに追加するには、各ウィジェットオプションの下にあるコード行をコピーして貼り付ける必要があります。
7。 ウェザーネットワーク :HTMLを使用した天気ウィジェット
Weather Networkは、カナダ最大の気象TVネットワークです。アメリカの対応するTheWeather Channelとは異なり、Webサイトやブログに天気ウィジェットを提供します。
5つの異なるウィジェットレイアウトが利用可能です。レイアウトごとに、最大6つの場所を入力し、色とフォントをカスタマイズし、サイズを変更できます。
ウィジェットのカスタマイズが終了したら、[同意する]をクリックすると、天気ウィジェットのHTMLコードが表示されます。必要に応じて、コピーしてWebサイトに貼り付けます。
AccuWeatherはどうですか?
AccuWeatherウィジェットは、以前はWebサイトで最も人気のある無料の天気ウィジェットの1つでしたが、廃止されました。 AccuWeatherは、新しいウィジェットが2019年後半にリリースされることを約束しました。
天気ウィジェットは、最新の天気データと天気予報を取得するための1つの方法にすぎません。詳細については、に関する記事をご覧ください。 iPhoneに最適な天気アプリ そしてその Android用の最高の天気ウィジェット 。
また、APIを使用するもう1つの気象オプションに興味がある場合は、気象データをWeatherstackと統合する方法を確認してください。
ブログの詳細については、こちらをご覧ください WordPressブログを人気にするためのヒント 訪問者に合わせたサイトの無料のIPGeolocationAPIを確認してください。
共有 共有 つぶやき Eメール メールが本物か偽物かを確認する3つの方法少し疑わしいメールを受け取った場合は、その信頼性を確認することをお勧めします。メールが本物かどうかを判断する3つの方法があります。
次を読む 関連トピック- インターネット
- ブログ
- 天気
- ウェブマスターツール
ダンは2014年にMakeUseOfに参加し、2020年7月からパートナーシップディレクターを務めています。スポンサーコンテンツ、アフィリエイト契約、プロモーション、その他のパートナーシップについては、彼に連絡してください。彼が毎年ラスベガスのCESのショーフロアを歩き回っているのを見つけることもできます。行くならこんにちはと言ってください。執筆活動の前は、ファイナンシャルコンサルタントを務めていました。
ダンプライスのその他の作品ニュースレターを購読する
ニュースレターに参加して、技術的なヒント、レビュー、無料の電子書籍、限定セールを入手してください。
購読するにはここをクリックしてください