Kenta Mattsson

This plugin displays current weather and an optional forecast. It can aggregate data from free global weather providers (Open-Meteo, SMHI, Yr/MET Norway, MET Norway Nowcast, FMI, OpenWeatherMap, and WeatherAPI.com) and compute a simple consensus. Works worldwide with excellent coverage in Europe and beyond.
<h3>License</h3>
This program is free software; you can redistribute it and/or modify it under the terms of the GNU General Public License as published by the Free Software Foundation; either version 3 of the License, or (at your option) any later version.
Full license text is included in the <code>LICENSE</code> file in the plugin root.
<h3>Feedback & Bug Reports</h3>
Feedback and bug reports can be posted here: https://github.com/K3NT4/spelhubben-weather/issues 
For common questions see the FAQ: https://github.com/K3NT4/spelhubben-weather/blob/main/Docs/FAQ.md 
For Roadmap: https://github.com/users/K3NT4/projects/2
Weather widget & block with optional map and daily forecast. Can combine Open-Meteo, SMHI, Yr/MET, MET Norway Nowcast, FMI, OpenWeatherMap, and WeatherAPI.com data.
<h3>Translations</h3>
The plugin is fully translatable and includes built-in translations for Swedish (sv_SE) and Norwegian Bokmål (nb_NO).
<h3>How to translate the plugin</h3>
Option 1: Contribute to translate.wordpress.org (recommended) 
– Visit <a href="https://translate.wordpress.org/projects/wp-plugins/spelhubben-weather/" rel="nofollow ugc">translate.wordpress.org</a> 
– Select your language and add translations via the browser interface 
– Your translations will automatically be included in future releases
Option 2: Local translation files 
If you need to add or modify translations locally:
<ol>
<li>
Generate or update the POT file (translation template): 
 <code>wp i18n make-pot . languages/spelhubben-weather.pot --slug=spelhubben-weather</code>
</li>
<li>
Create a PO file for your language (e.g., <code>spelhubben-weather-de_DE.po</code>):
<ul>
<li>Copy the <code>.pot</code> file and rename to match your locale (e.g., <code>de_DE</code>)</li>
<li>Use a translation tool like <a href="https://poedit.net/" rel="nofollow ugc">Poedit</a> or a text editor</li>
<li>Translate all strings in the PO file</li>
<li>Save the file as <code>spelhubben-weather-de_DE.po</code></li>
</ul>
</li>
<li>
Generate the MO file (compiled binary format): 
 <code>msgfmt spelhubben-weather-de_DE.po -o spelhubben-weather-de_DE.mo</code>
</li>
<li>
Place files in the plugin:
<ul>
<li>Store both <code>.po</code> and <code>.mo</code> files in <code>/languages/</code></li>
<li>If you bundle translations with the plugin, also keep generated <code>.l10n.php</code> files and block editor JSON files in sync with the PO/MO files.</li>
</ul>
</li>
<li>
Activate your translation:
<ul>
<li>Change your WordPress language to match the locale code (Settings → General → Site Language)</li>
<li>The plugin will automatically load the translated strings</li>
</ul>
</li>
</ol>
Translation file structure: 
 <code>languages/ 
 spelhubben-weather.pot (template for all translations) 
 spelhubben-weather-sv_SE.po (Swedish source text) 
 spelhubben-weather-sv_SE.mo (Swedish compiled) 
 spelhubben-weather-sv_SE.l10n.php 
 spelhubben-weather-nb_NO.po (Norwegian source text) 
 spelhubben-weather-nb_NO.mo (Norwegian compiled) 
 spelhubben-weather-nb_NO.l10n.php</code>
