<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>WPWife &#187; how to show weather forecast in wordpress</title>
	<atom:link href="http://www.wpwife.com/category/how-to-show-weather-forecast-in-wordpress/feed" rel="self" type="application/rss+xml" />
	<link>http://www.wpwife.com</link>
	<description>WPHelp: fix and optimise WP themes&#38;plugins</description>
	<lastBuildDate>Fri, 21 Nov 2025 12:00:00 +0000</lastBuildDate>
	<language>en-US</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>https://wordpress.org/?v=4.1.38</generator>
	<item>
		<title>How to Show Weather Forecast in WordPress</title>
		<link>http://www.wpwife.com/wordpress-plugins/how-to-show-weather-forecast-in-wordpress</link>
		<comments>http://www.wpwife.com/wordpress-plugins/how-to-show-weather-forecast-in-wordpress#comments</comments>
		<pubDate>Thu, 09 Nov 2017 14:00:19 +0000</pubDate>
		<dc:creator><![CDATA[Editorial Staff]]></dc:creator>
				<category><![CDATA[how to auto-detect user location to show weather in wordpress]]></category>
		<category><![CDATA[how to display weather in wordpress]]></category>
		<category><![CDATA[how to show weather forecast in wordpress]]></category>
		<category><![CDATA[weather forecast in wordpress]]></category>
		<category><![CDATA[weather in wordpress]]></category>
		<category><![CDATA[WordPress Plugins]]></category>

		<guid isPermaLink="false">http://www.wpbeginner.com/?p=5151</guid>
		<description><![CDATA[
<p>Do you want to show weather forecast in WordPress? Some website owners may want to display weather forecast to keep their users informed about weather conditions for specific locations. In this article, we will show you how to easily show weather forecast in WordPress. Why&#8230;&#160;<strong><a href="http://www.wpbeginner.com/plugins/how-to-show-weather-forecast-in-your-wordpress/">Read More &#187;</a></strong></p>
<p>The post <a rel="nofollow" href="http://www.wpbeginner.com/plugins/how-to-show-weather-forecast-in-your-wordpress/">How to Show Weather Forecast in WordPress</a> appeared first on <a rel="nofollow" href="http://www.wpbeginner.com/">WPBeginner</a>.</p>
]]></description>
				<content:encoded><![CDATA[<p>Do you want to show weather forecast in WordPress? Some website owners may want to display weather forecast to keep their users informed about weather conditions for specific locations. In this article, we will show you how to easily show weather forecast in WordPress. </p>
<p><img title="Showing weather forecase in WordPress" src="http://cdn4.wpbeginner.com/wp-content/uploads/2017/10/wpweatherforecast.png" alt="Showing weather forecase in WordPress" width="550" height="340" class="alignnone size-full wp-image-47703" /></p>
<h4>Why and Who Needs Weather Forecast in WordPress?</h4>
<p>Not all websites need to display weather forecast to their users. However, there are many industries that rely on people making decisions based on this information. </p>
<p>This includes travel, <a href="http://www.wpbeginner.com/showcase/best-wordpress-themes-for-events/" title="24 Best WordPress Themes for Events (2017)">events</a>, hotels, <a href="http://www.wpbeginner.com/showcase/best-wordpress-themes-for-bed-and-breakfasts/" title="24 Best WordPress Themes for Bed and Breakfasts">bed &amp; breakfasts</a> and many others in the hospitality and tourism industry. </p>
<p>There are plenty of WordPress plugins that can pull weather information and display it beautifully on your website. You need to use a plugin that is fast, clutter-free, and doesn&#8217;t add links to weather services. </p>
<p>That being said, let&#8217;s take a look at how to easily show weather forecast in your WordPress posts, pages, or a sidebar widget. </p>
<h4>Adding Weather Forecast in WordPress</h4>
<p>First thing you need to do is install and activate the <a href="https://wordpress.org/plugins/wp-cloudy/"  title="WP Cloudy" rel="nofollow">WP Cloudy</a> plugin. For more details, see our step by step guide on <a href="http://www.wpbeginner.com/beginners-guide/step-by-step-guide-to-install-a-wordpress-plugin-for-beginners/" title="Step by Step Guide to Install a WordPress Plugin for Beginners">how to install a WordPress plugin</a>.</p>
<p>WP Cloudy can work without an API key. However, it is recommended to create an OpenWeatherMap API key to avoid timeouts. </p>
<p>Simply head over to <a href="https://openweathermap.org/"  title="OpenWeatherMap" rel="nofollow">OpenWeatherMap</a> website and click on the sign up link. </p>
<p><img title="Sign up for open weather map api key" src="http://cdn3.wpbeginner.com/wp-content/uploads/2017/10/openweather.jpg" alt="Sign up for open weather map api key" width="550" height="298" class="alignnone size-full wp-image-47696" /></p>
<p>After sign up, you need to visit your profile page and click on the API Keys tab. You will be asked to provide a name for your keys and then click on the &#8216;Generate&#8217; button.  </p>
<p><img title="Generate API Key" src="http://cdn4.wpbeginner.com/wp-content/uploads/2017/10/generatekey.png" alt="Generate API Key" width="550" height="336" class="alignnone size-full wp-image-47697" /></p>
<p>Open Weather Map will now generate an API key for you to use. You need to copy the API key. </p>
<p>Next, you need to head over to <strong>Settings &raquo; WP Cloudy</strong> page in your <a href="http://www.wpbeginner.com/wp-tutorials/11-vital-tips-and-hacks-to-protect-your-wordpress-admin-area/" title="14 Vital Tips to Protect Your WordPress Admin Area (Updated)">WordPress admin area</a> and click on the &#8216;Advanced&#8217; tab. </p>
<p><img title="Enter api key" src="http://cdn2.wpbeginner.com/wp-content/uploads/2017/10/openweathersettings.png" alt="Enter api key" width="550" height="276" class="alignnone size-full wp-image-47698" /></p>
<p>On this screen, you need to scroll down to the &#8216;Open Weather Map API key&#8217; option and paste the API key you copied earlier. </p>
<p>Don&#8217;t forget to click on save changes button to store your settings. </p>
<p>You are now ready to create your weather reports. You can do this by visiting <strong>Weather &raquo; Add New</strong> page to create your first weather report. </p>
<p><img title="Creating a weather report" src="http://cdn3.wpbeginner.com/wp-content/uploads/2017/10/weatherreport.png" alt="Creating a weather report" width="550" height="336" class="alignnone size-full wp-image-47699" /></p>
<p>Simply enter the city, state, and country information and then switch to the &#8216;Display&#8217; tab. Here you can configure different display settings. You can add / remove information that you want to show and configure the number of days to show in the forecast. </p>
<p><img title="Display settings" src="http://cdn4.wpbeginner.com/wp-content/uploads/2017/10/displaysettings.png" alt="Display settings" width="550" height="320" class="alignnone size-full wp-image-47700" /></p>
<p>Once you are finished, click on the publish button to save your weather report and then copy the shortcode. </p>
<p><img title="Copy the weather shortcode" src="http://cdn4.wpbeginner.com/wp-content/uploads/2017/10/weathershortcode.png" alt="Copy the weather shortcode" width="550" height="298" class="alignnone size-full wp-image-47701" /></p>
<p>You can now add this shortcode to any WordPress <a href="http://www.wpbeginner.com/beginners-guide/what-is-the-difference-between-posts-vs-pages-in-wordpress/" title="What is the Difference Between Posts vs. Pages in WordPress">post or page</a>. You can also add this <a href="http://www.wpbeginner.com/wp-tutorials/how-to-use-shortcodes-in-your-wordpress-sidebar-widgets/" title="How to Use Shortcodes in your WordPress Sidebar Widgets">shortcode to a sidebar widget</a>. </p>
<p>After that, you can view your website to see the weather forecast in action. </p>
<p><img title="Weather forecaste displayed on a WordPress website" src="http://cdn4.wpbeginner.com/wp-content/uploads/2017/10/weatherdisplay.jpg" alt="Weather forecaste displayed on a WordPress website" width="550" height="326" class="alignnone size-full wp-image-47702" /></p>
<p>We hope this article helped you learn how to show weather forecast in your WordPress posts, pages, or sidebar widgets. You may also want to see our list of <a href="http://www.wpbeginner.com/showcase/24-must-have-wordpress-plugins-for-business-websites/" title="24 Must Have WordPress Plugins for Business Websites in 2017">must have WordPress plugins</a> for any website. </p>
<p>If you liked this article, then please subscribe to our <a href="http://youtube.com/wpbeginner?sub_confirmation=1" title="WPBeginner on YouTube"  rel="nofollow">YouTube Channel</a> for WordPress video tutorials. You can also find us on <a href="http://twitter.com/wpbeginner" title="WPBeginner on Twitter"  rel="nofollow">Twitter</a> and <a href="https://www.facebook.com/wpbeginner" title="WPBeginner on Facebook"  rel="nofollow">Facebook</a>.</p>
<p>The post <a rel="nofollow" href="http://www.wpbeginner.com/plugins/how-to-show-weather-forecast-in-your-wordpress/">How to Show Weather Forecast in WordPress</a> appeared first on <a rel="nofollow" href="http://www.wpbeginner.com/">WPBeginner</a>.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.wpwife.com/wordpress-plugins/how-to-show-weather-forecast-in-wordpress/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
<enclosure url="" length="0" type="" />
		</item>
	</channel>
</rss>
