SeaTempMap Live Sea Temperature Widget
| 开发者 | fen0m |
|---|---|
| 更新时间 | 2026年8月15日 03:10 |
| PHP版本: | 7.4 及以上 |
| WordPress版本: | 7.0 |
| 版权: | GPLv2 or later |
| 版权网址: | 版权信息 |
详情介绍:
- 174 beaches and coastal cities worldwide
- Celsius or Fahrenheit
- Light, dark, or automatic to match the visitor's system
- Speaks 30 languages, following your page's
langattribute by default - Full card (sea, air, weather, UV) or a compact sea-only card
- Drop shadow on or off, so the card suits a flat design as well as a layered one
- Block editor block, and a
[seatempmap]shortcode for classic themes and page builders - Updates itself while the page is open. Nothing to maintain
- No account, no API key, no cost
[seatempmap dest="hvar"]
Attributes: dest (required, the beach id), units (c or f), theme (auto, light, dark), show (both or sea), shadow (on or off), lang (a language code, or leave empty to follow your page).
Preview every option and find beach ids at seatempmap.com/embed.
安装:
- Install and activate the plugin.
- Edit a page or post and add the Live Sea Temperature block, or place the
[seatempmap dest="..."]shortcode. - Pick your beach. That is all.
屏幕截图:
常见问题:
My beach is not in the list.
The list covers 174 beaches and coastal cities. If yours is missing, write to hello@seatempmap.com and say which one.
Does it slow my site down?
The script loads asynchronously and only on pages that actually contain a widget. It has no dependencies and does not load jQuery, fonts or a framework.
Will it match my theme?
By default it reads the background behind it and picks a light or dark card to fit. You can force light or dark instead.
Can I use it more than once on a page?
Yes. Each card is independent, and the script is loaded once regardless of how many you place.
Does it work with page builders and classic themes?
Yes, through the shortcode. Any builder with a shortcode or raw HTML element can host it.
Where does the data come from?
Sea temperature comes from NASA satellite measurements; weather and UV come from forecast models. The reading is taken at the swimming area near each beach rather than in open water, which is usually a degree or two different.
Does the widget link to your site?
Yes, and only from inside the card itself. The card shows "SeaTempMap.com" and links to the beach page it is showing, the same way an embedded map or video links back to its source. That link is the attribution for the data.
Nothing is added anywhere else on your site. There is no footer credit, no "powered by" line, and no link outside the widget you placed. Remove the widget and every trace of it is gone.
For the curious: the markup contains that link as a plain <a> before the card renders over it. It is the fallback a visitor sees if JavaScript is off or the service is unreachable, so the card never collapses into an empty box.
Does it collect anything about my visitors?
No. There are no cookies, no tracking pixel and no analytics. The card requests a temperature and draws it.
更新日志:
- The block now shows the real, live card in the editor — the same one your visitors get, with the current temperature in it — instead of a stand-in. Change a setting and it repaints as you watch. If the card script cannot be reached, the stand-in still appears. Editor only; published pages are unchanged.
- The block now stands in for the card at the size it will render, instead of drawing a large empty box once a beach was chosen. Editor only; published pages are unchanged.
- Fixed: the block did not appear in the inserter. Its editor script was registered without its WordPress dependencies, so it ran before the editor was ready and stopped. The shortcode was unaffected.
- New
shadowoption (block setting and shortcode attribute) turns the card's drop shadow off for flat page designs. The glass surface and its edge are unchanged. - Cards placed before this release are unaffected: without the attribute the markup is identical to 1.0.0.
- First release.