What gets translated: 
– All frontend strings (shortcode output, widget labels, weather descriptions, WMO codes) 
– Admin settings and UI labels 
– JavaScript strings (expand/collapse, status messages) 
– Error messages and notices
Best practices: 
– Use context clues in the POT file (<code>msgctxt</code>) to distinguish similar phrases 
– Test your translation in WordPress to ensure formatting and plurals work correctly 
– Check that translated UI aligns properly in your language (RTL vs LTR)
<h3>Older Changelog</h3>
<h4>2.0.0</h4>
<ul>
<li>FIX: Leaflet map now loads correctly on paginated, archive and guest pages where the global <code>$post</code> may be unavailable. Asset loader now scans the main query for shortcodes/blocks and enqueues Leaflet assets accordingly.</li>
<li>CHANGE: Bumped version to 2.0.0.</li>
</ul>
<h4>1.9.9</h4>
<ul>
<li>
FIX: Leaflet/map is now displayed correctly even for guests and special pages where $post is not set (fallback to get_queried_object()).
</li>
<li>
= 1.9.8 =
</li>
<li>Fixed: Fixed an issue where the Leaflet map could fail to load on live/optimized sites due to script handle conflicts with themes or other plugins.</li>
<li>Improved: Renamed Leaflet asset handles to unique, plugin-specific names to prevent collisions and ensure correct dependency resolution.</li>
<li>Improved: Removed forced defer handling for Leaflet/map scripts to avoid broken load order when caching/optimization plugins are active.</li>
<li>Improved: Improved map initialization logic to prevent infinite retry loops and reduce console spam when Leaflet isn’t available.</li>
<li>
Improved: Kept Leaflet/map assets conditionally loaded only on pages where the widget/block/shortcode is actually rendered.
</li>
<li>
= 1.9.7 =
</li>
<li>
Experimental: Tide support added for testing — opt-in feature. Adds support for WorldTides (API key), NOAA (US-only), and a configurable custom endpoint. Shortcode support via <code>extras="tides"</code> or <code>tides="1"</code>. Admin visibility can be toggled while rolling out to selected users. Responses are cached; configure TTL in Settings.
</li>
<li>
= 1.9.5 =
</li>
<li>
New: Moon phase support via <code>extras="moon"</code> and daily moon information via <code>extras="moon_daily"</code>.
</li>
<li>
= 1.9.4 =
</li>
<li>
Fixed: Wind direction cardinal calculation and arrow rotation; ensured text-domain i18n call fixed for VC integration; asset sanitization workaround for wind arrow rotation (data-deg + frontend JS).
</li>
<li>
= 1.9.3 =
</li>
<li>New: <code>wind_unit</code> override in Block inspector, Widget settings and Shortcodes Quick Builder.</li>
<li>Improved: <code>metric_knt</code> preset for metric display with knots.</li>
<li>Fixed: Wind direction arrow rotation corrected to match compass degrees.</li>
<li>Fixed: Shortcode <code>wind_unit</code> reliably overrides resolved units and renderer emits <code>data-svv-wind-unit</code> for debugging.</li>
<li>Fixed: Alert threshold comparisons now converted into display units to avoid false alerts.</li>
<li>Fixed: PHP parse error in admin page resolved.</li>
<li>Changed: Plugin version bumped to 1.9.3; readme stable tag updated.</li>
<li>= 1.9.2 =</li>
<li>New: Shortcode/Block/Widget <code>theme</code> attribute — <code>theme="auto|light|dark"</code> to force UI theme per instance (default <code>auto</code>).</li>
<li>New: Quick Builder theme selector in admin Shortcodes page; example shortcode added.</li>
<li>Improved: Renderer emits <code>data-svv-theme</code> and <code>svv-theme-<value></code> class for easier CSS targeting.</li>
<li>Improved: Frontend CSS and map styling — darker Leaflet tiles in dark theme and darker alert box styles for better contrast.</li>
<li>
Changed: Admin JS updated to include <code>theme</code> when generating shortcodes; docs updated across readmes.
</li>
<li>
= 1.9.0 =
</li>
<li>New: Weather Alerts system with smart recommendations for extreme conditions</li>
<li>New: Storm Warning alert for wind speeds exceeding 24.5 m/s</li>
<li>New: Settings Export & Import feature for easy configuration management</li>
<li>New: Performance Dashboard to track API usage, cache efficiency, and response times</li>
<li>New: Full Dark Mode support for all frontend and admin interfaces</li>
<li>New: 3 Gutenberg Block Patterns (Compact, Detailed, Forecast)</li>
<li>New: Alert toggles for Blocks, Widgets, and Shortcodes</li>
<li>New: Wind direction display (<code>wind_dir</code>) — rotated arrow + cardinal labels (optional via <code>show=wind_dir</code>)</li>
<li>New: Shortcode Quick Builder in admin Shortcodes page with selectable options, one-click copy and live preview
<ul>
<li>New: Rotating Tips panel on the Settings page with contextual admin tips (Shortcodes, Alerts, Performance)</li>
<li>New: Compact action buttons in the Tips panel for quick access to Shortcodes, Alerts and Performance</li>
<li>New: “Reset to defaults” button on the Settings page (nonce-protected) to restore plugin defaults</li>
<li>Improved: Tips text is translation-ready, rotates more slowly for readability (15s), and uses <code>aria-live</code> for accessibility</li>
</ul>
</li>
<li>Improved: <code>animate</code> attribute parsing is more tolerant (accepts <code>1</code>, <code>true</code>, <code>yes</code>, <code>on</code>)</li>
<li>Improved: Full English translation and i18n readiness (English is now the base language)</li>
<li>Improved: Refined alert thresholds based on meteorological standards</li>
</ul>
<h4>1.8.6</h4>
<ul>
<li>Fixed: Map not rendering in widgets due to missing Leaflet asset detection</li>
<li>Fixed: Block name mismatch (<code>spelhubben/weather</code> → <code>spelhubben-weather/spelhubben-weather</code>) preventing proper asset enqueuing</li>
<li>Improved: Enhanced Leaflet initialization with better timing and error handling in <code>map.js</code></li>
<li>Improved: Added widget detection in asset loading logic using <code>is_active_widget()</code></li>
<li>Improved: Added fallback height (<code>height: 240px;</code>) to <code>.svv-map</code> CSS class for better Leaflet container sizing</li>
<li>Improved: Better error reporting and retry logic in map initialization with Leaflet availability checks</li>
</ul>
<h4>1.8.5</h4>
<ul>
<li>Performance: Conditional Leaflet asset loading — only loads when shortcode or Gutenberg block is present on the page.</li>
<li>Fix: Added <code>.htaccess</code> files to prevent WordPress rewrite rules from interfering with static assets.</li>
<li>Fix: Ensure correct MIME types for CSS and JS files to prevent browser strict MIME checking warnings.</li>
<li>UX: Eliminates unnecessary 404 errors on pages without weather widget.</li>
</ul>
<h4>1.8.4</h4>
<ul>
<li>Maintenance: Added centralized configuration constants file (<code>includes/constants.php</code>) for improved code maintainability and reduced magic numbers.</li>
<li>Performance: Settings page now loads 6-30x faster with lazy-loaded WP.org plugin showcase via AJAX.</li>
<li>Fix: Fixed memory leaks from uncleanup event listeners in admin interface with proper cleanup handlers.</li>
<li>Fix: Fixed WMO weather code duplication—fog (codes 45, 48) now displays correctly instead of showing cloud icon.</li>
<li>Fix: Fixed geocoding cache to include API language, ensuring proper locale-specific results for multi-language sites.</li>
<li>Fix: Fixed widget null-safety with null-coalesce operators to prevent PHP Notices.</li>
<li>Fix: Standardized API error handling with consistent response validation across all providers.</li>
<li>Fix: Fixed syntax error in WP.org plugin showcase API call (missing closing parenthesis).</li>
<li>Compliance: Verified full WordPress Consent API and GDPR compliance—no cookies, no tracking, no personal data collection.</li>
<li>Code Quality: Debounce timeout optimized (400ms → 600ms) reducing AJAX traffic by 50% during live preview.</li>
<li>Documentation: Comprehensive audit and testing guides included for developers.</li>
</ul>
<h4>1.8.3</h4>
<ul>
<li>Version bump for production release.</li>
</ul>
<h4>1.8.2</h4>
<ul>
<li>Fix: WordPress naming convention compliance – all global functions and variables now use proper <code>sv_vader_</code> prefix.</li>
<li>Fix: Corrected asset paths for Leaflet library (vendor directory structure).</li>
<li>Tech: Code review and standards compliance (no breaking changes).</li>
<li>Tested up to: WordPress 6.9</li>
</ul>
<h4>1.8.1</h4>
<ul>
<li>New: 3 selectable icon themes: Classic, Modern Flat, and Modern Gradient (set in Settings → Icon style).</li>
<li>Performance: Optimized icon rendering with static variable caching for icon style preference (reduces repeated <code>sv_vader_get_options()</code> calls).</li>
<li>Tech: Added private helper method <code>build_icon_url()</code> to centralize icon URL logic and improve maintainability.</li>
<li>All icon themes include: sun, partly-cloudy, cloud, fog, rain, sleet, snow, thunderstorm (8 distinct weather conditions per theme).</li>
<li>Updated README and readme.txt with icon theme documentation and admin settings guide.</li>
</ul>
<h4>1.8.0</h4>
<ul>
<li>BREAKING CHANGE: Removed legacy <code>[sv_vader …]</code> shortcode. Use <code>[spelhubben_weather …]</code> exclusively.</li>
<li>New Providers: Added Open-Weathermap and Weatherapi.com for better global coverage (6 total providers).</li>
<li>New Feature: <code>comparison="1"</code> attribute shows all providers’ data side-by-side for easy comparison and debugging.</li>
<li>Performance: Fixed memory leak in map.js (persistent MutationObserver, proper ResizeObserver cleanup).</li>
<li>Performance: Added 7-day transient caching for geocoding lookups to reduce external API calls.</li>
<li>Performance: CSS containment (<code>contain: layout style paint</code>) optimizes rendering on pages with multiple weather cards.</li>
<li>Caching: Improved debounce function to prevent race conditions during window resizes.</li>
<li>Security: Fixed unsafe XML parsing in FMI provider (now uses <code>LIBXML_NOCDATA</code> flag with proper error handling).</li>
<li>Feature: New plugin showcase on settings page displaying other Spelhubben plugins (grid layout, auto-fetches from WordPress.org).</li>
<li>UX: Plugin showcase auto-excludes Spelhubben Weather itself to avoid redundancy.</li>
<li>Tested up to: WordPress 6.8+</li>
</ul>
<h4>1.7.5</h4>
<ul>
<li>Tested up to: 6.9</li>
<li>New: FMI (Finnish Meteorological Institute) as a free, optional provider (t2m, ws_10min, r_1h, n_man via WFS). Toggle in Settings → Providers and via <code>providers="…"</code> in block/shortcode/widget.</li>
<li>Shortcodes/Blocks: <code>providers</code> now accepts <code>fmi</code>.</li>
<li>Docs: Updated examples and FAQ to include FMI.</li>
</ul>
<h4>1.7.0</h4>
<ul>
<li>New: Shortcodes admin page with searchable examples, one-click copy & copy all.</li>
<li>New: Live preview inside WP-admin (sandboxed iframe) that renders shortcodes and loads front assets (Leaflet, widget CSS/JS).</li>
<li>New: Units & format settings (preset + overrides: temp/wind/precip units, <code>date_format</code>).</li>
<li>New: Clear cache button (transients) on settings page.</li>
<li>New: Translations included: Swedish (sv_SE), Norwegian (nb_NO), English (en_US).</li>
<li>UX: Unified light card design across admin pages.</li>
<li>Tech: Robust admin enqueue with cache-busting via <code>filemtime</code>.</li>
<li>i18n: All admin strings localized (including JS: expand/collapse, statuses).</li>
<li>Docs: Marked legacy shortcode as deprecated – will be removed soon.</li>
</ul>
<h4>1.6.2</h4>
<ul>
<li>Minor fixes and readme updates.</li>
</ul>
<h4>1.6.1</h4>
<ul>
<li>Version bump for WordPress.org sync. No functional changes.</li>
</ul>

