如何让摘录的图片变成全尺寸而不是缩略图?

时间:2012-07-06 作者:Rick Smith

现在,当我在主页上有摘录时,图像是一个小正方形,但我想将其更改为填充内容区域的整个宽度。(就好像照片是在帖子中一样。)我的主题是响应性的,所以我假设我需要使用百分比而不是像素。

有什么想法吗?

谢谢

1 个回复
SO网友:Dane Morgan

你需要做几件事。

首先,在您的功能中。php文件您将希望找到处理帖子缩略图的部分,如果还没有包含缩略图,请添加适当的图像大小。

为此,您需要使用add\\u image\\u size()

<?php add_image_size( $name, $width, $height, $crop ); ?>
其中name是图像大小的参考名称,width是图像将被重新调整的宽度,若它大于此大小,height是图像将被重新调整的高度(在这种情况下,您可以使用类似9999的东西,这样它将采用正确的宽高比),crop is weather或not应该使用硬裁剪(可能不是为了您想要的)。$名称必须用引号括起来,$crop为true或false。

然后,在主题中,您希望找到输出图像的代码的位置,并找到分配给图像或图像容器的类或id,并使用css在容器和/或图像上设置100%的宽度,以及在要设置样式的最大视口大小下所需宽度的最大宽度。

最后,您需要修改调用the\\u post\\u thumbnail()

<?php the_post_thumbnail( $size, $attr ); ?>
如果存在coma,则需要将其左侧的字符串更改为与add\\u image\\u size中的名称相匹配。如果没有昏迷,您希望将其全部更改为您选择的名称。名称必须用引号括起来。

结束

相关推荐

Float images in content

这不是一个编程问题。我无法更新WordPress博客中的内容。我很清楚这个问题可以通过html修改来解决。但我的客户不懂html。所以我需要给他相关的解决方案。我的问题:-我想在屏幕下方显示我的内容。 但是,当我插入一个帖子时,图片的内容从图片的底部开始。这可以通过html解决。但我需要知道任何其他简单的解决方案。 谢谢