Skip to main content
WordPress Support

WPTavern: Stylishly Display Weather Conditions with the Weather Atlas Widget

By 18/07/2017October 24th, 2017No Comments

WPTavern: Stylishly Display Weather Conditions with the Weather Atlas Widget

If you’re looking for an easy way to display weather conditions on your site, check out the new Weather Atlas Widget by 

Weather Atlas Settings

As you begin typing, a drop-down list of cities is displayed. This helps choose the correct city. From here, users can configure the following settings:

  • Display temperatures in Fahrenheit or Celsius
  • Use English or Spanish language
  • Horizontal or Vertical Layout – Horizontal displays more information such as five-day forecasts
  • Font size. By default, the widget uses the font size specified in the theme
  • Background color
  • Text Color
  • Headings

Users can display sunrise and sunset times, heat index, wind chills, UV index, wind speeds, humidity, and pressure. You can also hide or display hourly forecasts.

Forecast for Cleveland, Ohio

It’s recommended that for three-hour forecasts, you use the vertical layout and for five-hour forecasts, the horizontal layout. The same recommendations apply for daily forecasts.

The widget not only looks nice but it also changes color based on temperature. Shades of blue represent cooler temperatures while shades of red represent warmer temperatures.

Temperatures Represented by Colors

By default, the bottom of the widget displays the text, “Weather from Weather Atlas”. However, if you choose to display the detailed forecast, the text is replaced with a Detailed Forecast link. This link takes visitors to a page on that displays detailed weather conditions for the selected city.

I tested the Weather Atlas Widget on WordPress 4.8 and didn’t encounter any issues. It’s available for free on the WordPress plugin directory.

Source: WordPress