如何使用 Echo 设置 div 背景图像？答案

【问题标题】：How To Set Div Background Image Using Echo?如何使用 Echo 设置 div 背景图像？
【发布时间】：2019-06-22 04:50:42
【问题描述】：

我使用 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();

```}

【问题讨论】：

您如何检索图像 url，即它是函数、变量、会话/cookie 还是常量？
通过 $query 循环检索它，我将它设置为 $thumbnail 变量，如果我回显它，我可以看到图像 url (localhost/websites/site_canada/wp-content/uploads/2019/06/…) ...我似乎无法设置使用'echo'将它添加到project-img div的背景
是否回显 "
"; `工作

标签： php wordpress echo

【解决方案1】：

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

get_the_post_thumbnail_url()

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

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

【讨论】：

很高兴听到！感谢您的反馈。

【解决方案2】：

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

【讨论】：