如何将缩略图放入图片尺寸完全不同的div中?

时间:2017-06-22 作者:parisa

我在索引中使用下面的代码为缩略图定义了一个div,它是200px*200px。php文件:

<ul> <?php
    $my_query = new WP_Query(\'showposts=10&cat=3\');
    while ($my_query->have_posts()): $my_query->the_post(); $do_not_duplicate = $post->ID;?> 
    <div id="posts">
    <div id="post-thumbnail">
    <?php the_post_thumbnail( \'post-thumbnail\'); ?>
    </div>
    <div id="post-content">
    </div>
    <div id="post-tags">
     <li>
    <a href="<?php the_permalink(); ?>"><?php the_title(); ?></a>
    </li>
    </div>
    </div>
    <?php endwhile; ?> 
</ul>
在我的职能中。php文件我为缩略图定义了200px*200px大小,如下所示:

if (function_exists(\'add_image_size\')){
add_image_size( \'post-thumbnail\', 200, 200,true);
}
到目前为止,一切正常,但我的一张图片显示不正确;它的宽度合适,但高度不合适。图像的实际大小为1920*1080。Besides other images which are 1920*1200, fit correctly both in width and height.

另一方面,这个问题只发生在一些图像上,因为我使用了来自相同维度(1920*1080)的图像,并且它们正确匹配。

我搜索了很多来修复此问题,但没有成功,请帮助我。

谢谢

1 个回复
SO网友:Flix

可能是在创建自定义图像大小功能之前上载了一些图像。如果是这样的话Force Regenerate Thumbnails 会解决你的问题。

或者,为了实现更多功能,您可以使用图像作为背景,如下所示:

<div style="background-image: url(<?php the_post_thumbnail_url(); ?>)" id="post-thumbnail"></div>
并设置背景大小#post-thumbnailcover.

结束

相关推荐

生成的自定义Metabox的PHP输出

我使用WordPress Meta Box Generator v2 Beta网站生成了一个自定义的Meta Box,将自定义图像文件上传到自定义帖子中,在管理端,一切似乎都很好,但我不知道如何在前端进行输出。所以我尝试了<?php echo get_post_meta( get_the_id(), \'project_logo_logo-image\', true ); ?> 但似乎什么都不起作用,也没有任何产出。请你给我指一下正确的方向好吗? class Rational_Meta_