it-swarm.com.de

empfohlenes Bild als Hintergrundbild auf den Seiten

Ich füge über das Dashboard ein Bild auf meiner Seite hinzu und möchte es als Hintergrundbild für den Containerbereich der Seite verwenden. Ich möchte das Hintergrundbild über CSS anwenden, daher überlege ich, ein Stilattribut in mein Markup einzufügen. Ich denke, so etwas zu machen:

<div id="<?php echo $post_name; ?>" class="page<?php echo $post_id; ?>" style="background: url(<?php wp_get_attachment_image_src( get_post_thumbnail_id(), 'large' ); ?>) !important;">

Das funktioniert aber leider nicht.

Wenn ich die Ausgabe überprüfe, ist das wie folgt:

background: url() !important;

Was ist daran falsch? Irgendwelche Vorschläge? Vielen Dank!

8
agis

Sie müssen echo den Rückgabewert von wp_get_attachment_image_src() angeben. Außerdem wird eine Array() zurückgegeben, sodass Sie den benötigten Teil aus diesem Array abrufen müssen. In diesem Fall ist es der erste/0 Wert. Beispiel:

<?php $thumb = wp_get_attachment_image_src( get_post_thumbnail_id($post->ID), 'full' );?>
<div id="post" class"your-class" style="background-image: url('<?php echo $thumb['0'];?>')">
<p>text demo</p>
</div>
12
Raank

Versuchen Sie, die Funktion the_post_thumbnail_url zu verwenden:

Ruft die direkte Bild-URL für das vorgestellte Bild des aktuellen Posts ab.

<div id="<?php echo post_name; ?>" class="page<?php 
echo $post_id; ?>" style="background: url(<?php 
echo get_the_post_thumbnail_url( $post_id, 'large' ); ?>) !important;">
2
Gleb Kemarsky