我需要帮助使我的主页博客图像比我的帖子图像小

时间:2015-06-21 作者:deanmoney

例如,我有一张很长的图像,但想显示一个裁剪过的版本,但当人们从主页上单击我的博客帖子时,他们会看到更长的版本。

我尝试使用插件“自定义CSS管理器”,代码如下:

.home .post-4262 .entry p:first-of-type {
   max-height: 375px;
   overflow: hidden;
}
这是可行的,但我想不出一种方法可以将我的图像裁剪到我想要的特定600X375。就像一些图片一样,我不希望它从顶部开始,但如果这有意义的话,请靠近顶部。该代码很好,但据我所知,它不允许我这么做。

还是我需要采取更简单的方法?如果有人知道如何缩短我的主页博客图像,我可以控制600X375的裁剪,但帖子页面有完整的图像,请分享。在过去的两天里,我一直在努力想办法解决这个问题,但没有成功。谢谢你的帮助。

2 个回复
SO网友:Dr Trichome

您正在查找css片段属性吗?

img {
position: absolute;
clip: rect(0px,60px,200px,0px);
}
发件人CSS clip Property

SO网友:Digitalchild

您可以在添加硬裁剪的情况下添加新的图像大小,但是所有图像的裁剪位置都是相同的,手动设置它们需要对每个图像进行操作。

add_image_size( \'blog-crop\', 375, 0, array( \'left\', \'top\' ) );
然后在博客模板中引用新的图像大小。

此处为法典参考:

https://codex.wordpress.org/Function_Reference/add_image_size#Crop_Mode

结束

相关推荐

Resize images in batch

我想调整服务器上的图像大小,我的WordPress站点库中有7000多个图像。我想调整服务器本身上所有图像的大小。我知道可以使用“重新生成缩略图”插件,但为此,我将不得不整天打开浏览器窗口,甚至可能在中间某个地方崩溃,这将导致我再次调整所有图像的大小。有谁有更好的主意来做这件事吗?请简要解释答案。