Divi Weather

Access current weather data for any location on Earth including over 200,000 cities, thanks to the FREE OpenWeatherMap API

Adds New Divi Weather Module to your Divi Builder

Place as many weather blocks anywhere in your layout using the Divi Weather module this plugin adds to your Divi Builder.

Divi weather is compatible with the Visual Builder, the new back end builder as well as the classic backend builder so you can keep working where ever you feel the most comfortable.

 

Divi Weather Examples

clear sky 66° F 64° F | 69° F 3.36 m/h 82 % 1020 hPa
  • Saturday clear sky 62° F
  • Sunday clear sky 64° F
  • Monday clear sky 67° F
broken clouds 62° F 59° F | 65° F

43614, US

clear sky 66° F

Pittsburgh, US

broken clouds 24° C 22° C | 27° C 2.6 m/s 43 % 1035 hPa

By default, the plugin doesn’t display the name of the location, leaving designers free to display it however they’d like.

The following screenshot shows how to display it in the corner of the weather module.

moderate rain 70° F 68° F | 72° F 8.05 m/h

Go ahead and get creative with your CSS and see what you can make.

30° C 29° C | 32° C 4.15 m/s 54 % 996 hPa
  • Saturday broken clouds 56° F
  • Sunday few clouds 51° F
  • Monday clear sky 55° F
  • Tuesday clear sky 53° F
  • Wednesday broken clouds 54° F

Multiple location options

Advanced weather data

Choose how to display it

Multilingual Support

 

Translations for weather descriptions are provided by Open Weather Map and includes:

  • Arabic
  • Bulgarian
  • Catalan
  • Czech
  • German
  • Greek
  • English
  • Persian (Farsi)
  • Finnish
  • French
  • Galician
  • Croatian
  • Hungarian
  • Italian
  • Japanese
  • Korean
  • Latvian
  • Lithuanian
  • Macedonian
  • Dutch
  • Polish
  • Portuguese
  • Romanian
  • Russian
  • Swedish
  • Slovak
  • Slovenian
  • Spanish
  • Turkish
  • Ukrainian
  • Vietnamese
  • Chinese Simplified
  • Chinese Traditional

Current weather settings

Current weather text

Forecast weather text

Direct CSS access

Credit Where Credit is Due

This plugin is powered by and requires Elegant Theme’s Divi Theme (affiliate link – if you purchase Divi through that link I may be compensated at no cost to you) and uses the Open Weather Map API and the fantastic Weather Icon set by Erik Flowers.

Pin It on Pinterest

Share This