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 34° F 31° F | 39° F 90 % 1021 hPa
  • Saturday overcast clouds 21° F|33° F
  • Sunday light snow 12° F|33° F
  • Monday broken clouds 16° F|40° F
clear sky 36° F 30° F | 39° F

43614, US

clear sky 34° F

Pittsburgh, US

broken clouds 15° C 13° C | 17° C 8.94 m/s 65 % 1009 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.

overcast clouds 43° F 39° F | 46° F 10.00 m/h

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

阴,多云 24° C 24° C | 24° C 3.29 m/s 15 % 1013 hPa
  • Saturday broken clouds 42° F|51° F
  • Sunday light rain 39° F|55° F
  • Monday light rain 47° F|59° F
  • Tuesday overcast clouds 44° F|59° F
  • Wednesday overcast clouds 45° F|61° 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