Headerbild auf jeder Seite anders

deine information ist ein wenig duerftig; denn es kommt darauf an:

1. wenn das header bild ein hintergrundbild ist:
angenommen du hast die div #header, dann fuegt du eine class mit der ID der seite dazu:

<div id="header" class="id-<?php echo get_the_ID(); ?>">BlogTitel</div>

dann kannst du damit das hintergrundbild in der style.css formatieren:

#header .id-3 {background-image: url(images/headerbild-3.jpg) left top no-repeat; }
]#header .id-7 {background-image: url(images/headerbild-7.jpg) left top no-repeat; }

wobei die nummer die ID der Seite ist.

2. das headerbild ist 'normal' eingefuegt:
anstelle von

<img src="headerbild.jpg" alt="" />

dann geht das mit einer reihe von abfragen:

<img src="<?php bloginfo('template_url');
 if(is_page('page-slug-von-seite-1') { echo '/images/seite1headerbild.jpg'; }
elseif if(is_page('page-slug-von-seite-2') { echo '/images/seite2headerbild.jpg'; }
elseif if(is_page('page-slug-von-seite-3') { echo '/images/seite3headerbild.jpg'; }
else { echo '/images/standardheaderbild.jpg'; }
?>" alt="" />

beidesmal angenommen, dass die bilder im /images verzeichnis des themes liegen.


zu den abfragen:
http://codex.wordpress.org/Conditional_Tags#A_PAGE_Page

du musst dir da nicht umbedingt die mühe machen etwas zu basteln, sofern du dich nicht scheust ein weiteres plugin zu installieren. dynamic headers hat di funktion im WYSIWYG jeweils ein BG individuell zu definieren. ich denk das ist das was du suchst.

- zuerst sicherungskopie von den theme dateien machen -

erstell die bilder (806 * 190 px) fuer die anderen seiten und upload sie ins gleiche verzeichnis wie 'misty.jpg' (http://www.holgerboehme.de/wordpress/wp-c…_look_de/img/);
edit header.php und bau den folgenden code genau in die zeile vor

</head>

:

<style type="text/css">
#headerimage {
    background: url(http://www.holgerboehme.de/wordpress/wp-content/themes/misty_look_de/img/
<?php if(is_page('eine-seite') { echo 'the_girls.jpg'; }
elseif(is_page('termine') { echo 'termine.jpg'; }
 ?>) no-repeat;}</style>

edit: gefunden - was ist der text der fehlermeldung? --

:-( hatte die schliessende klammer der if-abfrage vergessen :-(

verbessert:

<style type="text/css">
#headerimage {
    background: url(http://www.holgerboehme.de/wordpress/wp-content/themes/misty_look_de/img/
<?php if(is_page('eine-seite')) { echo 'the_girls.jpg'; }
elseif(is_page('termine')) { echo 'termine.jpg'; }
 ?>) no-repeat;}</style>

danke fuer die rueckmeldung. war mein fehler - normale schusseligkeit ;-)

hast du die verbesserung gefunden?

habe ich hier gepostet.

<style type="text/css">
#headerimage {
    background: url(http://www.holgerboehme.de/wordpress/wp-content/themes/misty_look_de/img/
<?php if(is_page('eine-seite')) { echo 'the_girls.jpg'; }
elseif(is_page('termine')) { echo 'termine.jpg'; }
 ?>) no-repeat;}</style>

ich hab noch mal nachgedacht und was geaendert:

<?php if(is_page('Team')) { echo '<style type="text/css">
#headerimage {
    background: url(http://www.holgerboehme.de/wordpress/wp-content/themes/misty_look_de/img/
the_girls.jpg) no-repeat;} </style>'; }
elseif(is_page('Termine')) { echo '<style type="text/css">
#headerimage {
    background: url(http://www.holgerboehme.de/wordpress/wp-content/themes/misty_look_de/img/
termine.jpg) no-repeat;} </style>'; }
 ?>

vorher war ein fehler drin, wenn man auf der home seite war, gab es kein hintergrund bild.

solte jetzt so gehen :confused:

<?php if(is_page('Team')) { echo '<style type="text/css">
#headerimage {
    background: url(http://www.holgerboehme.de/wordpress/wp-content/themes/misty_look_de/img/the_girls.jpg) no-repeat;} </style>'; }
elseif(is_page('Termine')) { echo '<style type="text/css">
#headerimage {
    background: url(http://www.holgerboehme.de/wordpress/wp-content/themes/misty_look_de/img/termine.jpg) no-repeat;} </style>'; }
 ?>

schon wieder mein fehler :confused: mehr kaffee ....
da war ein zeilen umbruch zu viel drin.

die bedingung war erfuellt, und das girls bild sieht auch echt gut aus.

jetzt sollte es aber wirklich gehen :oops:

Würde dasselbe auch gehen, wenn man ein animiertes gif, oder ein flash movie einfügen möchte?
Ich hätte unheimlich gerne auf verschiedenen Seiten verschiedene Headerbilder, welche sich in den Seiten selber auch ändern.
Wisst ihr wie ich meine, für jede Seite im Header eine Art sehr langsamer Bildershow.. .
Oder ist das zuviel des Guten?:D

Keine Headerbildänderung pro Seite möglich

Hallo,

ich möchte auf meiner Homepage (http://www.sanguineaudio.com) auch auf jeder neuen Seite ein anderes Headerbild einbauen.
Ich habe alle Möglichkeiten dieser Hilfe probiert, sogar das Plug-In hochgeladen.
Leider konnte ich nur mit dem Plug-In verschiedene Bilder einbauen, diese aber nur über den Namen der Seite, und dann oben links in der Ecke.
Am liebsten wollte ich meine Seite entsprechend der Homepage mit der Golfmannschaft gestalten, aber die Code-Beispiele funktionierten in meinem ausgewählten Theme nicht.
Ich bin, was den Code angeht unwissend, deshalb meine Frage:
Kann man auch auf meiner Homepage verschiedene Bilder pro Seite anzeigen lassen?
Über Hilfe wäre ich unglaublich froh! :(

Header Hintergrundbild pro Seite wechsel

Hallo Leute,

Ich würde mich freuen, wenn jemand helfen könnte!!!
Für einen gewünschten Bildwechsel pro Seite folgte ich der von alchymyth vorgeschlagenen Methode Bilder über die ID aufzurufen. Leider erfolglos.
Ich möchte auf jeder WP-Seite (statische Seiten) im Header - ein eigenes, fixes Hintergrundbild angezeigt bekommen - keine Zufallsbilder. Die von alchymyth vorgeschlagenen Variante, die Bilder über die Seiten-ID zu laden <div id="header" class="id-<?php echo get_the_ID(); ?>">BlogTitel</div>, funktioniert bei mir auf Anhieb nicht.
Wo bin ich hier falsch abgebogen?

Im Code von alchymyth steht eine eckige Klammer, ist sie wichtig oder nur Tippfehler.
#header .id-3 {background-image: url(images/headerbild-3.jpg) left top no-repeat; }
]#header .id-7 {background-image: url(images/headerbild-7.jpg) left top no-repeat; }

Meine Code sieht folgendermaßen aus:
<div id="header" class="id-<?php echo get_the_ID(); ?>">...</div>

In der style.css sieht es formatiert so aus:
#header .id-2 {background-image: url(/seite/wp-content/themes/theme/images/header_tiger_home.jpg) left top no-repeat; }
#header .id-4 {background-image: url(/seite/wp-content/themes/theme/images/header_tiger_beratung.jpg) left top no-repeat; }
#header .id-6 {background-image: url(/seite/wp-content/themes/theme/images/header_tiger_bildung.jpg) left top no-repeat; }
#header .id-14 {background-image: url(/seite/wp-content/themes/theme/images/header_tiger_begegnung.jpg) left top no-repeat; }
#header .id-19 {background-image: url(/seite/wp-content/themes/theme/images/header_tiger_blog.jpg) left top no-repeat; }

Für einen simplen Bildwechsel im Header fordert einem Wordpress unverhältnismäßig hohe Verrenkungen und Stellschraubentechniken ab, für eine eigentlich banale Angelegenheiten.