WordPress で天気予報を表示する方法 (初心者向けガイド)

ホテル、イベントサイト、または旅行代理店を運営している場合、WordPressに追加することを常にお勧めする機能の1つは天気予報です。

よく考えてみてください。旅行やイベントを計画している訪問者は、しばしば「天気はどうなるだろうか？」という切実な疑問を持っています。この情報をサイト上で直接提供することで、単にその疑問に答えるだけでなく、訪問者の体験を向上させ、予約の決定に影響を与える可能性があります。

この記事では、WordPressサイトに洗練された機能的な天気予報を追加する方法をステップバイステップでご紹介します。

WordPressで天気予報が必要なのは誰か？

すべてのウェブサイトがユーザーに天気予報を表示する必要があるわけではありません。しかし、時には、今後の気象条件に基づいて決定を下す人もいるかもしれません。

旅行、イベント、ホテル、ベッド＆ブレックファスト、または同様の業界でウェブサイトを運営している場合、訪問者は今後の天気に興味があるかもしれません。

この情報をウェブサイトに表示することで、より良いユーザーエクスペリエンスを提供できます。これにより、人々がウェブサイトに長く滞在するようになり、コンバージョンにつながります。

例えば、訪問者は、天気予報が暑く晴れと予報されているのを見て、ホテルの予約フォームを完了することを決定するかもしれません。

旅行やホスピタリティ関連のウェブサイトを運営していなくても、WordPressの天気ウィジェットは訪問者にとって役立つ可能性があります。

例えば、旅行ブログを運営している場合、読者は今後の予報を利用して旅行を計画することができます。

最新の天気情報を取得し、それをウェブサイトに美しく表示できるプラグインはたくさんあります。しかし、最良の結果を得るためには、高速で使いやすく、外部天気サービスへのリンクをたくさん追加しないWordPressプラグインを見つける必要があります。

とはいえ、WordPressの投稿、ページ、サイドバーウィジェットに天気予報の更新情報を簡単に追加する方法を見ていきましょう。以下のクイックリンクを使用して、特定のステップにスキップできます。

• ステップ 1: Location Weather アカウントのインストールとセットアップ
• ステップ2：WordPressに天気予報を追加する
• ステップ3：WordPressサイトに天気予報を表示する
• WordPressサイトを強化するための専門家によるヒント

ステップ 1: Location Weather アカウントのインストールとセットアップ

Location Weatherは、初心者向けのWordPress天気プラグインで、任意の固定ページまたは投稿、またはウィジェット対応エリアに毎日の予報を追加できます。このプラグインを使用すると、風速、気温、気圧、視程などを表示できます。

同じページに複数の場所の天気予報を表示することもできます。詳細については、完全なLocation Weatherレビューをご覧ください。

このガイドでは、WordPressで天気予報を表示するために必要なものがすべて含まれている無料のプラグインを使用します。複数日の予報を表示したい場合や、訪問者の位置情報を自動検出したい場合は、Location Weather Proもあります。

まず、Location Weather プラグインをインストールして有効化する必要があります。詳細については、WordPressプラグインのインストール方法に関するステップバイステップガイドをご覧ください。

Location Weatherは、OpenWeatherというオンライン気象サービスからリアルタイムの予報を取得します。OpenWeatherにアクセスするには、APIキーを作成し、それをプラグインの設定に追加する必要があります。

キーを作成するには、WordPressダッシュボードのLocation Weather » Settingsに移動します。ここで、「APIキーを取得」リンクをクリックします。

ここで、メールアドレスを入力し、パスワードを作成することで、無料のOpenWeatherMapアカウントを作成できる画面に移動します。

OpenWeatherMapアカウントにサインインしたら、ツールバーの名前をクリックし、「マイAPIキー」を選択してください。

この画面には、デフォルトのAPIキーが表示されます。

キーをコピーしてください。

次に、WordPressダッシュボードに戻り、APIキーをOpenWeather API Keyボックスに貼り付けます。

