Jeffrey Barke

<p>A simple sidebar widget that displays the current weather for a user-defined city. Powered by the [http://openweathermap.org/API](OpenWeatherMap API).</p>
<p>The design has been deliberately kept simple. It should match the default text of any theme, but can easily be customized by any web developer.</p>
<p>It was built and tested on 3.5.x, but will probably work on earlier versions of WordPress.</p>


Current weather widget

Sidebar widget that displays the current weather for a given city.

Mat Gargano

statenweb

<p>Easy Weather Widget provides you with an easy to use widget which outputs weather information. When creating the widget just enter in your U.S. zip code and save, it will display the current weather on your site.</p>
<p>I completely rewrote the widget and made it filterable. You need to obtain and enter an API key, which has a free tier that should cover many use cases to obtain at Settings > General in your WP backend. See http://openweathermap.org/api for more information.</p>
<p>The following filters are available:</p>
<p><strong>eww_template</strong> to override the output template for the widget, see below for more information.</p>
<p><strong>note</strong>, if you are overriding the template, please heed the notice to comply with the OpneWeatherMap license which states <code>the OpenWeatherMap name must be mentioned as a weather source in a visible part of the application.</code> (obtained 8/2016 from http://openweathermap.org/price)</p>
<p><strong>eww_ioc_container</strong> to override the IoC container if you want to use different classes in the application (including the API to grab weather data)</p>
<h4>Usage of eww_template filter</h4>
<p>Add a “views” directory and file named “custom-eww.php” to your template directory. The “custom-eww.php” file will be your custom template for this example.</p>
<h4>Example of using a custom template from within your theme PHP 5.3+ which allows closures</h4>
<pre><code>    <?php

        add_filter( 'eww_template', function ( $template ){
            $template_dir = get_template_directory();
            return $template_dir . '/views/custom-eww.php';
        } );
        ?>
</code></pre>
<h4>Grunt</h4>
<p>This plugin takes advantage of Grunt for validating JavaScript, SASS compilation and minification. To take advantage of Grunt you have to have both <a href="https://npmjs.org/" rel="nofollow ugc">npm</a> and <a href="http://gruntjs.com/" rel="nofollow ugc">Grunt</a> installed. Visit the respective sites for the applications and make sure they are installed. Once installed, if you want to edit/fork this plugin, it will be helpful to be familiar with these two tools.</p>


Easy Weather Widget

Easy Weather Widget provides you with an easy to use widget which outputs weather information. When creating the widget just enter in your U.S.

Current weather widget vs Easy Weather Widget