Set different headers for each page

curious · #1 Apr 30, 2009, 02:44 AM

Hello,

can I set different headers (images-area) for each page without using a plugin?

Or otherwise can I use this plugin called "Dynamic Headers".

http://wordpress.org/extend/plugins/dynamic-headers/

My results using this plugin ended at this point:
After installing the plugIn, I paste this code "<?php show_media_header(); ?>" into the header.php.
The result is that the header-images (I added them for dynamic header in another directory (/wp-content/plugins/dynamic-headers/header-images/) are shown above the "logo" Area and the image area, and not in the "Image" area. The Image-Area leaves blank. This is not, what I want.
The order I use in my header area is " %logo" and than "%image".

greetings,

curious

Flynn · #2 Apr 30, 2009, 02:07 PM

Remove %image from the theme settings

curious · #3 Apr 30, 2009, 02:32 PM

Hi flynn,

that doesn't work:-(

The choosen test-Headerimage is over the logo area again (after removing %image from the theme settings).
(as: "Bild1" in my attachment).

I want the solution like you see it on "Bild 2", with the choosen test-image inside yor headerimage- container (with the transparency left and right).

Flynn · #4 Apr 30, 2009, 07:07 PM

You should be able to do this with a CSS Insert

Look into the source for the ID and various classes that the <BODY> tag gets on every page, and use that to address the header image container for each page separately.

HTML Code:

/* default */
div.header-image-container {
background: url(/wp-content/themes/atahualpa332/images/header/image1.gif) !important;
}
/* homepage */
body#body-frontpage div.header-image-container {
background: url(/wp-content/themes/atahualpa332/images/header/image2.gif) !important;
}
/* static page or single post page with ID 106 */
body#body-page-106 div.header-image-container {
background: url(/wp-content/themes/atahualpa332/images/header/image3.gif) !important;
}
/* all archive pages for December */
body.December div.header-image-container {
background: url(/wp-content/themes/atahualpa332/images/header/image4.gif) !important;
}

If this does not overwrite the inline style that the header-image-container gets, you'd have to edit bfa_header_config.php and replace

PHP Code:


			
$header_image = '<div class="header-image-container" style="background: url(' . $selected_header_image . ') ' . $bfa_ata_headerimage_alignment . ' no-repeat;">';

with

PHP Code:


			
$header_image = '<div class="header-image-container">';

curious · #5 May 1, 2009, 01:12 AM

Hi flinn,

I'm sorry to tell...

First I dissable the Plug_In "Dynamic Headers".

Than I copy your CSS Insert (with my Page-ID's) into the style.css.
Result:The header-image area is empty.

Than, in addition I overwrite the part in the bfa_header_config.php with your code.
Result:The header-image area is empty, too.

Than I checked it out with only the modified bfa_header_config.php. Same result...

greetings,
curious

Flynn · #6 May 1, 2009, 03:46 AM

Post or PM a URL please