Как установить фоновое изображение Div с помощью эха?

Question

Я создал простую кнопку ajax load more для темы WordPress, используя jquery и php. Я могу загрузить больше сообщений, но я пытаюсь установить фоновое изображение div для миниатюры сообщений в моем файле functions.php, используя echo, однако я не уверен, как? я попытался создать переменную и передать ее в 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

Если вы хотите установить переменную, равную уменьшенному значку записи, я думаю, что вам нужно использовать функцию get:

get_the_post_thumbnail_url()

Затем вы можете отобразить имя переменной в качестве фонового изображения:

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

Answer 2

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