Spelhubben Weather

Weather widget, Gutenberg block and shortcode with hourly forecasts, smart local maps and multi-provider forecasts.

adminbergtourentipptirol

<h4>GENERAL</h4>
The weather data for this widget will be retrieved from the <a href="https://openweathermap.org/api" rel="nofollow ugc">OpenWeatherMap API</a> with your own API key.
<h4>OPENWEATHERMAP API</h4>
⚠️ Important Note: OpenWeatherMap has transitioned from version One Call API 2.5 to the new One Call API 3.0. 
As of now, usage of the API is no longer possible without adding valid billing information (e.g. a credit card) to your OpenWeatherMap account – even for the free tier.
This means that the Weather Widget will not work anymore unless: 
– you switch to the new One Call 3.0 API, and 
– you have a valid payment method on file in your OpenWeatherMap account.
🔒 Recommendation: 
To avoid unexpected charges, it is highly recommended to set a billing cap / usage limit in your OpenWeatherMap account under <a href="https://home.openweathermap.org/plans" rel="nofollow ugc">Billing Plans</a> after adding a payment method.
For pricing details and limits, visit: <a href="https://openweathermap.org/price" rel="nofollow ugc">Pricing – OpenWeatherMap</a>
<h4>INPUT DATA</h4>
You can show the weather for a CITY (input data: city name) or for specific COORDINATES (input data: latitude & longitude coordinates) in the widget.
<h4>PLACEMENT/SHORTCODE</h4>
The weather widget can be implemented in a page, a post or into the widget area with the help of the shortcode [weather_forecast_widget]. Furthermore you´ll be able to pass different attributes to each shortcode to override your settings for this widget placement (e.g. manage widget title with an shortcode attribute).
<h4>TEMPLATES</h4>
Currently you can choose 3 templates for the widget. 
* Template 1 
 * Current day´s weather with a weather forecast for the next 3 days 
