Hintergrund(bild) ändern auf jeder Seite

  • Hallo,

    gibt es eine Möglichkeit, auf jeder Unterseite ein anderes Hintergrundbild zu setzen?
    Ich meine das Bild was per CSS über dem eigentlichen Hintergrund positioniert wird:
    "background-image: url('images/page_gl.png');"

    Oder muss ich da für jede Unterseite ein eigenes Theme (mit eigenem Hintergrundbild) erstellen, auf welches diese Seite dann zugreift??

    Letzteres fände ich recht umständlich, da gibt es doch bestimmt was besseres...?

    Wobei ich dieses Hintergrundbild eigentlich nur deshalb auf jeder Unterseite ändern möchte, weil im rechten Bereich Grafiken überlappen, und mir nichts besseres eingefallen ist, als das Ganze zu zerschnippeln und alles was rechts herausragt als Hintergrundbild einzubauen - was aber einen Haufen Extra-Arbeit macht. Vielleicht kann man das ja auch anders lösen...?
    Kann man - quasi über allem drüber - eine Grafik positionieren, die sowohl den Header, als auch den Inhaltsbereich und den Hintergrund teilweise überdeckt bzw. überlappt??

    Einmal editiert, zuletzt von rgk-berlin (28. September 2010 um 19:35)

    • Anzeige

    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

  • als anregung, ist von einer anderen anwendung, sollte aber einfach auf seitenhintergrund umgestellt werden koennen:

    PHP
    <style type="text/css">
    <?php $page_id=$post->ID;
    if(is_page()) { $image='head-image-'.$page_id.'.jpg'; };
    if(!file_exists(TEMPLATEPATH.'/images/'.$image)) { $image='head-image.jpg'; }
    echo '#header { background: url(' . get_bloginfo('stylesheet_directory') . '/images/'.$image.') center top no-repeat; }'; ?>
    </style>
  • als anregung, ist von einer anderen anwendung, sollte aber einfach auf seitenhintergrund umgestellt werden koennen:

    PHP
    <style type="text/css">
    <?php $page_id=$post->ID;
    if(is_page()) { $image='head-image-'.$page_id.'.jpg'; };
    if(!file_exists(TEMPLATEPATH.'/images/'.$image)) { $image='head-image.jpg'; }
    echo '#header { background: url(' . get_bloginfo('stylesheet_directory') . '/images/'.$image.') center top no-repeat; }'; ?>
    </style>


    Danke für deine Antwort (war wegen Umzugs ein Weilchen offline.)

    Wo setze ich das denn ein? Im CSS? Oder in page.php?

    Und: muss ich da noch etwas ändern? Oder reicht es meine Seiten umzubenennen in "page1", "page2" etc... und er sucht sich dann einfach die Nummer raus und macht den Rest?
    Sorry, kenne mich mit php wenig aus und weiß daher nicht so genau wie das genau funktioniert!

    Einmal editiert, zuletzt von rgk-berlin (17. Oktober 2010 um 18:41)

  • das wuerde in header.php vor dem </head> eingesetzt werden.


    die seiten brauchst du nicht umbenennen - du must jedoch die 'page id' herausfinden - zB im dashboard - edit pages - mouse-hover ueber dem seitennamen, und die id sollte unten im browser zu sehen sein.

Jetzt mitmachen!

Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!