Generierung Hintergrund-Stil in WordPress

Question

In Wordpress, ich versuche, den Hintergrund eines div dynamisch mithilfe der post-thumbnail URL in einem Style-Parameter festlegen. Ich habe den style-Parameter in eine Variable namens named eingefügt. Wenn ich $ Stil direkt Echo, es gibt:

style="background: url("http://localhost/test/wp-content/uploads/2012/11/potloden_120px.png") cover no-repeat;" 

Aber wenn ich $ Stil in den div Echo, etwa so:

<div class="column" <?php echo $style; ?>> 

ich die folgende Ausgabe:

<div class="column" style="background: url(" http:="" localhost="" test="" wp-content="" uploads="" 2012="" 11="" potloden_120px.png")="" cover="" no-repeat;"=""> 

Hat jetzt jemand was das verursacht? Wie soll ich meine Syntax dafür lernen?

Answer 1

Ändern Sie diese in Ihrem Code

<div class="column" style="background: url('<?php echo $image; ?>') cover no-repeat;"> 

Add URL innerhalb eines einzigen quote.This wird variabel in der richtigen Format bewerten.

url('<?php echo $image; ?>') 

Ausgang wird

<div class="column" style="background: url('http://localhost/test/wp-content/uploads/2016/11/potloden_120px.png') cover no-repeat;"> 

Tipps Benutzen Sie so, dass Sie die doppelten Anführungszeichen nicht entkommen müssen (wenn echo),

Answer 2

Ich habe überprüft, bitte Legen Sie den Code in Ihre WordPress-Vorlage und überprüfen Sie sie.

<?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>