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

overcast clouds 58° F 56° F | 59° F 5.75 m/h 81 % 1016 hPa
  • Wednesday broken clouds 30° F|44° F
  • Thursday broken clouds 27° F|50° F
  • Friday overcast clouds 33° F|49° F
overcast clouds 54° F 53° F | 54° F

43614, US

overcast clouds 58° F

Pittsburgh, US

broken clouds 13° C 11° C | 14° C 3.13 m/s 49 % 1022 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.

mist 46° F 44° F | 49° F 21.86 m/h

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

多云 22° C 22° C | 22° C 4.6 m/s 24 % 1009 hPa
  • Wednesday clear sky 41° F|61° F
  • Thursday clear sky 42° F|67° F
  • Friday clear sky 45° F|69° F
  • Saturday light rain 43° F|57° F
  • Sunday light rain 43° F|60° 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