在srcset中包含比我设置的更大的缩略图大小

时间:2019-11-25 作者:Steve

我在函数中设置了图像大小。php,例如

add_image_size( \'article-lede\', 500, 600 );
它显示在“重新生成缩略图”中,我重新生成了它们。所以我上传了一个图像到媒体库934x1200。

我的模板代码设置为使用“article lede”图像:

<?php the_post_thumbnail(\'artcle-lede\', [\'class\' => \'featured-image img-fluid\']);?>
但页面显示的是全尺寸图像。结果HTML中的img标记的高度和宽度设置为大尺寸,大小设置为SRCSET,没有一个是我指定的文章大小:

<img src="http://mysite/wp-content/uploads/2019/11/keiltys.jpg" class="featured-image img-fluid wp-post-image" alt="" srcset="http://mysite/wp-content/uploads/2019/11/keiltys.jpg 934w, http://mysite/wp-content/uploads/2019/11/keiltys-234x300.jpg 234w, http://mysite/wp-content/uploads/2019/11/keiltys-797x1024.jpg 797w, http://mysite/wp-content/uploads/2019/11/keiltys-768x987.jpg 768w, http://mysite/wp-content/uploads/2019/11/keiltys-467x600.jpg 467w, http://mysite/wp-content/uploads/2019/11/keiltys-311x400.jpg 311w" sizes="(max-width: 934px) 100vw, 934px">
如何使其显示500x600版本?

1 个回复
最合适的回答,由SO网友:Jim 整理而成

好问题,据我所知,这可能是一个令人头疼的问题。请参见本页;https://developer.wordpress.org/reference/functions/get_the_post_thumbnail_url/.

从文档中:

get_the_post_thumbnail_url($id, \'image-size\')
因此,在您的情况下:

$img = get_the_post_thumbnail_url($post, \'article-lede\');
echo "<img src=\'{$img}\' class=\'featured-image img-fluid\' />";

相关推荐

menu customization

我正在我的页面上使用高级主题。该主题在整个站点中只接受一个菜单。该网站是一个单页网站。主题的工作方式是,我们必须建立一个主页,然后使用菜单项来制作网站的各个部分。因此,我创建了一个菜单,其中包含我想要的所有部分,使用我创建的页面已经设置为部分。例如:我有主页、照片、视频等。这些都是单独的页面,但当我将它们作为菜单的一部分时,它们将在一个页面中显示在另一个页面的下方,菜单项将滚动到该页面上的锚定位置。许多主题都是这样工作的。My problem is :我需要翻译菜单或设置另一个页面(不是作为节,而是一个正