大尺寸图像分隔符模板布局

时间:2011-07-16 作者:Roman

如果我在wordpress中上传一个大尺寸的图像,该图像会破坏我的模板宽度。我见过一些将大图像的宽度缩放到post div的最大宽度的模板。为此,我需要更改哪些CSS或代码?谢谢

2 个回复
最合适的回答,由SO网友:Chip Bennett 整理而成

在您的functions.php 文件,您需要定义$content_width, 这将导致WordPress缩放large-相应地调整图像和嵌入视频的大小。

e、 g.如果内容区域的宽度为600px:

if ( ! isset( $content_width ) ) {
    $content_width = 600;
}
您可能还想添加附带的CSS,例如:

#content img {
    width: auto;
    max-width: 600px;
    height: auto;
}
这样,当图像缩放时,它将保持其比例;不仅要缩小其宽度,还将按比例缩放高度。

SO网友:Pippin

您不需要任何CSS,只需转到“设置”>“媒体”,将大图像大小宽度调整为您的帖子容器的宽度。您可能需要Regenerate Thumbnails 这样做之后。

结束

相关推荐

Resizing all images

我刚刚更改了博客的主题,由于页面宽度很小,它打破了布局。我之前的大多数图片(附在帖子中)的宽度都在600px左右,现在我需要按450px的比例调整它们的大小。如何一次性调整它们的大小?有这个插件吗?P、 美国:编写CSS规则是一个很好的选择,我已经做到了。但我认为调整图像大小也会减少每个页面的下载开销!