世界の主要な都市の現在の時間を文字で表示するシンプルなブログパーツを作成しました。時計のブログパーツは、スタイリッシュなデザインのアナログ時計が多いのですが、今回のブログパーツは、ブログの本文に現地の時間を簡単に表示させるということで作成しています。もちろんサマータイムにも対応しています。

以下がサンプルです。

WordPress の本文にも問題なく設置できています。当サイトのブログの世界の主要な都市の時間を表示するブログパーツで試してみました。なお、WordPressではプラグインなしでも使えていますが、TinyMCEが勝手にコードを書き換ることがあるので少し注意が必要です。

簡単にどこにでも貼れるので、例えば海外旅行に行くときのブログに、現地と東京の時間を並べて貼っておくといろいろと便利だと思います。

ブログパーツをお使いになるには、現在の時間を表示させたい都市のページにいって、右サイドの下部にある以下のようなセクションそこでコードをコピーしてブログに貼るだけです。

Webwiget1

※注意!このブログパーツが表示する時間は、お使いのパソコンに内蔵されている時計で表示しているため、お使いのパソコンの時計が正常にセットされていない場合は、正常な時間の表示ができません。Time-j.net の各都市のページでは、サーバー側の時間により表示しているので、そちらで確認してください。

ブログパーツが生成する HTML は、以下のようなコードなので、CSS でデザインを変更することも可能です。

<span class="timej_label"><a href="/WorldTime/Location/America/New_York" target="_blank">
ニューヨークの時間</a>:</span>
<span id="city13" class="timej_time">5/11 (土) 4:13:30 EDT</span>

ブログパーツについての不具合、要望等がありましたら、お問い合わせのページからお願いします。