Header Bild statische Seite ändern

nickpdm

Hallo,

ich habe glaube ich schon den ganzen Nachmittag damit verbracht das Forum zu durchsuchen, habe aber für mich keine richtige Anleitung gefunde.

Ich möchte auf meiner Seite für eine statische Seite das Headerbild ändern.
die Sidebar sieht so aus:

>mein Blog
>Apple
>...
>...
>Gästebuch

Nun meine Frage, wie kann ich auf der Seite Apple das Headerbild ändern?

Werbepost

Hallo!

Wenn du gerade an deiner Website arbeitest oder dein aktuelles Hosting überdenkst: Wir betreiben mit NetzLiving eine Hosting-Plattform, die speziell auf Performance, Sicherheit und einfache Verwaltung ausgelegt ist.

✔️ Schnelle Ladezeiten (optimiert für WordPress & Co.)
✔️ Deutsche Server & DSGVO-konform
✔️ Persönlicher Support (kein 0815-Ticket-System)

Mehr erfahren

nickpdm

achso hatte ich noch vergessen, könnte ja vielleicht hilfreich sein, hier meine [COLOR=RoyalBlue]header.php
[/COLOR]

HTML

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">


<head profile="http://gmpg.org/xfn/11">
        <meta http-equiv="Content-Type" content="<?php bloginfo('html_type'); ?>; charset=<?php bloginfo('charset'); ?>" />


        <title><?php bloginfo('name'); ?> <?php if ( is_single() ) { ?> &raquo; Blog Archive <?php } ?> <?php wp_title(); ?></title>


        <meta name="generator" content="WordPress <?php bloginfo('version'); ?>" /> <!-- leave this for stats -->


        <link rel="stylesheet" href="<?php bloginfo('stylesheet_url'); ?>" type="text/css" media="screen" />
        <link rel="alternate" type="application/rss+xml" title="RSS 2.0" href="<?php bloginfo('rss2_url'); ?>" />
        <link rel="alternate" type="text/xml" title="RSS .92" href="<?php bloginfo('rss_url'); ?>" />
        <link rel="alternate" type="application/atom+xml" title="Atom 0.3" href="<?php bloginfo('atom_url'); ?>" />
        <link rel="pingback" href="<?php bloginfo('pingback_url'); ?>" />


        <style type="text/css" media="screen">


                /* BEGIN IMAGE CSS */
                        /*        To accomodate differing install paths of WordPress, images are referred only here,
                                and not in the wp-layout.css file. If you prefer to use only CSS for colors and what
                                not, then go right ahead and delete the following lines, and the image files. */


                body                 { background: url("<?php bloginfo('stylesheet_directory'); ?>/images/baa_bgcolor.jpg"); }        <?php /* Checks to see whether it needs a sidebar or not */ if ((! $withcomments) && (! is_single()) && (! is_page())) { ?>
                        #page                { background: url("<?php bloginfo('stylesheet_directory'); ?>/images/baa_bg.jpg") repeat-y top; border: none; } <?php } else { // No sidebar ?>
                        #page                { background: url("<?php bloginfo('stylesheet_directory'); ?>/images/baa_bgwide.jpg") repeat-y top; border: none; } <?php } ?>
                        #header         { background: url("<?php bloginfo('stylesheet_directory'); ?>/images/baa_header.jpg") no-repeat bottom center; }
                        #footer         { background: url("<?php bloginfo('stylesheet_directory'); ?>/images/baa_footer.jpg") no-repeat bottom; border: none;}




                        /*        Because the template is slightly different, size-wise, with images, this needs to be set here
                                If you don't want to use the template's images, you can also delete the following two lines. */


                        #header         { margin: 0 !important; margin: 0 0 0 1px; padding: 1px; 211px; width: 758px; }
                        #headerimg         { margin: 7px 9px 0; height: 192px; width: 740px; }
                /* END IMAGE CSS */




                /*         To ease the insertion of a personal header image, I have done it in such a way,
                        that you simply drop in an image called 'personalheader.jpg' into your /images/
                        directory. Dimensions should be at least 760px x 200px. Anything above that will
                        get cropped off of the image. */


                /*
                #headerimg         { background: url('<?php bloginfo('stylesheet_directory'); ?>/images/personalheader.jpg') no-repeat top;}
                */


        </style>


        <?php wp_get_archives('type=monthly&format=link'); ?>


        <?php wp_head(); ?>
</head>
<body>


<div id="page">




<div id="header">
        <div id="headerimg">
                <h1></h1>
                <div class="description"><font color="#07293C"></font></div>
        </div>
</div>




<hr />

Alles anzeigen

jottlieb

Welches Theme benutzt du?

nickpdm

ich nutze dieses Theme

wp_bleibtallesanders-flieder

habe auch schon erfolgreich einige Sachen geändert, sprich das normale Headerbild geändert, Schrift- + Linkfarbe usw. aber jetzt weiß ich wirklich nicht mehr weiter habe schon dieses Plugin installiert, da wird mir aber schon nach der Installation eine Fehlermeldung ausgegeben und dann habe ich mich noch >hier< informiert, aber leider weiß ich nicht wie ich das umsetzen soll, hat mir nicht wirklich geholfen.

jottlieb

Das lässt sich ganz einfach mit Conditional Tags lösen. Lösung poste ich später, ich muss schnell essen und dann kurz weg ;)

nickpdm

oh da danke ich dir schon mal im voraus, aber schreibe es mir mal bitte so das ich es leicht umsetzen kann;-)

jottlieb

So, öffne mal die header.php von deinem Theme mit einem Texteditor.
Recht weit oben findest du diese Zeile:

PHP

#header         { background: url("<?php bloginfo('stylesheet_directory'); ?>/images/baa_header.jpg") no-repeat bottom center; }

Ersetze sie mit:

PHP

<?php if (is_page('Apple')) { ?>                        
                        #header         { background: url("<?php bloginfo('stylesheet_directory'); ?>/images/baa_appleheader.jpg") no-repeat bottom center; }
<?php } else { ?>
                        #header         { background: url("<?php bloginfo('stylesheet_directory'); ?>/images/baa_header.jpg") no-repeat bottom center; }
<?php } ?>

Das sollte klappen ;)
Das andere Headerbild heißt dann baa_appleheader.jpg

nickpdm

jottlieb

ich wollte mich noch einmal bei dir bedanken, hat alles wunderbar geklappt.

Willkommen! Melden Sie sich an oder registrieren Sie sich.

Header Bild statische Seite ändern

Jetzt mitmachen!