Introducing Our-Hometown’s Fully-Featured Weather Widget

Click play to LISTEN to the article below

Our engineering team has been hard at work creating a new fully-featured weather widget for use on our customer websites.

The widget features a header displaying current conditions and today’s forecast.

Default View

Below the header you can toggle a section to display periodic Special Weather Statements from the National Weather Service.

Special Weather Statement
Special Weather Statement

The main portion of the widget is dedicated to tabs that provide Hourly and 7-Day forecasts, as well as a live radar Map.

For the Hourly and 7-Day forecast entries, a button to the right of each will reveal further details for that particular timeframe.

Hourly Forecast Expanded
Hourly Forecast Expanded
7-Day Forecast Closed
7-Day Forecast Closed
7-Day Forecast Expanded
7-Day Forecast Expanded

The Map tab displays a live view with settings for the road/satellite view, plus layer toggles for various map overlays, such as precipitation, temperature, etc. and can even play through an animation of weather conditions.

Base Map and Overlay Settings
Base Map and Overlay Settings

A General Settings page provides options to toggle the default state (on or off) for many of these items as well as the default location and your API key for accessing the weather data.

OHT Weather Widget General Settings
OHT Weather Widget General Settings

The widget actually includes two separate widgets that can be used in the theme Customizer or simply in the Block Editor. One for a small heading display and one for the full widget.

Weather Widget Header Block

Additionally, the widget can be accessed and placed via shortcode with options for the various display toggles and location settings.

Shortcode Examples
Shortcode Examples

If you are interested in adding the new OHT Weather Widget to your site, please don’t hesitate to reach out to us at ops@our-hometown.com!

Share this Post: Facebook Twitter Pinterest Google Plus StumbleUpon Reddit RSS Email

Comments are closed.