Mat Gargano

statenweb

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.
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.
The following filters are available:
eww_template to override the output template for the widget, see below for more information.
note, 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)
eww_ioc_container to override the IoC container if you want to use different classes in the application (including the API to grab weather data)
<h4>Usage of eww_template filter</h4>
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.
<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>
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.

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.

Tony Samperi

wp-ng-weather is a simple widget for WordPress, which allows you to put a weather widget in your website, by using a simple shortcode like this:
<blockquote>
[ng-weather api-key=”my-api-key” city=”Bergamo” locale=”it”]
</blockquote>
No coding is required! 
wp-ng-weather is a wrapper for Tony Samperi’s ng-weather (tonysamperi.github.io/ng-weather/), which is an AngularJS Directive. 
Weather data is got from http://www.openweathermap.org, but they need to track api usage. 
So you’ll need your personal API KEY to use this widget, see “Installation” to learn how to get one! 
With a FREE API KEY it’s possibile to make 60 calls per minute.
<h3>parameters</h3>
<ul>
<li>api-key: Your API KEY you got from openweathermap.org. REQUIRED</li>
<li>city: A string with the name of your city. This isn’t required if you set “city-id”</li>
<li>city-id: A string with the ID of your city. This isn’t required if you set “city”</li>
<li>locale: A string with your locale. “en” or “it” are supported at the moment. Default value “en”.</li>
</ul>

WP NG Weather

wp-ng-weather let's you put a weather widget anywhere in your blog

Easy Weather Widget vs WP NG Weather