WordPress.comに天気予報を貼る

WordPress.comに天気予報を貼る方法についての覚書です。


以下のウェブサイトの天気予報をWordPress.comに貼ることができます。

まず、右上の方にある検索欄に都市名と国名をコンマで区切って入力します。例えば、札幌市の天気予報を表示したい時には、「Sapporo, Japan」と入力します。

weather01

「Get Weather」をクリック。

weather02

すると、該当する都市があった場合には、以下のように表示されます。もし、表示されなかった場合は、その近くにある別の都市名を入力して、再チャレンジします。

weather03

温度の単位を「°C」に設定し、

weather04

「Get Web Widget」をクリックすると、

weather05

天気予報が2つ表示されます。

weather06

ここでは、左側のHTMLタグをコピーし、

weather07

エディタ等に一旦、貼り付けます。

weather08

記事「Widgets for wp.com blogs: 5 – weather « wordpress tips」より、一番上にあるコードをコピー&ペーストし、

weather10

都市番号の部分を入れ替え、

weather09

コピーし、

weather12

WordPress.comへ移り、「外観」→「ウィジェット」をクリックし、

weather13

テキストウィジェットを

weather14

右側の欄に貼り付け、

weather15

テキストウィジェットに

weather16

天気予報のHTMLコードを貼り付け、

weather17

「保存」をクリックすると、

weather18

天気予報がWordPress.comのサイドバーへ貼り付けられます。

weather19

もし、うまくいかないときは、「wmode=”transparent”」を削除してみてください。うまくいく場合があります。

 

以下に詳細を記入するか、アイコンをクリックしてログインしてください。

WordPress.com ロゴ

WordPress.com アカウントを使ってコメントしています。 ログアウト / 変更 )

Twitter 画像

Twitter アカウントを使ってコメントしています。 ログアウト / 変更 )

Facebook の写真

Facebook アカウントを使ってコメントしています。 ログアウト / 変更 )

%s と連携中