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.

Seth Smigelski

Under The Weather is a powerful yet simple plugin that displays location-specific weather forecasts on your WordPress site. Featuring a dedicated “Under The Weather Forecast” block to add and customize weather widgets directly in the WordPress editor for a seamless workflow.
With performance in mind, Under The Weather uses a server-side caching system (WordPress Transients) to minimize API calls and ensure your site remains fast. Under The Weather is completely “vanilla” on the front-end, meaning it does not rely on jQuery or any other JavaScript frameworks. Built with modern security practices, including input validation, CSRF protection, and optional rate limiting to protect your site and API quota.
This plugin is ideal for travel blogs, outdoor activity sites, or any website that needs to display weather conditions for specific locations without the bloat of heavy, multi-dependency plugins.
Key Features:
<ul>
<li>
Easy Integration: Add weather widgets in the WordPress editor by using a dedicated weather block, an <code>[under_the_weather]</code> shortcode, or by placing a simple <code><div></code> with data attributes anywhere on your site.
</li>
<li>
Beautiful Display Options: Designed to look stunning on any site. Choose from 4 different visual options:
<ul>
<li>The Default OpenWeather images</li>
<li>A Crisp Weather Icons font</li>
<li>2 Animated SVG icon sets</li>
</ul>
</li>
<li>
Styled to Match Your Site: Seamlessly fit the widget into any site design using the Light Mode for white and light backgrounds or toggle on the Dark Mode for nicely contrasted text on dark backgrounds. Apply custom hex colors to the “Weather Icons Font” with the Color Picker for a truly bespoke integration.
</li>
<li>
Fully Customizable Layouts: Choose whether the widget’s main focal point highlights the live current conditions or today’s high and low temperatures. Build out the widget to meet your goals, from a compact day-of weather widget to a full weather hub, displaying:
<ul>
<li>Extended forecasts (up to 6 days)</li>
<li>“Feels like” temperatures</li>
<li>Wind speeds and directions</li>
<li>Active weather alerts</li>
<li>Sunrise & Sunset Times</li>
</ul>
</li>
<li>
Visual Performance Report: Monitor your site’s API usage with a bar chart that displays a 7-day history of cached requests versus new calls to the OpenWeather API – a clear look at how the caching system is working to keep your site fast and your API calls low.
</li>
<li>
Smart Caching: All API calls are cached on your server, dramatically reducing calls to the OpenWeather API and speeding up page loads for all users. The plugin includes a configurable cache duration and automatically resets the forecast after midnight in the location’s timezone, ensuring your visitors always see the current day’s weather.
</li>
<li>
Fast Weather Location Lookup: An easy-to-use Coordinate Finder tool located in the settings page and the Block Editor retrieves coordinates by location name worldwide. Generates ready-to-use widget <code><div></code> code from the settings page. Automatically fill coordinates in the block editor.
</li>
<li>
Imperial & Metric Units: Display weather in Fahrenheit/mph or Celsius/kph on a per-widget basis.
</li>
</ul>
<h3>Performance First: Built for Core Web Vitals</h3>
<ul>
<li>
Page Speed Optimized: Unlike other popular weather plugins that load hundreds of kilobytes of external libraries, Under The Weather is engineered specifically for speed and SEO, using native script deferral, smart font preloading, conditional asset enqueues, and optional async CSS loading.
</li>
<li>
Zero Dependencies: While other weather plugins force your site to load heavy external libraries like jQuery, Vue.js, or Swiper.js just to show a simple forecast, Under The Weather requires exactly 1 script request, written in pure, vanilla JavaScript. This guarantees faster loading and zero risk of library conflicts.
</li>
<li>
Ultra-Lightweight Footprint: At roughly 10 KB, the JavaScript payload is up to 25x smaller than many other weather widgets for WordPress, without sacrificing features.
</li>
<li>
Zero Layout Shift (CLS): Using an intelligent, dynamic skeleton loading UI and modern CSS containment, the widget claims its vertical space immediately, preventing the page from “jumping” when the weather data arrives, and eliminating Cumulative Layout Shift (CLS) issues that can negatively impact your Core Web Vitals.
</li>
<li>
Smart Server-Side Caching: API requests to OpenWeather are handled safely by your server, not the visitor’s browser. Data is securely cached using WordPress transients to serve lightning-fast results to your visitors while drastically reducing API calls and protecting your OpenWeather quota.
</li>
</ul>
<h3>Usage</h3>
The Under The Weather plugin offers three ways to add a weather forecast: using the block editor or manually placing a <code><div></code> or shortcode.
Using the Block Editor (Recommended)
<ol>
<li>Open the post or page where you want to display the weather.</li>
<li>Click the block inserter icon (+) to add a new block.</li>
<li>Search for “Under The Weather Forecast” and add the block.</li>
<li>Configure your location using either:
<ul>
<li>Manual entry of coordinates in the block settings sidebar</li>
<li>The built-in coordinate finder that searches by location name and fills in the coordinates for you</li>
</ul>
</li>
<li>Choose your preferred units (Imperial/Fahrenheit or Metric/Celsius)</li>
<li>Publish or update your post – the weather will display automatically!</li>
</ol>
Manual Placement (Classic Editor & Themes)
To display the weather widget on a post, page, or in a template file, add a simple <code><div></code> element with the class <code>weather-widget</code> and the required data attributes.
<ul>
<li><code>data-lat</code>: The latitude for the forecast.</li>
<li><code>data-lon</code>: The longitude for the forecast.</li>
<li><code>data-location-name</code>: The city or location name you want to display as the title of the widget. (Beyond its display purpose, the ‘data-location-name’ is also used to create the shared cache key).</li>
<li><code>data-unit</code> (optional): The unit system for temperature and wind speed. Accepts <code>metric</code> or <code>imperial</code>. The default unit is <code>imperial</code> if not provided.</li>
</ul>
Examples:
<pre><code> <div class="weather-widget" 
 data-lat="34.1186" 
 data-lon="-118.3004" 
 data-location-name="Los Angeles, California">
 </div>
