썸네일 URL이 페이지 상단에 나타납니다

Question

이 간단한 단축 코드를 작성하여 내 맞춤 블로그 그리드를 반환했으며 게시 된 이미지를 게시물 타일의 배경 이미지로 삽입하고 싶습니다.

모두 배경 이미지 부분을 제외하고는 모두 훌륭하게 작동합니다. 나는 왜 이미지 URL이 페이지 상단에서 반환되고 스타일 속성이 비어 있는지 이해할 수 없다. 단지`background-image url (''); 아래

스크린 샷 :

function gita_blog_grid($atts) { 
    extract(shortcode_atts(array(
    'post_type' => 'post', 
    'orderby' => 'date', 
    'order' => 'DESC', 
    'perpage' => 3 
), $atts)); 

    $output = '<div class="posts_wrapper"><div class="gita_posts_row">'; 
    $args = array(
    'post_type' => $post_type, 
    'orderby' => $orderby, 
    'order' => $order, 
    'posts_per_page' => $perpage 
); 

    $gita_query = new WP_Query ($args); 

    while($gita_query->have_posts()) : $gita_query->the_post(); 

     if(has_post_thumbnail()) { 
     $post_thumb = the_post_thumbnail_url('full'); 
     } 

     $output .= '<article class="gita_single_post" style="background-image: url(\''. $post_thumb . ' \')">'; 
     $output .= '<h3 class="gita_post_title">' . get_the_title() . '</h3>'; 
     $output .= '</article></div></div>'; 

    endwhile; 
    wp_reset_query(); 
    return $output; 
    } 

    add_shortcode('gita_blog', 'gita_blog_grid'); 

Answer 1

the_post_thumbnail_url 디스플레이와 같은 곧 전화로 페이지에 직접 URL입니다. 귀하의 경우에는 URL 문자열이 호출 된 즉시 화면에 표시됩니다. 이는 출력 처리를 생성하고 표시하기 위해 반환하기 전에 발생합니다.

• Codex for the_post_thumbnail_url
• WP Developer Resource for get_the_post_thumbnail_url

:

대신에 직접 표시하는, 당신은 당신이 get_the_post_thumbnail_url 즉

if(has_post_thumbnail()) { 
     $post_thumb = get_the_post_thumbnail_url(get_the_ID(), 'full'); 
} 

참조를 사용할 필요가 있도록 변수로 싶어