Миниатюра изображения с использованием короткого кода

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() возвращает элемент html img, а не только URL-адрес для доступа к изображению. В результате вы должны избавиться от <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>