shortcode를 사용하는 짧은 그림 이미지

Question

현재 문제가 있습니다. WordPress를 사용하여 테마를 만들고 있습니다. 나는 shortcode를 사용하여 몇몇 포스트를 질문했다. 나는 get_the_post_thumbnail()을 사용하여 이미지를 통합하려고합니다. 그러나 이미지가 나타나지 않는 큰 문제가 발생했습니다.

이것은 내가 단축 코드

function portfolio_team_shortcode($atts){ 
    extract(shortcode_atts(array(), $atts)); 
    $q = new WP_Query(array('posts_per_page' => 4, 'post_type' => 'Team', 'orderby' => 'menu_order', 'order' => 'ASC')); 
    $list = '<div class="team_button"> 
       <button>Meet the team</button> 
      </div> 
      <div class="row">'; 
    while($q->have_posts()):$q->the_post(); 
    $facebook = get_post_meta(get_the_ID(), 'facebook', true); 
    $twitter = get_post_meta(get_the_ID(), 'twitter', true); 
    $linkedin = get_post_meta(get_the_ID(), 'linkedin', true); 
    $envelope = get_post_meta(get_the_ID(), 'envelope', true); 
    $member_image = get_the_post_thumbnail('thumbnail'); 
    $list .= ' 
     <div class="col-md-3 col-sm-3"> 
      <div class="team_profile"> 
       <div class="single_member"> 
        <img src="'.$member_image.'" alt="Team Member" /> 
        <h2>'.get_the_title().'</h2> 
        <p>'.get_the_content().'</p> 
        <ul> 
    '; 
    if($facebook): 
     $list .='<li><a href=""><i class="fa fa-'.$facebook.'"></i></a></li>'; 
    elseif($twitter): 
     $list .='<li><a href=""><i class="fa fa-'.$twitter.'"></i></a></li>'; 
    elseif($linkedin): 
     $list .='<li><a href=""><i class="fa fa-'.$linkedin.'"></i></a></li>'; 
    elseif($envelope): 
     $list .='<li><a href=""><i class="fa fa-'.$envelope.'"></i></a></li>'; 
    endif; 

    $list .='  </ul> 
       </div> 
      </div> 
     </div> 
    '; 
    endwhile; 
    $list .= '</div>'; 
    wp_reset_query(); 
    return $list; 
} 
add_shortcode('team','portfolio_team_shortcode'); 

왜 화상이 표시되지 않을

에 쓴 내 코드는?

Answer 1

get_the_post_thumbnail()은 이미지에 액세스하는 URL이 아닌 img 요소를 반환합니다. 따라서 <img src="'.$member_image.'" alt="Team Member" />을 제거하고 $member_image으로 바꿔야합니다. 문맥에서 :

<div class="single_member"> 
    '.$member_image.' 
    <h2>'.get_the_title().'</h2> 
    <p>'.get_the_content().'</p>