これが完了したら、「設定を保存」ボタンをクリックしてAPIキーを保存します。

ステップ2：WordPressに天気予報を追加する

これで、Location Weather » Add New に移動して、WordPressに天気予報を追加する準備ができました。

まず、天気予報のタイトルを入力します。これは、WordPressウェブサイトの天気予報の上に表示され、訪問者に表示されます。

その後、「都市名」までスクロールして、天気予報の場所を入力する必要があります。

無料版を使用しているため、「都市、国」の形式を使用する必要があります。ほとんどの場所でこれで問題なく動作するはずです。

同じ名前の場所が複数ある場合、プラグインが間違った都市を選択する可能性があります。その場合は、Location Weather Proにアップグレードし、都市ID、郵便番号、または場所の座標を入力する必要があります。

それが完了したら、Location Weatherが気温、気圧、風速に使用している単位を確認し、必要に応じて変更してください。

例えば、米国にお住まいの場合は、華氏を使用する必要があります。

次に、「表示オプション」タブを選択し、WordPressブログに表示したい情報を選びます。

これらの設定のほとんどはわかりやすいので、確認して好きなように変更できます。

デフォルトでは、Weather Locationは、予報の下に「OpenWeatherMapからの天気」というメッセージを表示します。

このテキストを非表示にしたい場合は、表示オプション画面の一番下までスクロールし、「天気表示」スイッチを無効にするためにクリックしてください。

次のタブは「スタイルオプション」で、背景色とWordPressの文字色を変更できます。

色付きの境界線を追加したり、半径を変更して角を丸くすることもできます。

天気予報のカスタマイズオプションに満足したら、「公開」ボタンをクリックしてください。

その後、天気予報プラグインが自動的に作成するショートコードをコピーします。

ステップ3：WordPressサイトに天気予報を表示する

このショートコードを、WordPressの投稿やページ、またはウィジェット対応エリアに追加できるようになりました。例えば、サイドバーにショートコードを追加すると、天気予報ウィジェットがウェブサイト全体に表示されます。

ショートコードの配置方法については、WordPressでショートコードを追加する方法とWordPressウィジェットの追加と使用方法のガイドをご覧ください。

ブロック対応のWordPressテーマを使用している場合は、フルサイトエディターを使用して、サイトの任意の領域に天気予報を追加できます。これには、標準のWordPressコンテンツエディターでは編集できない領域も含まれます。

例えば、天気予報を利用して、404エラーページのテンプレートを改善することができます。

フルサイトエディターについては、WordPressフルサイト編集の完全な初心者向けガイドで詳しく学ぶことができます。omplete beginner’s guide to WordPress full-site editing

その後、ウェブサイトにアクセスして、WordPressの天気ウィジェットが機能していることを確認できます。

WordPressサイトを強化するための専門家によるヒント

天気予報を追加する以外にも、WordPressサイトを訪問者にとってより魅力的で情報量の多いものにする方法はたくさんあります。いくつかアイデアをご紹介します：

• Sugar Calendarでシンプルなイベントカレンダーを作成する方法
• WordPressにカウントダウンタイマーウィジェットを追加する方法
• WordPressでゲーミフィケーションを使って顧客ロイヤルティを構築する方法
• Zoomミーティング＆ウェビナーをWordPressに統合する方法
• GoogleスライドプレゼンテーションをWordPressに追加する方法
• WordPress サイドバーにランダムな引用を表示する方法

このチュートリアルで、WordPressウェブサイトに天気予報を表示する方法を学べたことを願っています。また、WordPress向けの最高のGoogleマッププラグインの専門家によるおすすめや、WordPressでオーディオミュージックプレーヤーウィジェットを追加する方法に関するガイドもチェックしてみてください。

この記事が気に入ったら、WordPressのビデオチュートリアルについては、YouTubeチャンネルを購読してください。 TwitterやFacebookでもフォローできます。