Hintergrundbild hinter Bilder in einer Seite?

  • Hallo, ich möchte gerne in einer einzelnen Seite die Hintergrundfarbe ändern, bzw. ein Bild dahinter setzen, statt des sonst üblichen Weiß. Ist das irgendwie möglich? Das Feld in dem der Text ist soll diese Farbe haben, bzw. das Bild soll dahinter stehen. Es geht nicht um die Website an sich.

    Hoffe ich hab das irgendwie halbwegs verständlich gemacht :)

    • 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

  • Hallo, ich möchte gerne in einer einzelnen Seite die Hintergrundfarbe ändern, bzw. ein Bild dahinter setzen, statt des sonst üblichen Weiß. Ist das irgendwie möglich? Das Feld in dem der Text ist soll diese Farbe haben, bzw. das Bild soll dahinter stehen. Es geht nicht um die Website an sich.

    Hoffe ich hab das irgendwie halbwegs verständlich gemacht :)

    ich hoff ich kapierte:
    du suchst eine Möglichkeit ein Hintergrundbild zu haben und der Text darüber soll das Hintergrundbild anzeigen => ergo transparent sein ==> korrekt so?

    wenn ja, dann suche nach "background:transparent" das macht genau das
    also body bekommt die Backgroundfarbe oder das Bild was du haben magst,
    das div //die CSS Klasse für den Text dann background transparent

    das ganze ist allerdings eindeutig => (Lerne CSS) :-) aber mit diesen Tipps kannst du sicher genug im WWW finden,
    fang mal an und dann zeig her, wenn was wo vielleicht nicht klappt :-)

  • Ich habe es ein wenig anders verstanden. Wenn Du möchtest, dass nur der Artikel mit der Id 345 einen anderen Hintergrund erhalten soll, müsstest Du die ID in der header.php noch vor </head> abfragen und einen anderen Hintergrund zuweisen.

    Wenn ich in meiner Style.css schaue, wäre nur für den Bereich des Artikels .site-content article verantwortlich, müsste man ausprobieren, ob sich das im Header einfach (eventuell mit !important) für eine Seite überschreiben lässt. So fit bin ich in CSS nicht, als das ich ohne zu testen wüsste, was als Selektor geeignet ist und da hilft halt nur testen.

    PHP
    <?php
    if (is_single(345)) { 
    
    
        echo "<style type=\"text/css\">\n".
        "#post-345 {background-image: url('pfad_zum_bild')}\n".
        "</style>\n";
    }
    ?>

    Ob is_single oder is_page die gewünschte Auswahlseite liefert, findest Du auf Monikas Seiten gut erklärt.

    http://www.texto.de/das-geheimnis-…ausdrucken-600/

  • Nun habe ich mit einer Artikelseite einen Test gemacht. Den Pfad zum Bild, die ID und ob is_single oder is_page müsstest Du anpassen und Dich über repeat belesen. Funktioniert so wie ist bei mir im Test. Die ID findest Du im Quelltext Deiner Seite.

    http://www.css4you.de/background-repeat.html

  • Und bevor ich es vergesse, falls Du das online testest, Du solltest Dir vorher eine Kopie von der header.php auf Deinem Rechner speichern, die Du im Falle eines Fehlers per FTP hochladen kannst.

  • Das müsste doch auch alles mit CSS gehen:


    Geht wohl auch, wenn man denn von CSS mehr Ahnung hat als ich. So einfach funktioniert es zumindest noch nicht, dazu müsste ja ein Bereich oder ein Element direkt angesprochen werden und nicht nur die Page mit der ID.

    Code
    .single postid-282 {
             background-image: url('http://localhost/wp/wp-content/uploads/2013/07/seitengrund.jpg');
             background-repeat: repeat-x;
    }
    .page-id-282 {
             background-image: url('http://localhost/wp/wp-content/uploads/2013/07/seitengrund.jpg');
             background-repeat: repeat-x;
    }

    Die nachfolgenden Zeilen ließen sich aber direkt in die style.css eintragen, doch dann bläht ja diese mit jedem zusätzlichen Eintrag weiter auf, wobei zwei Zeilen mehr oder weniger den Kohl nicht fett machen. Doch Styles, die nur für eine Seite benötigt werden, würde ich da nicht unbedingt eintragen.

    Code
    #post-282 {
             background-image: url('http://localhost/wp/wp-content/uploads/2013/07/seitengrund.jpg');
             background-repeat: repeat-x;
    }

    Einmal editiert, zuletzt von Melewo (24. Oktober 2013 um 16:20)

  • Ich habe letztlich einen Workaround gefunden, bei dem ich über das Plugin ein Hintergrundbild einbauen konnte. Aber das hier wird sicherlich in Zukunft nützlich sein, wenn ich mal ohne das Plugin auskommen muss! Vielen Dank! :)

Jetzt mitmachen!

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