注意事项：

只需使用the_title(); 而不是echo get_the_title();使用the_title_attribute() 用于标题属性$wp_query 使用辅助查询时wp_reset_postdata() 在二次查询循环之后使用the_permalink() 这逃脱了永久的束缚，而不是未被超越的echo get_permalink();has_post_thumbnail() 检查是否设置了帖子缩略图get_the_post_thumbnail() 返回后期缩略图图像标记，而不是urlthe_post_thumbnail_url() 获取缩略图urlif( 0 === $recent_posts->current_post ){ 在这个循环中

示例：

这里有一个示例（PHP 5.4+）：

$recent_posts = new WP_Query( $args );
if( $recent_posts )
{
    $thumbnail_url = \'https://example.tld/default.png\'; // fallback post thumbnail url
    $data          = [];

    // Loop    
    while( $recent_posts->have_posts() )
    {
        $recent_posts->the_post();

        // Post thumbnail from the first post
        if( 0 === $recent_posts->current_post )
            $thumbnail_url = get_the_post_thumbnail_url( get_the_ID(), \'medium\' );

        // Collect post titles
        $data[] = the_title(
            sprintf(
                \'<div class="title"><h3><a href="%s">\',
                esc_url( get_permalink() )
            ),                 // before
            \'</a></h2></div>\', // after
            false              // echo
        );
    }
    wp_reset_postdata();

    // Output
    if( $data )
        printf(
            \'<div class="widget-wrap-sidebar" style="background-image: url(%s)">
                 <div class="my-widget">%s</div>
             </div>\',
            esc_url( $thumbnail_url ),
            join( \'\', $data )
        );
}

希望有帮助。