在functions.php

Question

我使用Ajax将查询的帖子加载到我的页面中，我的functions.php中有一个函数可以帮助实现这个功能。它会在邮件加载到页面时输出正确的标记。

除了Post缩略图之外，其中大部分工作正常。

由于我认为你不需要，我不会厌烦你。

在页面模板中，加载的第一个帖子都在此标记中，并且它完美地运行：

<div class="small-12 large-3 columns end thumb">    
        <div class="grid">
            <figure class="effect-zoe">
                <?php the_post_thumbnail( $size, $attr ); ?>
                <figcaption>
                    <h2><?php the_title(); ?></h2>
                    <hr class="light">
                    <p class="description"><?php the_content(); ?></p>
                </figcaption>           
            </figure>
        </div>  
</div>

这是我想在functions.php中复制的，这是我在函数文件中的代码：

$out .= '<div class="small-12 large-3 columns end">
                    <div class="grid">
                        <figure class="effect-zoe">
                            '.the_post_thumbnail( $size, $attr ).'
                            <figcaption>    
                                <h1>'.get_the_title().'</h1>
                                <p>'.get_the_content().'</p>
                            </figcaption>           
                        </figure>
                    </div>
                </div>';

所有这一切都非常有效，除了缩略图在页面上垂直向下加载，并为其下的所有其他内容添加正确的布局。

以下是页面模板中设置的布局图：

以下是函数加载到页面中的内容：

我已尽可能多地提供信息，并认为我错过了一些非常简单的事情，我只是无法看到它。

Answer 1

the_post_thumbnail()回显缩略图。由于您要将内容分配给变量，因此您需要使用get_the_post_thumbnail() return缩略图：

<figure class="effect-zoe">
    '.get_the_post_thumbnail( get_the_ID(), $size, $attr ).'
        <figcaption>