如何在媒体库中循环显示图像并显示它们? (WordPress的)

时间:2014-12-21 20:57:25

标签: php wordpress image grid gallery

我正在尝试在wordpress中创建一个简单的图库(我尝试了一些插件,但没有一个让我信服)。问题是,我发现更有用的解决方案是循环我已经上传到媒体库的图像并显示它们(作为网格图库)。

问题是我找不到有关如何循环媒体库图像并将其显示为缩略图的任何信息,是否有任何建议?

2 个答案:

答案 0 :(得分:5)

这样的东西?

$args = array(
        'post_type' => 'attachment',
        'post_mime_type' => 'image',
        'orderby' => 'post_date',
        'order' => 'desc',
        'posts_per_page' => '30',
        'post_status'    => 'inherit'
         );

     $loop = new WP_Query( $args );

while ( $loop->have_posts() ) : $loop->the_post();

$image = wp_get_attachment_image_src( get_the_ID() ); 
echo "<img src='" . $image[0] . "'>";

endwhile;

答案 1 :(得分:0)

你可以试试这个:

<section class="row align-middle">
        <?php 
        $query_images_args = array(
            'post_type'      => 'attachment',
            'post_mime_type' => 'image,video',// video files include
            'post_status'    => 'inherit',
            'orderby'        => 'post_date',
            'posts_per_page' =>  30,
        );

        $query_images = new WP_Query( $query_images_args );

        if($query_images->have_posts()) : 
            while($query_images->have_posts()) : 
                $query_images->the_post(); ?>

                <div class="small-6 medium-4 large-2 columns">
                    <?php echo $images = wp_get_attachment_image( $query_images->posts->ID, 'thumbnail' ); ?>
                </div>

            <?php endwhile; ?>
        <?php else : ?>
            <p>No media file yet</p>
        <?php endif;

        /* Restore original Post Data */
        wp_reset_postdata(); ?>
</section>

请记住恢复原始发布数据,以避免同一页面中的其他查询出现问题。