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.

interconnectit

Spectacula

Robert O'Rourke

AndyWalmsley

cm2creative

Mim Mc

jackicit

<p>Weather information is pulled from the OpenWeatherMap API. This plugin adds a widget that can be dropped into any sidebar, can be customised to suit your theme and won’t hit any usage limits.</p>
<p>The widget can be configured as follows:</p>
<ul>
<li>API key – required to get weather data from OWM, once entered it will be saved and auto filled in future widgets</li>
<li>Country – choose the country to get weather data from. (Some countries do not have an average result for weather conditions)</li>
<li>City – Enter the name of your area to recieve the weather results. If you want to use City ID, go to <a href="http://openweathermap.org/help/city_list.txt" rel="nofollow ugc">OpenWeatherMaps City List</a>.</li>
<li>Display Mode – you can choose to show either a compact view of the current weather or show the forecast for the current day and next three days.</li>
<li>Colour Style – Choose between two styles of colouring:
<ul>
<li>Style 1 – Primary colour: Background colour of current weather and font colour of forecast, Secondary colour: Font colour of current weather and background colour of forecast.</li>
<li>Style 2 – Primary colour: Font colour for both sections, Secondary colour: background colour of both sections.</li>
</ul>
</li>
<li>Primary colour during day – use the colour picker to choose what primary colour you want during the day time.</li>
<li>Primary colour during night – use the colour picker to choose what priamry colour you want during the night time.</li>
<li>Secondary colour during day – use the colour picker to choose what secondary colour you want during the day time.</li>
<li>Secondary colour during night – use the colour picker to choose what secondary colour you want during the night time.</li>
<li>Show Temperature in Celsius – sets the temperature display to degrees celsius rather than farenheit.</li>
<li>Show weather breakdown – choose whether to display the wind, humidity and written weather condition, as well as the temperature and weather icon.</li>
<li>Show Wind Speed in mph – sets the wind speed display to mph rather than km/h.</li>
<li>Cache Time – this is the interval in minutes before the plugin refreshes the forecast data.</li>
<li>Output CSS – toggle whether the widget should output it’s own CSS.</li>
<li>Show Credit Link – this plugin is offered completely free of charge. If you’re feeling kind please leave this in to send some delicious web traffic our way 🙂</li>
</ul>
<p>You can override what gets displayed for the location by filling in the widget’s title text.</p>
<p>For info on how to use the shortcode, check the FAQs.</p>
<h3>Known problems</h3>
<p>Multiple shortcodes do not work if they are in the same post, as the data is stored based on the widget ID if displayed in a widget space or the post ID if using the shortcode.<br />
A new shortcode attribute has been added allowing you to add a unique ID to your shortcode which will be used to store data allowing multiple shortcodes per post.</p>
<p>This widget should work in all themes, although some themes styling will mix with the widget leaving bits that look out of place.</p>
<p>IE7 does not support the icons we use for the weather display.<br />
Works in IE8+, Chrome, Firefox, Opera, and Safari.</p>


ICIT Weather Widget

The ICIT Weather Widget provides a simple way to show a weather forecast on your website.

Easy Weather Widget vs ICIT Weather Widget