方法、手法

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

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

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. 方法、手法

    オートファジーとは

    参考記事:本の紹介「『空腹』こそ最強のクスリ」オートフ…

  2. 方法、手法

    ボールペンの保管方法

    絶対にやってはいけないのが、ライターやドライヤーを使用してペン先を暖め…

  3. 方法、手法

    固形石鹸を液体石鹸にしてみる

    固形石鹸をハンドソープにすれば良いだけです。固形石鹸をハンドソープに変…

  4. 方法、手法

    オリジナル洗剤でナチュラルクリーニングを始める方法

    重曹はとても有名ですよね、そのまま使用できますし、水に溶かして重曹水に…

  5. 方法、手法

    Windows10でブルーライトを100%カットする方法

    Windows10となりますが、強制的に100%ブルーライトをカットす…

  6. 方法、手法

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

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

PAGE TOP