如何使用Echo设置Div背景图片？

Question

我使用 jquery 和 php 为 wordpress 主题创建了一个简单的加载更多 ajax 按钮。我可以加载更多帖子，但我正在尝试使用 echo 将 div 的背景图片设置为我的 functions.php 文件中的帖子缩略图，但我不确定如何设置？我尝试创建变量并将其传递到 url，但没有成功。这是我的代码：

add_action( 'wp_ajax_load_more', 'load_more' );

function load_more() {
    // load more posts
    $paged = $_POST['page']+1;
    $ppp = $_POST['ppp'];

    $query = new WP_Query( array(
        'post_type' => 'project',
        'status' => 'publish',
        'order' => 'ASC',
        'posts_per_page' => $ppp,
        'paged' => $paged
    ) );

    if($query->have_posts()):
        while($query->have_posts()): $query->the_post();

            $thumbnail = the_post_thumbnail_url();

            echo '<div class="col-lg-4 col-md-6">';
                echo '<div class="project">';
                    echo '<div class="project-content">';
                        echo '<div class="project-img" style="background:url( THUMBNAIL HERE )">';

                        echo '</div>';
                    echo '</div>';
                echo '</div>';
            echo '</div>';
        endwhile;
    endif;

    wp_reset_postdata();

    die();

```}

Answer 1

 echo "<div class='project-img' style='background:url($thumbnail )'>";

Answer 2

如果你想设置一个变量等于 post 的缩略图，我认为你需要使用 get 函数：

get_the_post_thumbnail_url()

然后您可以回显变量名称作为背景图片：

echo '<div class="project-img" style="background:url(' . $thumbnail . ')">';

如何使用Echo设置Div背景图片？

How To Set Div Background Image Using Echo?

php

wordpress

echo