Beitragsbild als Hintergrundbild einbinden.

    Hallo liebe WP Gemeinde, hoffe mir kann mal wieder jemand weiterhelfen.

    Ich habe folgendes vor. Das Beitragsbild, soll in einem bestimmt Kasten im header der Seite als Hintergrundbild angezeigt werden. Also nicht als komplettes Hintergrundbild der Seite. Nur für einen Style.

    Sowas ist doch bestimmt irgendwie möglich, oder?

    Momentan habe ich das Hintergrundbild für den header aus einer Stylesheet.

    .header {
    background: none repeat scroll 0% 0%;
    background:url(../../wp-content/uploads/2014/04/header.jpg);
    }

    Dieses soll nun mit dem Beitragsbild von den Seiten ausgetauscht werden.

    Hat jemand eine Idee oder sogar ne Lösung?

    • 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

    Mojn,

    ist von mir jetzt nicht getestet aber der Code von Aboobacker P kann zumindest ein Ansatz sein um die Sache zu realisieren. ;)
    http://wordpress.org/support/topic/…tured-image-url

    Allerdings müsste dann sicher die Hintergrundanweisung aus der .css genommen werden, da diese ja sonst immer wieder die dort definierte Grafik läd.

    Bitte keine Fragen per PM, oder Foren-Chat. Für Fragen ist das öffentliche Forum da. Meine Uerdinger Seite

    Ich mache so etwas am liebsten mit einer DOM-Methode plus Style, in diesem Fall würde ich dann halt als Event-Handler onload mit oder ohne addEventListener und backgroundImage verwenden.

    Code
    document.getElementById("id_vom_header").style.backgroundImage = image-url;

    Falls jQuery bereits eingebunden wird, dann lieber darüber ansprechen.

    http://de.selfhtml.org/javascript/objekte/style.htm
    http://de.selfhtml.org/javascript/objekte/document.htm

    image-url müsstest Du dabei mit PHP füllen oder ebenfalls versuchen mit JS abzugreifen.

    Einmal editiert, zuletzt von Melewo (11. April 2014 um 08:21)

    Habe eine Lösung von einem guten Freund bekommen, welche ich direkt in die header.php eingebunden habe.

    <?php $src = wp_get_attachment_image_src( get_post_thumbnail_id($post->ID), 'full', false, '' ); ?>
    <header id="header-v4" class="header clearfix
    <?php if ($post->post_type == 'page' && !empty($src)): ?>
    post-thumbnail" style="background-image: url(<?php echo $src[0]; ?>);"
    <?php endif; ?>
    ">


    Danke

Jetzt mitmachen!

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

Benutzerkonto erstellen Anmelden