アウトドア天気.jpとは

soto image — アウトドア天気.jpは、アウトドアレジャー、スポーツアクティビティに特化した天気情報メディアです。キャンプ、登山、BBQ、釣り、フェス、ドライブといった外で遊ぶ人のために現地の気になる天気をお届けします。全国のエリア天気を視覚的に見やすくまとめ「週末どこ行こう？」をサポートする情報が満載です。

国内最大280,000箇所以上のアクティビティスポットの最新天気予報
最大14日間の天気予報を時系列で確認できる
1時間ごとの「今日の天気」「明日の天気」が一目でわかりやすい
縦型、横型と表示の切り替え機能で好みにカスタマイズ可能

天気予報ウィジェット設置方法

設置はとってもカンタン！たったの3ステップで完了。
コードを貼り付けるだけで、今日/明日の天気/気温/風速が自動表示されます。

STEP 1 表示したいスポットを選ぶ

🔍クリックして画像拡大

表示したいスポットの天気予報ページを開き、ページ下部にある「このスポットの天気予報を埋め込む」ボタンをクリックしてください。天気予報ウィジェット（表示ツール）の設定方法ページへ移動しますので、STEP2、STEP3へとお進みいただき、設定方法をご確認ください。
STEP 2 デザインを選ぶ

🔍クリックして画像拡大

カンタンに設置できるマルチデバイス対応型、カスタマイズ可能なデバイス固定型まで様々なデザインのウィジェットをご用意しています。ご自身のサイトに適したウィジェットサイズやカラーを選んで、設置場所にぴったりの表示をお選びください。
STEP 3 表示されたコードをコピーして貼り付け

🔍クリックして画像拡大

ご自身のサイトに合ったウィジェットデザインが決まったら、該当デザイン内にある「埋め込みコードを表示」ボタンをクリックしてください。生成されたHTMLコード（JavaScript）が発行されますので、コピーして、表示したい場所に貼り付ければ設置完了です。

*以下のような場所に簡単に設置できます*
・WordPressの「カスタムHTML」ウィジェット
・記事ページ内のHTMLエリア
・サイドバーや記事下など

天気予報ウィジェットデザイン

カンタンに設置したい方にオススメ！

【マルチデバイス対応型】

ご自身でのカスタマイズが不要な、簡単に設置できるウィジェットデザインです。
ディスプレイの幅に応じてデザインが自動的にA⇔Bへ切り替わるため、レスポンシブ対応も万全。
幅広いデバイスで美しく表示される、おすすめのウィジェットです。

※下記コードをコピーしてあなたのサイトに貼り付けてください。

<div><script src="https://www.sototenki.jp/widget/widget.php?id=281&auto=1"></script><div id="COURSE_WRAPPER"><div class="COURSE_WIDGET"><div id="COURSE_WIDGET_AUTO"></div></div></div><script>render_widget('COURSE_WIDGET_AUTO', 'COURSE_WRAPPER', 580);</script></div>

※下記コードをコピーしてあなたのサイトに貼り付けてください。

<div><script src="https://www.sototenki.jp/widget/widget.php?id=281&auto=1"></script><div id="COURSE_WRAPPER"><div class="COURSE_WIDGET light"><div id="COURSE_WIDGET_AUTO"></div></div></div><script>render_widget('COURSE_WIDGET_AUTO', 'COURSE_WRAPPER', 580);</script></div>

【デザイン固定型】

ご自身でカスタマイズできる、3パターンのウィジェットデザインをご用意しました。
PC・スマートフォンでページを分けているサイトや、複数サイトで表示を切り替えたい場合にも柔軟に対応可能です。
サイトの横幅に応じて自動的にサイズが調整されるため、デザインの一体感も保てます。

デフォルトカラー
ライトカラー

design A PCサイトに適した横型ビッグスタイル（580px～800px）

※下記コードをコピーしてあなたのサイトに貼り付けてください。

<div><script src="https://www.sototenki.jp/widget/widget.php?id=281&type=2&hour=1"></script><div id="COURSE_WIDGET_2" class="COURSE_WIDGET"><div id="COURSE_WIDGET"></div></div><script>render_widget2('COURSE_WIDGET');</script></div>

※下記コードをコピーしてあなたのサイトに貼り付けてください。

<div><script src="https://www.sototenki.jp/widget/widget.php?id=281&type=2&hour=1"></script><div id="COURSE_WIDGET_2" class="COURSE_WIDGET light"><div id="COURSE_WIDGET"></div></div><script>render_widget2('COURSE_WIDGET');</script></div>

design B スマホ表示にも適したスタイル（350px～500px）

※下記コードをコピーしてあなたのサイトに貼り付けてください。

<div><script src="https://www.sototenki.jp/widget/widget.php?id=281"></script><div id="COURSE_WIDGET_1" class="COURSE_WIDGET"><div id="COURSE_WIDGET"></div></div><script>render_widget1('COURSE_WIDGET');</script></div>

※下記コードをコピーしてあなたのサイトに貼り付けてください。

<div><script src="https://www.sototenki.jp/widget/widget.php?id=281"></script><div id="COURSE_WIDGET_1" class="COURSE_WIDGET light"><div id="COURSE_WIDGET"></div></div><script>render_widget1('COURSE_WIDGET');</script></div>

design C サイドカラム向けの縦長スタイル（250px～450px）

※下記コードをコピーしてあなたのサイトに貼り付けてください。

<div><script src="https://www.sototenki.jp/widget/widget.php?id=281&type=3&hour=3"></script><div id="COURSE_WIDGET_3" class="COURSE_WIDGET"><div id="COURSE_WIDGET"></div></div><script>render_widget3('COURSE_WIDGET');</script></div>

※下記コードをコピーしてあなたのサイトに貼り付けてください。

<div><script src="https://www.sototenki.jp/widget/widget.php?id=281&type=3&hour=3"></script><div id="COURSE_WIDGET_3" class="COURSE_WIDGET light"><div id="COURSE_WIDGET"></div></div><script>render_widget3('COURSE_WIDGET');</script></div>

よくある質問（Q&A）

Q.無料ですか？

A.完全無料でお使いいただけます。登録も不要です。

Q.スマホにも対応していますか？

A.レスポンシブ対応でスマホ・タブレットでも見やすく表示されます。

Q.JavaScriptを使えない環境でも表示できますか？

A.現状、JavaScript環境のみのご対応となります。

Q.表示される情報は何ですか？

A.アウトドアレジャーに欠かせない情報が一目で確認ができます。
表示させたい場所の「今日/明日/週間」の天気／気温/風速が表示されます。

まずはお気軽にお問い合わせください！

まずはお気軽に
お問い合わせください！

弊社の運営する「外で遊ぼう！」アウトドアニュースへの情報掲載についてご相談、ウィジェットに関するご不明点・ご要望がございましたら、以下のボタンよりお問い合わせください。
*いただいた内容はすべて掲載をお約束するものではありません。あらかじめご了承ください。