我在wordpress中创建了一个商店网站,几天前一切都很好。当我尝试将特色图像分配给帖子图像时,没有正确裁剪。我添加了50个产品,一切都很好,但从几天前开始它已经坏了。没有任何代码被改变,但现在当我分配特色图像时,我得到this result.你可以注意到过去和两个新产品的精美裁剪图像之间的差异。什么可能导致这个问题?在模板页面中,我有一些代码:
<?php /* The loop */ ?>
<?php while ( have_posts() ) : the_post(); ?>
<article class="blogContent">
<h1 class="blogHeading"><a href="<?php echo get_permalink(); ?>"><?php the_title(); ?></a></h1>
<a href="<?php echo get_permalink(); ?>"> <?php the_post_thumbnail('featuredImageCropped', array('class' => 'slikalevo')); ?></a>
<?php the_excerpt(); ?>
</article>
<?php endwhile; ?>
并在functions.php中
add_image_size( 'featuredImageCropped', 310, 150, true );
这段代码工作正常,但现在它的原因是什么?。
非常感谢!
答案 0 :(得分:0)
我从网址看到的是你给出的图像的大小310,但是你的图像持有者div命名为class'blogContent',在宽度为280的填充为30之后,其最大大小为250.所以你应该制作图像为250x150。
答案 1 :(得分:0)
图像的宽度为310px,而将.blogContent设置为250px的宽度并为其提供15px填充。那不合适。
将add_image_size更改为: add_image_size('featuredImageCropped',250,121,true);
然后改变你的CSS。从.blogContent中删除填充,并将其添加到h1.blogHeading和.blogContent p。
答案 2 :(得分:0)
整个问题是将croped设为false
add_image_size( 'featuredImageCropped', 250, 150, false );
我之前不知道它是如何运作的