</code></pre>
To show the weather for a location in Celsius, you would add <code>data-unit="metric"</code>:
<pre><code> <div class="weather-widget" 
 data-lat="48.8566" 
 data-lon="2.3522" 
 data-location-name="Paris, France"
 data-unit="metric">
 </div>
</code></pre>
The plugin’s JavaScript will automatically find this element and populate it with the forecast.
Using the Shortcode (Classic Editor & Widgets)
You can also display the weather by using the <code>[under_the_weather]</code> shortcode. This is ideal for the Classic Editor, text widgets, or other page builders.
Available attributes:
<ul>
<li><code>lat</code>: (Required) The latitude for the forecast.</li>
<li><code>lon</code>: (Required) The longitude for the forecast.</li>
<li><code>location_name</code>: (Required) The name to display for the location.</li>
<li><code>unit</code>: (Optional) The unit system. Accepts <code>metric</code> or <code>imperial</code>. Defaults to <code>imperial</code>.</li>
</ul>
Example: <code>[under_the_weather lat="48.8566" lon="2.3522" location_name="Paris, France" unit="metric"]</code>
<h3>Configuration</h3>
Before you begin, go to <a href="https://home.openweathermap.org/" rel="nofollow ugc">openweathermap.org</a> and sign up for an API key and register for the One Call API 3.0 subscription. Paste your API key into the Under the Weather Settings Page.
API & Cache
Cache Expiration Time: 
Use the slider to set the maximum time weather data is stored before fetching a new forecast, from 30 minutes to 8 hours.
The plugin also features a smart caching system that automatically ensures the cache expires after midnight in the location’s local timezone. This prevents showing a stale forecast from the previous day, regardless of your slider setting.
For displaying live conditions (using the Primary Display or Extra Details options), a shorter cache time of 1 or 2 hours is recommended. 
For displaying only the daily high/low, a longer cache time of 3 or 8 hours effectively reduces API calls.
Widget Display & Style
Tailor the widget to perfectly match your website’s aesthetic and your users’ needs:
Icon & Style Set: 
Pick the style that suits you best. Choose between four weather icon options: 
* Recognizable Default images (PNGs) provided by OpenWeather. 
* Sharp, modern Weather Icons fonts created by Erik Flowers. 
* Two Animated SVG icon sets (Fill and Outline) by Bas Milius. 
Note: Selecting the icon font will load an additional small CSS file.
Icon Font Color: 
Use the color picker to customize the “Weather Icons Font” set to match your theme. This setting only has a visible effect when the “Weather Icons Font” style is selected (it does not impact PNGs or SVGs). If left at the default, the icons will use the gray color specified in the plugin’s stylesheet.
Widget Mode: 
The weather widgets are designed to look good on light or dark backgrounds. Select Light Mode when displaying weather widgets on white and light backgrounds. Switch to Dark Mode to display weather widgets on black or dark backgrounds.
Primary Display: 
Select whether the main display of the widget shows the Current live temperature or Today’s Forecast (the high and low for the day).
Number of Forecast Days: 
Adjust the number of days shown in the extended forecast row, from 2 to 6 days. When set to 0 days, the widget’s forecast area disappears, leaving a compact widget showing the current day’s weather.
Extra Details: 
Selecting this option will display ‘Feels Like’ and wind (direction and speed) information beneath the primary display. This setting adds nuance to the current weather conditions display.
Sunrise & Sunset: This setting displays the local sunrise and sunset times for the location, useful for planning outdoor activities. Choose to show the times in a 12-hour (e.g., 6:30 AM) or 24-hour (e.g., 18:30) format.
Weather Alerts: When enabled, the widget will display any active severe weather alerts (e.g., thunderstorm warnings, flood advisories) issued by official authorities for the specified location. This provides critical, at-a-glance information for your visitors.
Display Timestamp: 
Indicates the time elapsed since the weather data was last updated from the source. This option helps readers see how recently the weather widget obtained its information.
Display Unit Symbol: 
Adds the unit symbol (F or C) next to the main temperature. This option lets you choose whether the widget should include the temperature unit symbol in the primary temperature display.
Advanced Settings 
Enable Cache: You can uncheck this box if you would like to use this plugin without the benefit of caching.
Enable Rate Limiting: Check this box to protect your site against excessive API requests from a single IP address. You can set the maximum number of requests per hour (default is 100). This helps prevent malicious traffic from exhausting your API quota.
Asset Loading: For the plugin to function correctly, the Load Plugin CSS and Load Plugin JavaScript boxes should normally remain checked. However, you can uncheck them if you prefer to include the plugin’s CSS and JS files as part of your theme’s own optimized assets.
If you uncheck Load Plugin JavaScript, you can load the Under The Weather scripts manually on select pages by adding the following template tag to your theme files (e.g., footer.php):
<pre><code> <?php
 if ( function_exists( 'under_the_weather_load_scripts_manually' ) ) {
 under_the_weather_load_scripts_manually(); 
 } 
 ?>
