Title: Elio Blocks Author: Alexandre Buffet Published: October 26, 2026 Last modified: October 27, 2026 --- Search plugins ![](https://ps.w.org/elio-blocks/assets/banner-772x250.png?rev=3766173) ![](https://ps.w.org/elio-blocks/assets/icon-256x256.png?rev=3766173) # Elio Blocks By [Alexandre Buffet](https://profiles.wordpress.org/alexandrebuffet/) [Download](https://downloads.wordpress.org/plugin/elio-blocks.1.0.0.zip) [Live Preview](https://wordpress.org/plugins/elio-blocks/?preview=1) * [Details](https://wordpress.org/plugins/elio-blocks/#description) * [Reviews](https://wordpress.org/plugins/elio-blocks/#reviews) * [Installation](https://wordpress.org/plugins/elio-blocks/#installation) * [Development](https://wordpress.org/plugins/elio-blocks/#developers) [Support](https://wordpress.org/support/plugin/elio-blocks/) ## Description Elio Blocks brings the weather to the Block Editor the way WordPress would have built it: with blocks that look, feel and behave like the ones you already use every day. Insert the Weather block, start typing a city and pick it among the suggestions: the live forecast shows up right in the editor. Publish, and see if the sun shines! ☀️ No coding required. No widgets, no shortcodes, no iframe either. Try it live on the [Elio Blocks website](https://alexandrebuffet.github.io/elio-blocks/), and read the [handbook](https://alexandrebuffet.github.io/elio-blocks/docs/) to go further: every block, and how to add a weather provider or an icon collection from your own code. #### Feels native, because it is * **Blocks all the way down.** The Weather block works like the Query Loop: it gets the forecast of its location and passes it on to everything nested inside. Temperature, humidity, wind, UV index, sunrise and sunset, condition icon, time of the last update and more are each a block of their own: add them, remove them, reorder them, nest them in rows, columns or groups, straight from the canvas or the List View. * **A full set of weather icons.** 92 icons cover every condition, by day and by night, with a line width and a color you set like any other block. Use another collection for the whole site, a single report or one icon, and on WordPress 7.1 find them in the Icon block too. * **Forecast lists built like a Post Template.** Lay out one hour or one day with the blocks of your choice: the Forecast Template repeats that row for each hour or day, the way the Post Template repeats a post. * **Start from a layout.** Pick one of the ready-made variations (Default, Minimal, Hourly Forecast, Daily Forecast), or start blank and build your own. * **Every design tool you expect.** Colors, typography, spacing, borders and layout come from the standard block supports, so they appear in the same panels as those of core blocks, follow your theme’s presets, and can be set for the whole site in `theme.json` or the Styles of the Site Editor. * **Your site’s settings, respected.** Dates and times use your site’s language and date formats, in the timezone of the location. Units are metric or imperial, site-wide or per block. * **What you see is what you get.** The editor shows the real forecast of your location, styled as it will be on your site. * **Open to developers.** Other weather data providers and icon collections can be registered from PHP, with the same functions the plugin uses for its own. #### Fast and up to date on the front end Blocks are rendered on the server, so the weather is in the page from the first byte. Then the Interactivity API, the front-end framework of WordPress itself, keeps the data fresh in your visitors’ browsers without reloading the page. No jQuery, no heavy scripts: condition icons are shared across the page and forecast data is cached on your server. Weather data and location search are provided by the Open-Meteo API. See the External services section below for what is sent to it and when. #### Source code The scripts and styles in the `build` folder of the plugin are compiled. Their human- readable sources (the `src` folder) and the configuration of the build tools are public on GitHub, where the plugin is developed: [https://github.com/alexandrebuffet/elio-blocks](https://github.com/alexandrebuffet/elio-blocks) To build the plugin from its sources, with Node.js 22 and Composer: 1. `git clone https://github.com/alexandrebuffet/elio-blocks.git` 2. `cd elio-blocks` 3. `composer install` 4. `npm install` 5. `npm run build` The build uses `@wordpress/scripts` (webpack), the build tool of WordPress itself. See the README of the repository for every command. ### External services This plugin relies on [Open-Meteo](https://open-meteo.com/), an open-source weather API, to get weather data and to find locations by name. The blocks cannot display any weather without it. Open-Meteo requires no account and no API key for non-commercial use. All requests are sent by your WordPress server, through the plugin’s REST API. Visitors’ browsers never contact Open-Meteo directly, so their IP address is not sent to it. Each request carries your server’s IP address and a user agent naming the plugin, its version, your site’s URL and the WordPress version, as the default WordPress user agent does. #### Open-Meteo Weather Forecast API * **Endpoint:** `https://api.open-meteo.com/v1/forecast`, or `https://customer- api.open-meteo.com/v1/forecast` once the API key of an Open-Meteo subscription is set in the plugin settings. * **Used for:** the current conditions and the hourly and daily weather forecasts of the location chosen in a Weather block. * **Data sent:** the latitude and longitude of that location (rounded to 2 decimals), the unit system (metric or imperial), the list of requested weather variables, the number of forecast days and, with a subscription, its API key. No data about your visitors or your content is sent. * **When:** when a page containing a Weather block is displayed, when the block refreshes its data, in the visitor’s browser or in the Block Editor while it is open, and when the block is edited in the Block Editor. Answers are cached in a transient, 30 minutes by default (see **Elio** in the admin menu), so Open- Meteo is only called again once the cached copy has expired, unless you turn the cache off. #### Open-Meteo Geocoding API * **Endpoint:** `https://geocoding-api.open-meteo.com/v1/search` * **Used for:** finding a location by name in the Block Editor. * **Data sent:** the text typed in the location search field and the maximum number of results. * **When:** only when a user who can edit posts searches for a location in the Block Editor. Answers are cached in a transient like weather forecasts. It is never called on the front end. #### Terms, privacy and licence The free Open-Meteo API, which this plugin uses, is for non-commercial use only and has daily request limits. Commercial use requires a paid Open-Meteo subscription. Open-Meteo weather data is licensed under CC BY 4.0: credit Open-Meteo where its data is shown. The Provider Attribution block does it at the bottom of every Weather block, (“Weather data by Open-Meteo, licensed under CC BY 4.0”, both names linked): keep it, or credit Open-Meteo elsewhere on the page if you remove it. * Open-Meteo website: [https://open-meteo.com/](https://open-meteo.com/) * Terms of use: [https://open-meteo.com/en/terms#terms](https://open-meteo.com/en/terms#terms) * Privacy policy: [https://open-meteo.com/en/terms#privacy](https://open-meteo.com/en/terms#privacy) * Data licence: [https://open-meteo.com/en/licence](https://open-meteo.com/en/licence) * Pricing for commercial use: [https://open-meteo.com/en/pricing](https://open-meteo.com/en/pricing) ### Credits The Elio icon collection is a rework inspired by [Tabler Icons](https://tabler.io/icons)( MIT License). ## Screenshots [⌊The Weather block in the Block Editor, its location set in the block sidebar.⌉⌊ The Weather block in the Block Editor, its location set in the block sidebar.⌉[ The Weather block in the Block Editor, its location set in the block sidebar. [⌊A daily forecast on the front end, in the colors of the theme.⌉⌊A daily forecast on the front end, in the colors of the theme.⌉[ A daily forecast on the front end, in the colors of the theme. [⌊Style the block with the design tools you already know: background, font, size.⌉⌊ Style the block with the design tools you already know: background, font, size.⌉[ Style the block with the design tools you already know: background, font, size. [⌊Start blank and choose a layout for the Weather block.⌉⌊Start blank and choose a layout for the Weather block.⌉[ Start blank and choose a layout for the Weather block. [⌊Locations are suggested as you type.⌉⌊Locations are suggested as you type.⌉[ Locations are suggested as you type. [⌊Three reports side by side, each laid out its own way.⌉⌊Three reports side by side, each laid out its own way.⌉[ Three reports side by side, each laid out its own way. [⌊The General section of the settings page: units and data refresh.⌉⌊The General section of the settings page: units and data refresh.⌉[ The General section of the settings page: units and data refresh. ## Blocks This plugin provides 21 blocks. * Wind Speed Display the wind speed or wind gusts. * Cloud Cover Display the cloud cover percentage. * Location Display the location name or coordinates. * Humidity Display the relative humidity. * Forecast Template Contains the blocks used to render each forecast item, like the date, condition icon, temperature, and more. * Precipitation Display the precipitation amount. * Wind Direction Display the wind direction as a cardinal point or in degrees. * Last Updated Display when the weather data was last updated. * Weather Display the current weather and forecast for a location. * Hourly Temperature Display the temperature or feels like temperature of a forecast hour. * Date & Time Display the date or time of the current conditions or of a forecast item. * Forecast Display a daily or hourly forecast. * Pressure Display the atmospheric pressure. * Sun Event Display the sunrise or sunset time. * UV Index Display the UV index. * Provider Attribution Credit the provider of the weather data, as its license requires. * Condition Icon Display an icon of the weather condition. * Precipitation Probability Display the probability of precipitation. * Daily Temperature Display the minimum or maximum temperature, or feels like temperature, of a forecast day. * Condition Description Display the weather condition description. * Temperature Display the current temperature or feels like temperature. ## Installation #### Installation from within WordPress 1. Visit **Plugins > Add New**. 2. Search for **Elio Blocks**. 3. Install and activate the Elio Blocks plugin. #### Manual installation 1. Upload the entire `elio-blocks` folder to the `/wp-content/plugins/` directory. 2. Visit **Plugins**. 3. Activate the Elio Blocks plugin. ## FAQ ### Is it free? Yes, this plugin is totally free to use. Let the sunshine in. ☀️ ### Does it require a license or an API key? No, this plugin uses the Open-Meteo API, an open-source weather API that needs no account and no API key. Its free access is for non-commercial use only: see the External services section below. For commercial use, enter the API key of an Open- Meteo subscription in the Providers section of the plugin settings. 😎 ### How does it work? The plugin adds its own REST API endpoints: one serves the weather forecast, another finds locations by name. In the Block Editor, a data store fetches the forecast and passes it to the Weather block and all its inner blocks through block context. On the front end, the blocks are rendered on the server, then the Interactivity API keeps the data up to date in the browser. ⚡️ ### Where can I find the source code? On [GitHub](https://github.com/alexandrebuffet/elio-blocks): see the Source code section of the description. ### Can I use a weather service other than Open-Meteo? Open-Meteo is the only one included for now. The plugin was built so that others can join: a developer can register a new weather data provider in PHP, exactly the way Open-Meteo is registered: the [handbook](https://alexandrebuffet.github.io/elio-blocks/docs/) shows how. ⛅️ ### Can I change the weather icons? Yes. Pick the icon collection for the whole site in the plugin settings, or for a single Weather block or icon in its sidebar. Developers can also register a collection of their own. 🌙 ### Can I customize the blocks? Yes. Like core blocks, the Weather blocks come with the standard design tools, such as colors, spacing and typography, straight from the Block Editor. Beyond that, you can style them with `theme.json`, block style variations or plain CSS. Clear skies ahead. 🌤️ ### Does it work with widgets or shortcodes? No, this plugin only provides blocks. It’s your time to shine: move from widgets and shortcodes to the Block Editor! ⛈️ ### Does it work with the Classic Editor? No, this plugin is only compatible with the Block Editor. Don’t let your website get clouded: make the switch to the Block Editor today! 🌧️ ### Can I use it with page builders? No, this plugin only works with the Block Editor. Don’t wait for the weather to change: move on to the native Block Editor! 🌈 ## Reviews There are no reviews for this plugin. ## Contributors & Developers “Elio Blocks” is open source software. The following people have contributed to this plugin. Contributors * [ Alexandre Buffet ](https://profiles.wordpress.org/alexandrebuffet/) [Translate “Elio Blocks” into your language.](https://translate.wordpress.org/projects/wp-plugins/elio-blocks) ### Interested in development? [Browse the code](https://plugins.trac.wordpress.org/browser/elio-blocks/), check out the [SVN repository](https://plugins.svn.wordpress.org/elio-blocks/), or subscribe to the [development log](https://plugins.trac.wordpress.org/log/elio-blocks/) by [RSS](https://plugins.trac.wordpress.org/log/elio-blocks/?limit=100&mode=stop_on_copy&format=rss). ## Changelog #### 1.0.0 * Public release. ## Meta * Version **1.0.0** * Last updated **4 days ago** * Active installations **Fewer than 10** * WordPress version ** 6.7 or higher ** * Tested up to **7.1.4** * PHP version ** 8.2 or higher ** * Tags * [block-editor](https://wordpress.org/plugins/tags/block-editor/)[blocks](https://wordpress.org/plugins/tags/blocks/) [forecast](https://wordpress.org/plugins/tags/forecast/)[location](https://wordpress.org/plugins/tags/location/) [weather](https://wordpress.org/plugins/tags/weather/) * [Advanced View](https://wordpress.org/plugins/elio-blocks/advanced/) ## Ratings No reviews have been submitted yet. [Your review](https://wordpress.org/support/plugin/elio-blocks/reviews/#new-post) [See all reviews](https://wordpress.org/support/plugin/elio-blocks/reviews/) ## Contributors * [ Alexandre Buffet ](https://profiles.wordpress.org/alexandrebuffet/) ## Support Got something to say? Need help? [View support forum](https://wordpress.org/support/plugin/elio-blocks/)