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.

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.

Current weather widget vs Weather Widget