Webサイト埋め込みツール

Webサイト用無料リアルタイム世界時計ウィジェット

ブログ、コーポレートサイト、社内ポータルに洗練されたレスポンシブ世界時計を追加。テーマを選んでiframeを貼るだけで即座に導入できます。

リアルタイムプレビュー280 × 190px
このHTMLスニペットをWebサイト、ブログ、またはCMSテンプレートに貼り付けてください。
埋め込みコード:
<iframe src="https://worldclock.info/embed?type=clock&city=istanbul&lang=ja" width="280" height="190" frameborder="0" loading="lazy" style="border:none;border-radius:12px;overflow:hidden;" title="世界時計"></iframe>
<div style="text-align:center;font-size:11px;color:#888;margin-top:4px;"><a href="https://worldclock.info/ja/city/istanbul" target="_blank" rel="noopener" style="color:#666;text-decoration:none;">世界時計 by WorldClock.info</a></div>

Webサイトに世界時計を設置するメリット

⚡ 完全メンテナンスフリー

常に正確。時刻やサマータイムの切り替えは世界標準のタイムサーバーから自動的に更新されます。

🎨 軽量で高速な読み込み

15kB以下の軽量iframeと遅延読み込み(lazy loading)により、Core Web Vitalsに一切悪影響を与えません。

🔒 レスポンシブ&テーマカスタマイズ

スマートフォン、タブレット、PCに対応。明るいライト、落ち着いたダーク、背景に馴染む透明モードを選択可能。

Webサイトへの設置方法

WordPress

ブロックエディタで「カスタムHTML」ブロックを追加し、コードを貼り付けます。

Wix / Squarespace

「コード埋め込み(Embed HTML)」要素をページに追加してコードを貼り付けます。

Shopify / Webflow

テーマエディタで Custom Liquid または Custom Code セクションを追加して公開します。

よくあるご質問

世界時計ウィジェットは本当に無料ですか?

はい。個人ブログから法人サイトまで、登録不要・APIキー不要で100%完全無料でご利用いただけます。

ウィジェットによってサイトの表示速度は低下しませんか?

いいえ。サイズは15kB未満と極小で、loading="lazy"属性と非同期処理により高速表示を維持します。

WordPressやWixにどのように設置しますか?

WordPressでは「カスタムHTML」ブロックを、Wixでは「埋め込みコード」>「HTMLを埋め込み」をご使用ください。

サマータイムは自動で調整されますか?

はい。国際基準のIANAタイムゾーン規則に基づいて動的に自動反映されます。