Elio Blocks -- WordPress 插件

开发者	alexandrebuffet
更新时间	2026年10月27日 22:12
PHP版本:	8.2 及以上
WordPress版本:	7.1
版权:	GPLv2 or later
版权网址:	版权信息

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, and read the handbook 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 To build the plugin from its sources, with Node.js 22 and Composer:

git clone https://github.com/alexandrebuffet/elio-blocks.git
cd elio-blocks
composer install
npm install
npm run build

The build uses @wordpress/scripts (webpack), the build tool of WordPress itself. See the README of the repository for every command.

Elio Blocks

标签

下载

详情介绍:

安装:

屏幕截图:

常见问题:

更新日志: