Adding a Weather Block to Your Drupal Site

weather

One of our students is building a local tourism website. They wanted to show the local weather on the site but without any of the big, ugly branding that often accompanies weather displays.

In this tutorial, we’ll show you how to use the Weather module to create a local weather block.

The Weather module works great, but it can be confusing to configure. This tutorial will walk you the set up from installation to publication.

Installation

Configuration

  • Click on Configuration
  • Locate Weather in the User Interface block and click on the link
  • You’ll see a screen like the one below.
  • Observe that you have three options: Add display, Edit default display, and the option to create a directory to hold any custom images you want to use on your weather blocks.
tutuploadsmedia_1349203833286.png
  • Click on Add display.
  • You can ignore all the settings for now.
  • Click Save.
  • Click on Add location to this display as in the image below.
tutuploadsmedia_1349204335408.png
  • Select a country
  • Select a place
  • Alternative name for the selected place: This allows you to give the place a more human-readable name. For example, I selected GA – Atlanta, De Kalb-Peachtree Airport for the Place but simple wrote Atlanta in here.
  • Click Save. I found a bug at this point and had to re-enter the Alternative name for it to save correctly.
tutuploadsmedia_1349204487671.png

Publication

  • Go to Structure > Blocks.
  • Publish the block called Weather: system-wide display (#1).
tutuploadsmedia_1349204588662.png
  • Your block will now be live on your site as in the image below.
  • You can go back to Configuration > Weather and change the settings for this block. For example, I’d want to change Celsius to Fahrenheit.
tutuploadsmedia_1349204665633.png

Author

  • Steve Burge

    Steve is the founder of OSTraining. Originally from the UK, he now lives in Sarasota in the USA. Steve's work straddles the line between teaching and web development.

    View all posts
0 0 votes
Article Rating
Subscribe
Notify of
guest

3 Comments
Oldest
Newest Most Voted
Inline Feedbacks
View all comments
Mosleh Uddin
Mosleh Uddin
10 years ago

I want to display same design as the picture in your blog. But I can not display as the picture. here display information as the picture in module first picture. I follow instruction as you mentioned. So how I can display same information as you show.

WaQaR Ali
WaQaR Ali
9 years ago

i am using the same configuration but getting additional site info in block. How can I remove this furher info. Look at my screenshot below

Braday
Braday
9 years ago

Thanks so much, how can I adjust the size in block?

3
0
Would love your thoughts, please comment.x
()
x