主页和帖子页面的图像大小不同

时间:2011-12-08 作者:fabianpimminger

我想知道是否有可能对主页和单帖页面上的内容使用不同大小的图像(中、大)。我在主页上有一个比单帖页面窄的栏,不同的图片大小会更好。

谢谢

4 个回复
SO网友:patnz

如果您谈论的是写入$post->post\\u内容(the\\u content())的图像,那么您需要编写一个过滤器,删除所有图像,并用较小的版本替换它们。或者你可以直接使用CSS。对于CSS,请确保在body标记中有body\\u class(),然后可以将maxwidth定位到主页。

body.home .post img{
    max-width:300px;
}

SO网友:Chip Bennett

如果您使用body_class() 模板标签,您可以使用CSS修改内容图像最大宽度。例如:

#content img {
    max-width: 600px;
    height: auto;
}
.blog #content img,
.archive #content img {
    max-width: 450px;
}
请参见Template Hierarchybody_class() 更多CSS类信息的Codex条目。

SO网友:Joshua Abenazer

如果您使用的是特色图片,您可以在循环中使用以下内容。

if( has_post_thumbnail() ) {
    the_post_thumbnail(\'medium\');
}
在哪里medium 是要获取的图像大小。

如果您使用的是附加图像,则可以使用以下功能。

wp_get_attachment_image($attachment_id, \'medium\');
wp_get_attachment_image_src($attachment_id, \'medium\');
第一个为您提供img标记,而第二个为您提供包含图像源、宽度和高度的数组。如果您知道附件的id,则可以使用此功能。

要在上载图像时创建额外的图像大小,可以使用add_image_size( \'custom\', 210, 210, true ); 函数,然后调用大小custom 而不是其他大小(缩略图、中、大、全)。当您通过媒体库上载图像时,此函数会自动创建具有指定尺寸(如果图像尺寸大于指定尺寸)的额外图像。现在,由于您已经上载了图像,您需要使用regenerate thumbanils plugin 生成新添加的图像大小。

SO网友:kaiser
# functions.php - hook on \'after_setup_theme\'
// Posts & Pages - if only posts, go with is_single()
if ( is_singular () )
{
    add_image_size( \'sidebar\', 150, 150, true );
}
else
{
    add_image_size( \'sidebar\', 200, 200, true );
}

// inside your post template
echo get_image_tag( $id, $alt, $title, $align, \'sidebar\' );
结束

相关推荐

images are broken

我有一段代码,用于显示来自RSS提要的每篇帖子上的图像,这些图像将从yahoo images search获取,我将把这段代码粘贴到我的单曲中。php文件,这样它就会出现在我的帖子之后,我在其中一个网站上找到了这段代码,这段代码用于获取图像,但不是从yahoo获取图像,而是从不同的feed获取图像我使用的代码如下:- <?php include_once(ABSPATH.WPINC.\'/rss.php\'); // path to include script $f