Simple way of adding banner images to all Drupal Pages

Wed, 11/04/2009 - 07:02 | by admin

This is a two step process:

  1. Add a CCK Image field to Page content type
    • Add a CCK image field named "header_image", machine readable name is "field_header_image"
    • Type->File and Widget->Image
    • Go to Display Fields Check Excude for both Teaser and Full node (We don't want to have default durpal render, we will add it in a separate block below)

    cck_field.png

  2. Add the following line to page.tpl.php file, immediately after the page content starts.. Usually immediately after the wrapper div based on your theme.

    <div class="banner"><?php print $node->field_header_image[0]['view']; ?></div>

  3. Now create a page content and upload the banner image, it should show it on the page at the top

 

Make sure this field name matches the one you created.  Use CSS to style banner div.  This is tested for both Drupal 5 and Drupal 6.x.

 

 

Guarantees
Partners