Adding a Weather Block to Your Drupal Site

| Drupal

weatherOne 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

 

 


About the author

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.