Question

我有一个自定义帖子类型的精选图片，我试图在div中进行布局。由于某种原因，图像在页面上但在div之外。这是我第一次使用精选图片和自定义帖子类型。我错过了什么导致图像在div开始之前出现在页面上？

if ($loop->have_posts()) {
    $output = '<div class="stories">';

    while($loop->have_posts()){
        $loop->the_post();
        $meta = get_post_meta(get_the_id());

        $output .= '
            <div class="story" style="float: left; display: block; border: 1px solid #CCC;">
                <a href="' . get_permalink() . '">
                    ' . get_the_title() . '</a>
                ' . the_post_thumbnail("medium") . '
                ' . get_the_excerpt() . '

            </div>
        ';
    }
    $output .= "</div>";
} else {
    $output = 'No Stories Added Yet.';
}

return $output;

当我查看HTML输出时，这就是呈现的内容：

<div class="row-fluid ">
    <img class="attachment-medium wp-post-image" width="300" height="195" alt="13755721_m" src="http://code2media.net/wp-content/uploads/2013/04/13755721_m-300x195.jpg">
    <img class="attachment-medium wp-post-image" width="300" height="240" alt="African-Boy" src="http://code2media.net/wp-content/uploads/2013/05/Snotty-African-Boy-300x240.jpg">
<div class="stories">
    <div class="story" style="flost: left; display: block; border: 1px solid #CCC;">
        <a href="http://code2media.net/stories/story-2/"> Story 2</a>
        Test Content
    </div>
    <div class="story" style="flost: left; display: block; border: 1px solid #CCC;">
        Test Content
    </div>

Answer 1

the_post_thumbnail("medium")在调用它时会立即回显图像缩略图，在您正在构建的其他HTML之外，并在字符串中附加一个空的返回值。如果您希望该方法返回结果以附加到您的字符串（您这样做），那么您需要使用get_the_post_thumbnail($post->ID, "medium")

一般来说，以the_开头的WordPress方法会回显结果，而以get_开头的方法会返回值。

Answer 2

the_post_thumbnail（“medium”）将以img标签返回。你可以获得特色图像src并按需使用。

看看this

WordPress精选图片不在Div

2 个答案: