我正在制作一个自定义的最近帖子快捷码，我对缩略图有一个问题，它总是将其显示在所有内容之上（永久链接、标题等）即使我把它放在代码后面，wordpress中是否有强制这种行为的东西？

代码如下：

function mmx_recent_posts_shortcode($atts, $content = NULL)
{
    $atts = shortcode_atts(
        [
            \'orderby\' => \'date\',
            \'posts_per_page\' => \'3\'
        ], $atts, \'recent-posts\' );

    $query = new WP_Query( $atts );

    if ( $query->have_posts() ) {
        $output = \'<div class="row">\';

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

            $output .= \'<div class="col span_4">
                <h4>\' . get_the_title() . \'</h4>
                <a href="\' . get_permalink() . \'">Lire la suite</a>\' . the_post_thumbnail(\'thumbnail\', [\'class\' => \'droplet-img\', \'title\' => get_the_title()]) . \'
            </div>\';

        endwhile;

        wp_reset_query();

        return $output ; \'</div>\';
    }
}
add_shortcode(\'mmx-recent-posts\', \'mmx_recent_posts_shortcode\');

水滴img的css代码：

.droplet-img {
    border-radius: 0 50% 50%;
}

下面是当前情况的屏幕截图：

下面是我想要的：

如果有人知道如何修复它，我将不胜感激！

谢谢

the_post_thumbnail(\'thumbnail\', [\'class\' => \'droplet-img\', \'title\' => get_the_title()])

get_the_post_thumbnail(\'thumbnail\', [\'class\' => \'droplet-img\', \'title\' => get_the_title()])

function mmx_recent_posts_shortcode()
{
    $args = array(
        \'orderby\' => \'date\',
        \'posts_per_page\' => 3
    );

    $posts = get_posts( array( $args ) );

    foreach ( $posts as $post ) {
        if ( has_post_thumbnail( $post->ID ) ) {
            echo \'<div class="col span_4 mmx-recent-posts">
                <h4>\' . esc_attr( $post->post_title ) . \'</h4>
                <a href="\' . get_permalink( $post->ID ) . \'">Lire la suite</a>\' . get_the_post_thumbnail($post->ID, \'thumbnail\', array(\'class\' => \'droplet-img\', \'title\' => esc_attr( $post->post_title ))) . \'
            </div>\';
        }
    }
}