【问题标题】:WordPress Featured Image Not In DivWordPress 特色图片不在 Div 中
【发布时间】:2013-04-29 15:05:41
【问题描述】:

我有一个自定义帖子类型的特色图片,我试图在 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>

【问题讨论】:

    标签: image wordpress custom-post-type


    【解决方案1】:

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

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

    【讨论】:

    • 谢谢。当我更改它时,什么都不会返回。就好像对图像的调用甚至不存在一样。
    • 啊,我必须添加 $post_id。谢谢!
    • 抱歉,已在答案中修复。
    【解决方案2】:

    the_post_thumbnail("medium") 将返回 img 标签。您可以只获取特色图片 src 并根据需要使用。

    看看this

    【讨论】:

    • 不正确,the_post_thumbnail() 会回显结果,get_the_post_thumbnail() 会返回。
    猜你喜欢
    • 2019-07-31
    • 1970-01-01
    • 2014-08-18
    • 2015-04-28
    • 1970-01-01
    • 2012-12-12
    • 1970-01-01
    • 2012-09-17
    • 1970-01-01
    相关资源
    最近更新 更多