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

generall，结果将是这样的，

-webkit-clip-path: polygon(0 11%, 100% 0%, 100% 88%, 0% 100%);
clip-path: polygon(0 11%, 100% 0%, 100% 88%, 0% 100%);

你可以做这样的事情

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

Answer 4

ADyson和Nobita在我的问题评论中给了我解决方案，即：

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