* Template 2 
 * Template 2 uses Bootstrap! 
 * Current day´s weather with an hourly weather forecast and a weather forecast for the next 3 days 
* Template 3 
 * Template 3 uses Bootstrap! 
 * Weather for the current day and for the next 7 days, each with an hourly weather forecast and a weather forecast for the next 3 days 
* Alert Template 1 
 * Alert Template 1 uses Bootstrap! 
 * Active weather alerts
<h4>BACKGROUND IMAGE</h4>
For this widget, you´ll be able to choose your own background image. Either you set a static background image in the widget settings or you choose the dynamic variant (thumbnail of the page/post, where the shortcode is placed) will be used as a background image.
<h4>WEATHER DATA</h4>
In addition to the daily weather forecast, an hourly weather forecast can also be displayed in the widget. Both the daily and hourly weather forecast can be collapsed.
<h4>WEATHER ALERTS</h4>
The weather widget also shows weather alerts. These alerts are dismissable.
<h4>WEATHER ICONS</h4>
In the widget you´ll find awesome and beautiful weather icons. In the plugins settings page you can choose which weather icons you want to use for the widget. 
* Animated Icons Filled 
* Animated Icons Not Filled 
* Static Icons
<h4>LAZY LOADING</h4>
You have the possibility to load the widget with lazy loading (ajax) to load the data only when necessary.
<h4>CACHING</h4>
Nowadays caching is an important topic. This weather forecast widget makes it possible to cache the received weather data for the next visitor, who will visit your website page/post next time. You´ll be able to set your desired caching time in the settings (caching time possible up to 1 hour => this should ensure that the weather data in the widget is as current as possible). With this caching possibility you´ll also save API calls.
<h4>SHORTCODE EXAMPLES</h4>
<ul>
<li>Retrieve weather data for a city
<ul>
<li>[weather_forecast_widget city=”Kufstein”]</li>
</ul>
</li>
<li>Retrieve weather data for a city and show city name as title text
<ul>
<li>[weather_forecast_widget city=”Kufstein” title_cityname=”X”]</li>
</ul>
</li>
<li>Retrieve weather data for specific coordinates
<ul>
<li>[weather_forecast_widget lat=”47.5824″ lon=”12.1627″]</li>
</ul>
</li>
<li>Retrieve weather data for specific coordinates and show “Weather for Weather Widget” as title text
<ul>
<li>[weather_forecast_widget lat=”47.5824″ lon=”12.1627″ title_overwrite=”Weather for Weather Widget”]</li>
</ul>
</li>
<li>Retrieve weather data with lazy loading and template 3 for specific coordinates and expand the hourly and daily forecast initially
<ul>
<li>[weather_forecast_widget lazy_loading=”X” template=”3″ hourly_forecast=”show” daily_forecast=”show” lat=”47.5824″ lon=”12.1627″]</li>
</ul>
</li>
<li>Retrieve weather alerts with lazy loading and alert template 1 for specific coordinates and expand the weather alerts initially
<ul>
<li>[weather_forecast_widget lazy_loading=”X” template=”alert_1″ alerts=”show” lat=”47.5824″ lon=”12.1627″ max_width=”500px”]</li>
</ul>
</li>
</ul>
<h4>SETTINGS</h4>
<ul>
<li>Input box for your OPEN WEATHER MAP API key (the api key will be tested for validity while saving!)</li>
<li>Dropdown box to choose if caching of the weather data is necessary and if yes, which CACHE TIME should be used.</li>
<li>Media uploader/selector to choose a BACKGROUND IMAGE for the widget (optional – otherwise the page/post thumbnail will be used)</li>
<li>Radiobuttons to select the WIDGET TITLE TEXT, which will be displayed in the widget. This setting will be used as a default if nothing else will be passed in the shortcode. If you´ll pass title_cityname or title_overwrite as a shortcode attribute, this attribute will be processed in the widget output.</li>
<li>Dropdown to choose the POST META FIELD for the title text, if you selected the readio button “Post Meta Field (choose one of the dropdown below)“</li>
<li>Choose, which WEATHER VALUES should be shown in the widget</li>
<li>Choose, which UNITS should be used to display the weather values</li>
<li>Choose, which WEATHER ICONS should be used for the widget</li>
</ul>
<h4>TRANSLATIONS</h4>
<ul>
<li>German – adminbergtourentipptirol</li>
</ul>
<h3>Credits</h3>
<ul>
<li>Static Weather Icons provided from <a href="https://github.com/erikflowers/weather-icons" rel="nofollow ugc">Erik Flowers Weather Icons</a></li>
<li>Animated Weather Icons provided from <a href="https://github.com/basmilius/weather-icons" rel="nofollow ugc">Basmilius Weather Icons</a></li>
</ul>

Weather Forecast Widget

"Weather Forecast Widget" displays current weather and hourly/daily forecasts in a widget using a shortcode.

Spelhubben Weather vs Weather Forecast Widget