方法、手法

ブログに全国の天気予報を貼り付ける方法

ブログに全国の天気予報を貼り付ける方法

WordPressのプラグイン(Weather in Japan)

WordPressでは、プラグインを使う方法が一般的ですが、この場合だと地域ごとにしか表示させることができません。
例えば、こんな感じです。

複数地域を掲載すると大変なことになります。

ブログに天気予報を貼り付ける目的は、ユーザビリティの向上が目的。
であれば地域に限定したブログ以外のブログでは全国の天気予報を表示しているか、ユーザーが地域を指定できる天気予報でないとその空間は無駄でしかなくなります。
なので私からは別の方法を提案します。

ブログパーツを使用する

お気に入りの天気予報のページをよく見てみると「ブログパーツ」を提供していることがあります。
この「ブログパーツ」を見つけることが出来れば、それをブログに貼り付けるだけで完了なんです。
ブログパーツとは、天気予報を表示させるためのタグで、テキスト形式の場所にコピペすれば良いことになります。

おすすめの天気予報ブログパーツ

「一番当たる天気予報」として、私が普段活用している天気予報のページにブログパーツがありましたので、タグを貼っておきます。

下記の文字をそのままウィジェットのテキストにコピペすればOK!

<!–ウェザーニュースブログパーツ–>
<div id=”weathernews_blog_parts”></div><script type=”text/javascript”>document.write(‘<scr’ + ‘ipt type=”text/javascript” src=”http://weathernews.jp/blog/js/blog.js?’ + (new Date().valueOf()) + ‘”></scr’ + ‘ipt>’);</script><script type=”text/javascript”>// <![CDATA[
wni_blog(‘blog/forecast:centeredOn=0’,200,0,true);// ]]></script>

この他にも、カスタムして貼り付けすることが出来ますので、リンクを貼っておきます。
引用元
http://weathernews.jp/blogparts/
天気予報なんてありふれた情報ではなく美容に関する予報も兼ねたものまで。

下記の文字をそのままウィジェットのテキストにコピペすればOK!

<script src=”http://apps.contents-pocket.net/widgets/beauty/widget.js”></script><script>new ContentsPocketWidget.BeautyComment().start();</script>

引用元
http://contents-pocket.net/blogparts.html

WordPressでの設置方法

特に難しい内容ではありませんが、せっかくの情報が実行できなければいけませんので設置方法を解説しておきます。
これは広告やアンケートなどどんなものでも、タグさえあれば同じように対応することが可能ですので参考にしてください。
サイドバーでもフッターでもどこでもいいですが、今回はフッターに設置します。
外観 → ウィジェット を選択します。

任意のテキストウィジェットを設置したいポジションにドラック&ドロップします。

任意のテキストウィジェットを開いて、テキストシートを選択します。
ビジュアルシートだと、タグがタグのまま表示されますので注意してください。

これで保存をクリックすれば設置は完了となります。
とても便利な情報ですからスペースがあれば是非設置して置いて下さい。


follow us in feedly

ブログ記事を応援してくれる方はポチッっと下のボタンを押してね

そして、この記事をツイッター投稿してくれるなら下のボタンを押してね

突然獅子舞が家に乱入してきたら前のページ

ガス給湯器は追いだき機能が無いタイプがおすすめ次のページ

関連記事

  1. 方法、手法

    YouTube動画の埋め込みサイズを最適化する方法

    パソコンでは、画面が大きいため、不具合はわからないのですが、スマホだと…

  2. 方法、手法

    しゃっくりを止める方法

    4.飲み物を口に含んだ状態で10秒カウント5.カウント終了後、吸いとっ…

  3. 方法、手法

    あずき枕の作り方!小豆の不思議な効能も紹介

    あずきが水分を多く含む豆だから、加熱すると、その水分が温かい水蒸気とな…

  4. 方法、手法

    エアコンに頼らず家を涼しくする方法 通風編

    ついつい、暑いときは、窓を全開にしたくなる気持ちになりますが、1/4ぐ…

  5. 方法、手法

    特定ページを個別に、記憶したIDやパスワードを削除する方法

    特定したページのみで、記憶したIDやパスワードを削除する方法…

  6. 方法、手法

    EWWW Image Optimizerでブログの画像容量を減らしてみた。

    「なんや、全然効果がないやん!」って言われそうですが、あえて記事にした…

PAGE TOP