Spectacula

interconnectit

Robert O'Rourke

AndyWalmsley

cm2creative

jackicit

Mim Mc

<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.

sk33t

<h4>Requirements</h4>
<ul>
<li>WordPress 2.2 or 2.0.x/2.1.x with WordPress Widgets</li>
<li>PHP 4.3.0 or greater (needed for function file_get_contents)</li>
</ul>
<h4>Location</h4>
<p>The location can either be a zip code for US users or the locid. To find the locid, you can do a search using http://xoap.weather.com/search/search?where=[search parameters].This will return an XML file with search results and their corresponding locid’s.</p>
<p>You can also find it using the Weather.com website. After searching for and selecting your city, you will be sent to a url that will look something like, http://www.weather.com/outlook/driving/interstate/local/USTX0617?from=search_city, where USTX0617 is the locid.</p>
<h4>Image Hosting</h4>
<p>I’ve provided the images used and provided by weather.com <a href="http://nothingoutoftheordinary.com/weatherimages.tar.gz" rel="nofollow ugc">here</a>. If you want to host your own images, extract and upload the files, then, in the admin panel, edit the ‘Image Location’ field to point to your directory of images. Make sure to have the trailing slash.</p>
<p>If you don’t use your own images, you are free to use the ones that I’ve hosted, which are located at http://nothingoutoftheordinary.com/weatherimages/</p>
<h3>Formatting</h3>
<p>You can edit ‘Widget Formatting’ to change how the info is displayed. To access the variables, use this formatting:</p>
<ul>
<li>%loc% – Location</li>
<li>%temp% – Current temperature</li>
<li>%feels% – Feels like temperature</li>
<li>%icon% – The icon referring to the current weather. This is just a number</li>
<li>%iconhref% – The location of the image with your set image location at the front</li>
<li>%attribution% – The link supposedly required to be displayed. Weather data provided by weather.com®</li>
</ul>
<p>The default formatting is:</p>
<p><img src=”%iconhref%” alt=”%cond%” style=”float:right;” /><br />
%loc%<br /><br />
<span style=”font-size: 150%;”>%temp% °F</span><br />
(%feels% °F)<br /><br />
<span style=”font-size: 65%; float: right;”>%attribution%</a></p>


Weather Widget

This widget displays the current condition, temperature, and the feels like temperature. It uses weather.com’s xoap api to retrieve the information.

ICIT Weather Widget vs Weather Widget