如何使用代码中的引用显示图片库中的特色图像?(示例中)

时间:2012-02-27 作者:iCeR

我一直在尝试在所有图像缩略图的循环外显示帖子的特色图像。这样,(产品的)特色图像就会显示得很大,缩略图就在其下方。(产品)帖子中的所有图像都设置在自己的图像库中。

请参阅代码中的注释-我试图在此处显示特色图像。

我肯定我错过了一些简单的事情!谢谢

if (themedy_get_option(\'product_gallery\')) { add_action(\'genesis_post_content\', \'themedy_product_images\', 1); }
function themedy_product_images() { ?>
    <?php 
    global $post;
    $images = get_children( array( \'post_parent\' => $post->ID, \'post_type\' => \'attachment\', \'post_mime_type\' => \'image\', \'numberposts\' => 999, \'order\'=> \'ASC\', \'orderby\' => \'menu_order\' ) ); 
    if ( $images ) { ?>
<div class="twocol-one">
<?php
//How do I insert the featured image of the post over here
?>
    <div class="product_images">
        <div class="container">
            <?php
            foreach ( $images as $image ){
                $gallery_image_info = wp_get_attachment_image_src( $image->ID, \'full\' );
                $gallery_image = $gallery_image_info[0];

                $gallery_thumb_info = wp_get_attachment_image_src( $image->ID, \'Gallery Thumb\' );
                $gallery_thumb = $gallery_thumb_info[0];

                $gallery_image_alt = get_post_meta($image->ID, \'_wp_attachment_image_alt\', true) ? trim(strip_tags( get_post_meta($image->ID, \'_wp_attachment_image_alt\', true) )) : trim(strip_tags( $image->post_title ));

                echo \'<a href="\'.$gallery_image.\'" title="\'.$gallery_image_alt.\'" class="fancybox" rel="single-gallery"><img src="\' . $gallery_thumb . \'" /></a>\';
            }
            ?>
        </div>
    </div>
</div>
如果我使用:

<?php the_post_thumbnail(); ?>
它输出:

<img width="1125" height="1500" title="6593_front" alt="6593_front" class="attachment-post-thumbnail wp-post-image" src="..../wp-content/uploads/2011/12/6593_front.jpg">
图像太大了:(我需要它与下面的类一起输出。)。。

class="alignnone size-large wp-image-6593"

1 个回复
最合适的回答,由SO网友:Jonathan Wold 整理而成

UPDATED

首先,让我们创建一个新的图像大小。我们可以更新现有的一个站点,但为了体验起见,我们只会添加一个新的。打开你的功能。php文件并添加以下内容:

if ( function_exists( \'add_image_size\' ) ) { 
    add_image_size( \'new-size\', 500, 500, true ); // Cropped 
    add_image_size( \'another-size\', 400, 600 ); // Not Cropped 
}
现在,当您上载新图像时,将按照您通过add\\u image\\u size设置的大小保存一个版本(假设原始图像足够大)。

对于现有的图像,您需要生成新的缩略图。尝试以下插件:AJAX Thumbnail Rebuild.

好的,现在让我们将参考更新为新的尺寸:

<?php echo get_the_post_thumbnail( $post->ID, \'new-size\' ); ?>
下面是如何获得全尺寸:

<?php echo get_the_post_thumbnail( $post->ID, \'full\' ); ?>

结束

相关推荐

Images not showing on blog

今天早上我wordpress博客上的大部分图片(http://records.photodharma.net)已停止加载。这甚至发生在嵌入式系统上。此处嵌入的所有图像:http://records.photodharma.net/photos/chiang-mai-photo-albums-of-modern-structures 当我在Firebug中查看它们时,它们会出现,但不会出现在页面上。有几次我看到图像加载后不久就消失了,所以它们似乎试图加载,但被阻止了。我做了一些搜索,并尝试了各种方法,如更新