gekennzeichnetes Bild als Hintergrundbild auf Seiten

Ich füge über das Dashboard ein ausgewähltes Bild auf meiner Seite hinzu und möchte es als Hintergrundbild im Container-Div der Seite verwenden. Ich möchte das Hintergrundbild über CSS anwenden, daher denke ich darüber nach, ein Stilattribut in mein Markup einzufügen. Ich denke darüber nach, 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;">

Aber leider funktioniert das nicht.

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

background: url() !important;

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

pages post-thumbnails custom-background

— agis
quelle

Haben Sie die Site bereits durchsucht ?

— Kaiser

Ja, ich habe recherchiert, aber es scheint nicht richtig zu funktionieren. Ich habe meine Frage aktualisiert. Überprüfen Sie dies jetzt bitte!

— Agis

Antworten:

Sie müssen echoden Rückgabewert von wp_get_attachment_image_src(). Es wird auch ein zurückgegeben Array(), sodass Sie den benötigten Teil aus diesem Array holen müssen. In diesem Fall ist es der erste / 0Wert. 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>

— Raank
quelle

Bitte erläutern Sie, warum dies dem OP helfen sollte. Vielen Dank.

— Kaiser

@kaiser hat auch so mit Hintergründen gearbeitet, ich bin Neuling, weiß nicht warum, aber ich weiß, dass es für das funktioniert hat, was ich in einem Forum gesehen habe.

— Raank

@ Feera Nun, dann ist es Magie . Und wissen Sie, dass Magie immer die Antwort ist: D

— Kaiser

mag klein sein, aber was zählt, ist die Absicht: P

— Raank

Wenn Sie dies in einer Funktion tun, vergessen Sie nicht, diesem Code vorangestellt zu werden global $post;.

— Ban-Geoengineering

Versuchen Sie, die the_post_thumbnail_urlFunktion zu verwenden :

Ruft die direkte Bild-URL für das ausgewählte Bild des aktuellen Beitrags 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;">

— Gleb Kemarsky
quelle