HTML樣式屬性中的PHP代碼（或引號引起的混淆）

Question

我對在此行中使用PHP代碼的方式完全感到困惑：

<div class="post-img" style="backgroung-image:url(' <?php echo $thumbnail[0] ?> ')"></div>

在我看來，在我的示例中它被視為文本閱讀。 我相信，我也嘗試了另一種因相同原因而行不通的方法，我相信...

<?php echo '<div class="post-img" style="backgroung-image:url(' . $thumbnail[0] . ')"></div>' ?>

$ thumbnail變量包含指向Wordpress帖子主圖像的鏈接：

$thumbnail = wp_get_attachment_image_src( get_post_thumbnail_id( $post_id ) );

請給我一個建議，如何將動態鏈接應用於Wordpress帖子圖片？

Answer 1

嘗試這個

<div class="post-img" style="backgroung-
image:url('<?php
wp_get_attachment_image_src(
get_post_thumbnail_id($post_id )[0] ); ?>')">
</div>

某些WordPress函數直接顯示字符串。 無需回顯它們。

Answer 2

如果div沒有內容，則必須在CSS中添加高度，如下所示：

<div class="post-img" style="background:url('<?php echo $thumbnail[0]; ?>')no-repeat; height:200px;">

Answer 3

一般而言，結果將是這樣，

array{
    [0] => url,
    [1] => width</em>
    [2] => height</em>
    [4] => is_intermediate
}

你可以做這樣的事情

<?php echo '<div class="post-img" style="backgroung-image:url(' . $thumbnail[0] . ') . $thumbnail[2] ."></div>' ?>

Answer 4

ADyson和Nobita在評論我的問題時給了我解決方案，即：

echo '<div class="post-img" style="background-image:url(\'' . $thumbnail[0] . '\')"></div>';