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 Weather-Atlas.com 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
