无硬剪裁缩略图的资源集

时间：2016-10-18 作者：Grim

我在以下特色图片上使用硬裁剪：

add_theme_support( \'post-thumbnails\' );
set_post_thumbnail_size ( 635, 200, true );
我没有安装其他插件，甚至Jetpack也没有。无论我上传的图像有多大，wordpress都不会为我剪切的特色图像添加srcset。

EDIT: 问题似乎出在硬裁剪特性上，因为srcset在文章中发布的任何其他图像（例如来自媒体）上都能正确显示。如果停用硬裁剪，srcset也会在缩略图上正确显示。

2 个回复
最合适的回答,由SO网友:Andy Macaulay-Brook 整理而成

要显示srcset，必须有多个具有相同纵横比的图像大小。当您将缩略图设置为硬裁剪而不创建任何其他图像大小时，您可以确保不会有srcset。

你可能会找到我的答案here 有用的

简而言之，在您的情况下，添加这一行：

add_image_size ( \'double-size\', 1270, 400, true );
。。。上载大于1270x400的新图像时，将使用两种裁剪的大小创建一个srcset。

SO网友:Charles Xavier

您可以创建一个css类并将其用于任何身高或体重

    <div class="pbheader" style="background-image:url(\'<?=get_post_image_url(); ?>\')"></div>

<style>
.pbheader {
    position: relative;
    background-size: 100%;
    height: 260px;
    background-position: left;
    background-repeat: no-repeat;
}
</style>

标签： images   thumbnails   post-thumbnails   小码农  

相关推荐

Images with overlay

我有一些图片在一个容器中，我想添加一个覆盖和图标。这不是现成的，但我找到了一些有用的代码：HTML：<div class=\"main\"> <span class=\"featured\"><img src=\"http://joshrodg.com/IMG_001-258x258.jpg\" title=\"\" alt=\"\"></span> </div> CSS：.featured {