Unterschiedliche Headerbilder je nach Seite - Anpassungsproblem

buona

Hallo zusammen,
ich will auf BILD DIR DEINEN BERUF! - Simone Janson verschiedene Headerbilder anzeigen, und zwar für jede oberseite ein Bild. Theme ist Vertigo
Dabei bin ich nach dieser Anleitung vorgegangen:
7 Kategorien - 7 Header Bilder

Immerhin kann ich damit schonmal das Header-Bild auf bestimmten Seiten anzeigen. Allerdings kann ich nur die Datei images/header.jpg anzeigen - alle Dateien wie header2.jpg, header3.jpg usw. werden gar nicht angezeigt. Ich nutze Vertigo, wo das header-Bild in der css-definiert wird. Auch wenn ich den betreffenden Teil in der css lösche oder header dort in header2 usw. umbenenne klappt es nicht.
Ich hoffe, jemand kann mir helfen. Ich poste dann auch gerne die header.php oder was ihr sonst so braucht - ich wusste nicht was.

Danke schonmal im Voraus
Simone

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

buona

Update: Das Problem hat sich inzwischen gelöst - siehe unten. Ich lasse als Beispiel dennoch mal alles so stehen.

Ich poste hier mal die relevanten Teile aus meiner CSS und meinen Header. Vermutlich muss ich beides irgendwie zusammenbringen, um die wechselnden Bilder zu erreichen - aber ich weiss nicht wie. Den CSS-Code einfach in den Header kopierten, wie unter texto vorgeschlagen, klappt jedenfalls nicht, dann verschiebt sich die ganze Seite.

Ich hoffe sehr, jemand kann mir helfen.
Unter BILD DIR DEINEN BERUF! - Simone Janson sieht man, dass ich headerbilder zumindest für Seiten ausschließen kann
Aber wie definiere ich andere Header-Bilder? Irgendwas las ich gestern mit in der function.php festlegen. Dort ist bei mir bislang nur die Anzahl der Sidebars festgelegt.
Ich hoffe, jemand hat eine Idee.
Schonmal danke im Voraus.
Simone BILD DIR DEINEN BERUF! - Simone Janson

Erstmal den Header (hier findet man auch den Code, mit dem ich die Tagcloud in den Header gepackt habe - falls das jemand auch machen möchte.

PHP

<!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'); ?>" />
<meta name="distribution" content="global" />
<meta name="robots" content="follow, all" />
<meta name="language" content="en, sv" />


<?php load_theme_textdomain('vertigo'); ?>


<title><?php wp_title(''); ?><?php if(wp_title('', false)) { echo ' :'; } ?> <?php bloginfo('name'); ?></title>
 
<meta name="generator" content="WordPress <?php bloginfo('version'); ?>" />
<!-- leave this for stats please -->


<link rel="Shortcut Icon" href="<?php bloginfo('template_directory'); ?>/images/favicon.ico" type="image/x-icon" />




<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'); ?>" />
<?php wp_get_archives('type=monthly&format=link'); ?>
<?php wp_head(); ?>
<style type="text/css" media="screen">
<!-- @import url( <?php bloginfo('stylesheet_url'); ?> ); -->
</style>
</head>


<body>
<div id="headerbild" style="background: url('<?php


    bloginfo('stylesheet_directory');


    if (is_page('13')) {
        echo "/images/header.jpg";
 } elseif (is_page('1')) {     
        echo "/images/header.jpg";
 } elseif (is_home()) {
        echo "";
} elseif (is_category()) {
        echo "";
} elseif (is_single()) {
        echo "";
} elseif (is_tag()) {
        echo "";
} elseif (is_search()) {
        echo "";
 } else { 
         echo "/images/header.jpg";    } 
?>');background-position:50%0%;background-repeat:no-repeat;position:relative;height:228px;margin:0auto0auto;padding:15px015px0;">
<div class="nav">


<div id="navbar">


<div id="navbarleft" onclick="location.href='<?php echo get_settings('home'); ?>';" style="cursor: pointer;">
    </div>


<div id="navbarright">
<ul>    
<a href="<?php echo get_settings('home'); ?>"><?php _e('Home','vertigo')?></a>
<?php wp_list_pages('title_li=&depth=1'); ?></a>
</ul>
</div>


<div id="tagcloud">
<?php if (is_home()) wp_tag_cloud('smallest=9&largest=18&number=o&orderby=name&order=desc'); ?>
<?php if (is_single()) wp_tag_cloud('smallest=9&largest=18&number=o&orderby=name&order=desc'); ?>
<?php if (is_category()) wp_tag_cloud('smallest=9&largest=18&number=o&orderby=name&order=asc'); ?>
<?php if (is_tag()) wp_tag_cloud('smallest=9&largest=18&number=o&orderby=name&order=asc'); ?>
<?php if (is_search()) wp_tag_cloud('smallest=9&largest=18&number=o&orderby=name&order=asc'); ?>
</div>




</div>
</body>

Alles anzeigen

und nun den Teil der CSS

PHP

/************************************************
*    Navbar                                     *
************************************************/
#navbar{
background: #FFFFFF url(images/header.jpg);  
    width: 957px;
    height: 228px;
    margin: 0px auto 0px;
    padding: 0px;
    overflow: hidden;
    }


#navbar img a{
    margin: 0px;
    border: none;
    }


#navbarright {
    width: 950px;
    float: left;
    text-align: left;
    margin: 0px;
    padding: 0px 0px 0px 0px;
    }
    
#navbarright li {
    display: inline;
    list-style-type: none;
    margin: 0px;
    padding: 0px;
    }
        
#navbarright ul {
    margin: 0px;
    padding: 15px;
    }
        
#navbarright a, #navbarright a:visited {
    color: #FFFFFF;
        font-family: Arial;
    font-weight: bold;
        font-size: 15px;
    margin: 0px;
    padding: 10px 9px 10px 6px;
    text-decoration: none;
    }
        
#navbarright a:hover {    color: #FFFFFF;
    font-weight: bold;
    text-decoration: underline;
    }

Alles anzeigen

buona

Problem gelöst

Asche auf mein Haupt.
Mein Problem hat sich erledigt. Es lag an den Bildern. Ich habe nämlich Bilder verwendet, die ich zuvor von gif. auf jpg. umgewandelt habe - ich glaube zumindest dass es daran lag. Wenn ich es gleich als .jpg abspeichere, klappt es. Wahrscheinlich müssen die Bilder nicht nur gleich groß und hoch sein sondern auch genau der gleich Dateityp.

Aber vielleicht hilft das ja jemand anderem.
Gruß
Simone

Willkommen! Melden Sie sich an oder registrieren Sie sich.

Unterschiedliche Headerbilder je nach Seite - Anpassungsproblem

Jetzt mitmachen!