May 14, 2024

Weather Atlas Widget Plugin

The Weather Widget with the Most Active Installations. Highly customizable, simple & beautiful. Detailed current weather, hourly & daily forecasts

The Weather Widget with the Most Active Installations on WordPress.org

NEW FEATURE!
ENHANCE YOUR WEBSITE BY DEDICATING AN ENTIRE PAGE TO THE WEATHER.

In addition to all relevant weather information, the widget has the option to display
DETAILED TEXTUAL DAILY AND LONG-TERM weather forecast.

Full page demo (live sites example)
* stormandoutage.com

Widget demo (live sites example)
* marbella-tennis-lessons.com
* morethangolfmarrakech.co.uk
* airciu.com
* ballinghambolstonehentland-pc.gov.uk
* panarbora.de
* theamericanmag.com
* lindos-weddings-venue.com

Weather Atlas Widget is:

Highly Customizable: Modify design to present data in various forms incl. languages and units
Responsive: Automatically adapts appearance for mobile displays, ensuring optimal viewing on any device
Smart: Background and borders change according to current temperature; widget’s font size adjusts to match the website’s font and page placement
Beautiful: Elegant weather condition icons are simple and adapt in size, color, and shades to the widget’s text
Simple: All options are easy-to-change, and, above all, Weather information is presented in a clear and concise way

Features

Responsive Web Design: Adapts to mobile displays
Easy Styling: Effortlessly styles to suit your theme
Weather Icons: Visually appealing and informative
Comprehensive Data: Current conditions, hourly, and long-term forecast
Detailed Forecast: In-depth weather information
Flexible Placement: Suitable for content or sidebar
Global Reach: Covers worldwide locations
Multilingual and Unit Support: Accommodates multiple languages and units
Multiple Widgets Option: Allows for multiple simultanious widget implementations
Simple Setup: Easy to configure and use
and
Key-Free Operation: No need to register for keys; the widget just works 🙂

Responsive Web Design

When placed in a horizontal layout (e.g., within an article), the widget reformats to a vertical layout on mobile devices.
Details of the current condition (such as feels-like temperature, wind, humidity, pressure, UV index) and forecasts extending beyond 3 hours/days are hidden on mobile devices to maintain an uncluttered appearance and preserve the design on narrow displays.

Easy Styling

Choose from two predefined layouts (vertical and horizontal) and customize the widget to fit your website.
Font size can be manually set (in px, pt, em, rem, %, etc.) to override the automatic adjustment to the website’s font size and page placement.
Background color, which adapts to the current temperature, can be set to a fixed color, including transparency options.
Text color, automatically optimized for contrast against the background, can also be manually overridden.

Weather Icons

The weather condition icons are elegantly designed, simple, and adapt in size, color, and shade to match the widget’s text.

Comprehensive Data

Select from a range of weather information, including current conditions, hourly, and long-term forecasts.
Current conditions display temperature, weather icon, feels-like temperature, wind, humidity, pressure, UV index, and sunrise/sunset times.
Hourly forecasts provide up to 5 hours of temperature predictions with weather icons, while the daily forecast offers up to 5 days of high/low temperatures and weather conditions.

Versatile Placement

The Weather Atlas Widget is designed for flexibility, allowing placement either in a sidebar or within the main content of your site.
It supports integration through user-friendly Gutenberg blocks or via a simple shortcode option, offering versatility and ease of use within your WordPress site.

Worldwide Locations

Access over 800,000 locations from 238 countries and territories. Your location is likely included 🙂

Languages

The widget automatically selects the language based on your site’s language settings (Settings / General / Site Language).
If a local translation is unavailable, it defaults to English.
Local translations can be updated for further customization.

Units

Weather data is displayed in either the Imperial (°F, in, mi) or Metric system (°C, mb, mm, km).

Multiple Widgets Option

Multiple widgets can be placed on the same page, each with individual settings and operating independently.
The widgets display cached weather data from your database and periodically update from our service, ensuring no slowdown to your website.

Easy Setup

All options are straightforward to configure. For further assistance, please visit our FAQ and then drop us a line in the support forum.

Key-Free Setup

No registration is required for the widget to function

Installation

In the Admin panel

Navigate to “Plugins > Add New”
Search for “Weather Atlas Widget”
Install and then activate the “Weather Atlas Widget”
For the configuration, go to “Weather Atlas” in the sidebar of the Admin panel

Setting Up and Using Widgets on Your Site

Save Widget Settings
Configure each widget’s options and design to your preference.
You can create multiple differently-styled widgets for the same location. Add more widgets if needed, but remember to delete unused widgets.
Insert Widgets
Place the widgets in the desired location on your site. Instructions are below.
The recommended placement for weather widgets is on pages, in the articles. Sidebars, footers, or headers are less advisable places for widgets.
Update Settings Anytime
Any future changes, including location, to the individual widget settings, through this form, will be automatically updated across your entire site.

Note for Imported Legacy Widgets
Legacy widgets will continue to work alongside new widgets.
New widgets have been created based on your legacy widget settings, along with a few example widgets.
Please replace the old widgets with these new ones to ensure compatibility with future updates.

How to Implement a Widget on a Page?

Using Gutenberg Blocks (Recommended method)
1. Open any post or page in Edit mode, click the block inserter icon [+], and locate the Weather Atlas Widget within the Widget section.
2. Click on the Weather Atlas Widget. This will place the block into your article.
3. Finally, simply choose the preferred widget/location from the dropdown menu to display the predefined weather forecast.

Using a Shortcut
1. First, find the desired widget and copy its unique shortcode
2. Open the post or page where you want the widget to appear in Edit mode.
3. Place the copied [shortcode-…] in the desired location within the post or page.

Screenshots

Design: from simple to complex
Layout: from horizontal to vertical
Responsiveness: from desktop to mobile
Colors adapt to current temperature
Fixed color (even with transparency) - optional
Detailed forecast: Substitute "Weather from Weather Atlas" with link "Detailed forecast" for chosen location
Users can choose location for the weather report

FAQ

How to Set Widget Configuration?

After the installation, navigate to “Weather Atlas” in the sidebar of the Admin panel. Choose the widget and set the desired options.