在主页上显示两个不同大小的特色图片

时间:2012-08-31 作者:Chad Fonger

我想要two different sized featured images 在我的主页上。我目前将所有特色图像设置为280x200。我想有一些帖子在主页上显示一个更大的620x200图像和其他280x200。我不知道如何做到这一点。我意识到我可以在函数文件中指定自定义图像大小,如add_image_size( \'large-image\', 620, 200, true );. 然而,我不知道如何让我的主页知道要显示哪个图像?

我不知道这是否是一种最佳的方法,但我正在考虑创建一个名为“大型特色”的自定义字段,并让主页检查是否large-featured 自定义字段值设置为true。真正使用时large-image 自定义大小和未设置自定义字段值时,使用wordpress默认特征大小。

我不擅长php编码,所以这里的一点帮助就太棒了。我做得很好,有一点方向性。谢谢你的帮助。非常感谢。

我的网站是:http://www.fighterstyle.com

7 个回复
SO网友:user1606423

具有get_post_thumbnail() 您可以在主题中插入特色图像。the_post_thumbnail( $size, $attr ); 保持参数1。你的图像和身份证的大小。

如果您想在主页上显示两种图像大小的特色图像,可以这样做:

if(is_front_page(){  // only on frontpage
 if ( has_post_thumbnail() ) { // check if the post has a Post Thumbnail assigned to it.
  the_post_thumbnail($post->ID, array(320,320));
 } 

}else if(is_page()){
  if ( has_post_thumbnail() ) {
      the_post_thumbnail($post->ID, array(120,120));
  }
}

SO网友:Lea Cohen

你使用自定义字段的想法听起来不错。然后,您可以使用get_post_meta 功能为described in the codex, 然后用它来传递大小的值。

至于要传递的值,与其传递硬编码的大小,不如在Settings -> media 屏幕,然后您可以在调用get_the_post_thumbnail 作用

SO网友:Moshe ovadia

首先,如果尚未实施,我认为您必须增加新的规模:

add_image_size( \'feature_name\', 320, 200, true/false );
从现在起,媒体上载程序将以当前大小创建图像。

如果有旧图像,则不会将图像重新生成为新大小,请使用AJAX Thumbnail Rebuild 插件。

现在您可以拨打:

echo get_the_post_thumbnail( $post_id, \'feature_name\');

SO网友:Yamu

我建议您获取缩略图的url,而不是缩略图,当您将其设置为特征图像时,缩略图已经调整了大小。。。

<?php
// check if the post has a Post Thumbnail assigned to it.
if ( has_post_thumbnail() ) {
$image = wp_get_attachment_url( get_post_thumbnail_id(get_the_ID()) );
//$image = wp_get_attachment_image_src( get_post_thumbnail_id(get_the_ID())); this gets the thumbnail image which is resized.
}?>
<img src="<?php echo $image;?>"/>

SO网友:Dima

创建自定义字段-large\\u特色。如果该值=1,将显示较大的标准尺寸。Else-中等。

$large_featured = get_post_meta( $post->ID, \'large_featured\', true );
if(!empty($large_featured) && $large_featured == \'1\') {
    the_post_thumbnail(\'large\');
} else {
    the_post_thumbnail(\'medium\');
}
通过在函数中添加此项,可以专门为主页创建其他图像大小。php:

add_image_size( \'homepage-large\', 620, 620);

SO网友:Tom J Nowell

特色图像保存为附件ID,您可以使用get_post_thumbnail 作为获取其他尺寸的快捷方式,如下所示:

echo get_the_post_thumbnail($post->ID, \'the first image size\');
echo get_the_post_thumbnail($post->ID, \'the other image size\');

SO网友:raymond.idema

查看函数。您正在使用的主题的php,您可以轻松更改:

// Enable post thumbnails
add_theme_support(\'post-thumbnails\');
set_post_thumbnail_size(620, 200, true);
我还在我的一个网站上使用了另一个功能

$i = 0
foreach(...){
  if($i == 0){
     echo \'<img width="400" src="...">\';
  }else{
     echo \'<img width="200" src="...">\';
  $i++
}

结束

相关推荐

images within style sheet

我希望有人能在这方面帮助我,因为这已经开始让我抓狂了。我已经搜索了好几个小时,想找到一种在我的样式表中放置图像路径的方法,但一直没有找到。路径不能是绝对路径或“主题相关”路径。解决问题的唯一方法是在html文件中添加以下内容:<style type=\"text/css\"> #menu .menu-drop .menu-label { background: url(<?php echo get_template_directory_uri().