Hintergrundbild je nach Seite/Kategorie ändern

    Hallo allerseits!

    Da dieses Forum bisher immer recht gut helfen konnte, hoffe ich, das es auch diesmal der Fall ist :)
    Wie der Titel schon bereits sagt, soll sich das Hintergrundbild je nach Seite bzw. Kategorie ändern.
    Ich habe auch schon herausgefunden, dass es theoretisch nicht so schwer ist, da Wordpress ja für die Seiten und Kategorien anlegt, soweit ich das verstanden habe.

    Hier ein Auszug, wie ich nun dachte, dass es eigentlich funktionieren müsste:

    HTML
    html, body {
background: url(images/headerline.png) repeat-x top, url('images/home_bg.jpg') top center no-repeat, #e7e7e7;}


body.category-Ministranten{ url(images/headerline.png) repeat-x top, url('images/bg_minis.jpg') top center no-repeat, blue;}


body.home{ url(images/headerline.png) repeat-x top, url('images/bg_minis.jpg') top center no-repeat, blue;}

    Als body-Tag nutze ich

    HTML
    <body <?php body_class(); ?>>


    der das ja unterstützen sollte.

    und hier der Link zur Seite, falls es weiterhelfen mag :) http://www.georgs-kirche.de/wordpress/

    Ich würde mich freuen, wenn mir jemand bei diesem Problem helfen könnte! Fehlt vielleicht irgendwie eine Funktion in der function.php oder so?
    Ich habe schon das ganze Internet durchforstet, aber so wirklich weitergebracht hat mich das bisher nicht...
    Die Nutzung eines Plug-ins würde ich auch gerne vermeiden, wenn es eigentlich auch durch diese Klassen möglich wäre :)

    viele Grüße
    Furo

    • Gerade eben
    • 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

    Zitat von alchymyth

    die gross/kleinschreibung beachten - die kategorienbezeichnung verwendet die slugs:

    PHP
    <body class="archive category category-ministranten category-7">


    und http://www.w3schools.com/css3/css3_backgrounds.asp

    Erst einmal vielen Dank für die Antwort!
    Ich hab es jetzt mal für diese Seite ausprobiert:
    http://www.georgs-kirche.de/wordpress/?page_id=2

    mit der Zeile in der style.css:

    HTML
    body.page-id-2{ url(images/headerline.png) repeat-x top, url('images/bg_minis.jpg') top center no-repeat, blue;}


    aber auch hier zeigt er weiterhin das Standardhintergrundbild an, ebenso wenn ich die Ministranten klein schreibe :/

    Die css-Angaben scheinen mir etwas, mhmm... eigenartig.
    Beachte nicht nur die Gross- und Kleinschreibung sondern auch die Leerzeichen! Weiters musst du vor der URL noch definieren auf was diese URL Verweist (zBsp. Background-Image). Weiters kannst du nicht zwei URLs für scheinbar die selbe Eigenschaft verwenden. Weiters trennt man Eigenschaften mittels Strichpunkt ";".
    LG

    Zitat von pixselig

    Die css-Angaben scheinen mir etwas, mhmm... eigenartig.
    Beachte nicht nur die Gross- und Kleinschreibung sondern auch die Leerzeichen! Weiters musst du vor der URL noch definieren auf was diese URL Verweist (zBsp. Background-Image). Weiters kannst du nicht zwei URLs für scheinbar die selbe Eigenschaft verwenden. Weiters trennt man Eigenschaften mittels Strichpunkt ";".
    LG


    Hihihihihi, oh man, manchmal sieht man den Wald vor lauter Bäumen nicht mehr...hab die restlichen Tage fast nur programmiert....
    natürlich das "background:" davor fehlt, das war der ganze Fehler in der Geschichte. Vielen vielen Dank! :)

    Zitat

    Weiters kannst du nicht zwei URLs für scheinbar die selbe Eigenschaft verwenden.


    inwiefern meinst du das? Ist das darauf bezogen, dass ich zwei Hintergrundbilder verwende? Also das funktioniert ja eigentlich ganz gut, das eine ist der Headerabgrenzungsstrich (also oben das weiße mit dem grünen Strich drunter), das andere ist dann das Hintergrundbild, welches sich immer ändern soll :)
    Und soweit ich das gelesen habe, trennt man mehrere Hintergründe mit einem Komma, oder ist das nicht richtig?

    Zitat von Furocan


    Und soweit ich das gelesen habe, trennt man mehrere Hintergründe mit einem Komma, oder ist das nicht richtig?


    Ist natürlich richtig. War mein Denkfehler denn ich dachte, dass sich die Hintergrundbilder auf verschiedene Elemente beziehen. Aber so passts ja.

Jetzt mitmachen!

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

Benutzerkonto erstellen Anmelden