</code></pre>
For most users, simply leaving these boxes checked is the best way to use the weather widget.
Async CSS Loading: Enable this option to reduce render-blocking resources for faster initial page loading. 
 * It is recommended to leave this unchecked if your weather widget is located “above the fold” (near the top of the page) to prevent layout shifting or a flash of unstyled content. 
 * If you enable async loading, please consider adding a “min-height” rule for “.weather-widget” to your theme’s custom CSS to reserve the widget’s vertical space while the stylesheet loads. Example: <code>.weather-widget{min-height:300px}</code>
Shimmer While Loading: Enabled by default, this visual placeholder provides layout stability before the weather data arrives. Uncheck this box to instead display a clear, transparent widget area before the weather data arrives.
<h3>Coordinate Finder</h3>
Don’t know the latitude and longitude for your desired location? No problem. The Under The Weather plugin will find coordinates for you.
<h4>In the WordPress Block Editor</h4>
<ol>
<li>Add an “Under The Weather Forecast” block to your post or page. </li>
<li>Open the Block Settings</li>
<li>Click the “Find Coordinates by Name” button.</li>
<li>Type in the name of your location.</li>
<li>Press “Search.”</li>
<li>When search results appear, click on your desired location.</li>
<li>The location’s coordinates will be automatically entered into the latitude and longitude settings for the weather forecast.</li>
</ol>
<h4>In the Plugin Settings Page</h4>
<ol>
<li>Navigate to Settings > Under The Weather and click on the Coordinate Finder tab.</li>
<li>Type a location name into the search box (e.g., “Los Angeles, CA”).</li>
<li>Click the “Find Coordinates” button.</li>
<li>The tool will display the generated <code><div></code> with the correct coordinates and location name.</li>
<li>Use the “Copy Code” button to copy the ready-to-use widget HTML and paste it into a post, page, or widget.</li>
</ol>
The tool automatically saves a history of your last 5 searches, which persists between sessions. You can easily copy code from previous searches without having to look them up again.
<h3>Performance Report</h3>
The Under The Weather plugin includes a Performance Report tab on the settings page (Settings > Under The Weather > Performance Report) to provide clear insight into the plugin’s efficiency and API usage.
<ul>
<li>
Average Daily Usage: A daily average pie chart provides a snapshot of how frequently weather data is served from the cache versus making new calls to the OpenWeatherMap One Call API 3.0 (which offers a free tier of 1,000 API calls per day).
</li>
<li>
Last 7 Days of Activity: A 7-day bar chart that displays a more detailed comparison of cached hits versus new calls to the OpenWeather API. This chart includes the current day’s usage, which is not calculated into the daily average.
</li>
</ul>
The performance report demonstrates how the caching system reduces external requests and keeps your site fast. Use this report to fine-tune your Cache Expiration Time and observe the impact on your API call rate.
The report also includes a status indicator that shows whether the optional Rate Limiting feature is currently active. If rate limiting is enabled and requests are being blocked, the raw data table at the bottom of the report will log these events. This can help you identify unusual traffic patterns or potential misuse of your API key.
<h3>Credits</h3>
<ul>
<li>Weather Data: OpenWeather</li>
<li>Weather Icon Font: Weather Icons by Erik Flowers</li>
<li>Animated Weather Icons: Meteocons by Bas Milius</li>
<li>Geocoding & Map Data: Data © OpenStreetMap contributors</li>
<li>Block Icons: Phosphor</li>
</ul>
<h3>External Services</h3>
<ul>
<li>
OpenWeatherMap API: This plugin connects to the <a href="https://openweathermap.org/api" rel="nofollow ugc">OpenWeatherMap API</a> to retrieve weather forecast data. To provide weather information, the following data is sent to the service:
</li>
<li>
Location Coordinates: The latitude and longitude provided in the widget settings are sent to fetch the weather for that specific location.
</li>
<li>API Key: Your OpenWeatherMap API key is sent to authenticate the request.</li>
</ul>
Here are the links to their terms of service and privacy policy: 
* Terms of Service: <a href="https://openweather.co.uk/storage/app/media/Terms/Openweather_terms_and_conditions_of_sale.pdf" rel="nofollow ugc">https://openweather.co.uk/storage/app/media/Terms/Openweather_terms_and_conditions_of_sale.pdf</a> 
* Privacy Policy: <a href="https://openweather.co.uk/privacy-policy" rel="nofollow ugc">https://openweather.co.uk/privacy-policy</a>
<ul>
<li>Nominatim (OpenStreetMap) API: The Coordinate Finder tool sends the location name entered by the administrator to the Nominatim geocoding service to retrieve latitude and longitude coordinates.</li>
</ul>
Here is the link to their privacy policy: 
* Privacy Policy: <a href="https://osmfoundation.org/wiki/Privacy_Policy" rel="nofollow ugc">https://osmfoundation.org/wiki/Privacy_Policy</a>

Under The Weather


This weather plugin looks great on the page, has many useful options that are easily set, and you can re-set the options to try them out. There were a couple of functions I needed, though, that were not there. I contacted Seth and he agreed they were useful in the plugin, so he quickly added them. It now can work great on a dark background, and for those who want only today's weather, it will do that too. The plugin is easy to implement and easy to adjust to what you need. Definitely a 5-star plugin.






Great Plugin, Great Developer

A lightweight and customizable weather widget, powered by the OpenWeather API, that caches and presents weather data with multiple style options.

Spelhubben Weather vs Under The Weather