更改图库显示缩略图的方式

时间:2015-04-24 14:40:09

标签: php jquery html css wordpress

在我的Wordpress网站中,我有这个代码,显示特色缩略图大,然后是网站标题,然后它形成图库,然后是网站内容(底部有一个后退/下一个导航)。

content-single.php code

<article id="post-<?php the_ID(); ?>"<?php post_class('col-md-12'); ?>>
<div class="container">

    <?php
        $thumb = get_post_thumbnail_id();
        $img_url = wp_get_attachment_url( $thumb,'full' ); //get full URL to image (use "large" or "medium" if the images too big)
        $image = aq_resize( $img_url, 1200, 720, true ); //resize & crop the image
    ?>

    <?php if($image) : ?>
    <img class="img-responsive singlepic" src="<?php echo $image ?>"/>
    <?php endif; ?> 

    <?php if ( $post->post_type == 'data-design' && $post->post_status == 'publish' ) {
$attachments = get_posts( array(
    'post_type' => 'attachment',
    'posts_per_page' => -1,
    'post_parent' => $post->ID,
    'exclude'     => get_post_thumbnail_id()
) );

if ( $attachments ) {
    foreach ( $attachments as $attachment ) {
        $class = "post-attachment mime-" . sanitize_title( $attachment->post_mime_type );
        $thumbimg = wp_get_attachment_link( $attachment->ID, 'thumbnail-size', true );
        echo '<li class="' . $class . ' data-design-thumbnail">' . $thumbimg . '</li>';
    }

}
}
?>

<div class="entry-content">
    <header class="entry-header">
        <h1 class="entry-title"><?php the_title(); ?></h1>
    </header>

    <?php the_content(); ?>
    <?php
        wp_link_pages( array(
            'before' => '<div class="page-links">' . __( 'Pages:', 'web2feel' ),
            'after'  => '</div>',
        ) );
    ?>
</div><!-- .entry-content -->

</div>
</article><!-- #post-## -->

我不想要一个图库,而是希望从内容中检索到的图像(图库代码)以与特色缩略图相同的方式显示图像。现在它在标题下创建了一个小图库。

基本上,我希望它是相互堆叠的大图像(由特色缩略图的第一个php片段创建),然后是内容标题,然后是内容。

奇怪的是,当我完全删除图库代码时,无论如何都会显示相同的方式。

1 个答案:

答案 0 :(得分:0)

要以与第一个相同的样式显示图像,只需将foreach循环更改为如下所示

foreach ($attachments as $attachment) {
    $img_url = wp_get_attachment_url($attachment->ID, 'full');
    $image = aq_resize($img_url, 1200, 720, true);        
    ?><img class="img-responsive singlepic" src="<?php echo $image ?>"/><br/><?php
}