显示不同大小的帖子的前3个缩略图

时间:2018-02-16 作者:frkyflwn

我想用最近的3个不同大小的缩略图做一个小标题,然后用最近的第4篇帖子开始我的循环,有人能给我一个函数吗?请不要小工具,我想让它成为原始的,并得到更多的网页设计。

你可以在我的页面上看到它的外观:http://web91.s67.goserver.host/

3个灰色框应该包含最近3篇文章的缩略图,下面的循环应该从第4篇文章开始(2个不同的缩略图大小)

我现在已经知道如何定义函数中的大小,如下所示:

// Add featured image support
add_theme_support(‘post-thumbnails’);
add_image_size(‘small-thumbnail’, 600, 330, true);
add_image_size(‘big-thumbnail’, 600, 661, array(‘left’, ‘center’));
但我不知道如何在3个灰色框中实现正确大小的缩略图,以及如何从下面的第4个帖子开始

非常感谢。

2 个回复
SO网友:Johansson

在循环中时,可以使用current_post 方法你没有发布任何代码,所以我只想做一个简单的演示。

If ( have_posts() ) {
    while( have_posts() ){
        the_post();

        // Setting the global $wp_query to access the method
        global $wp_query;

        // Get the current post\'s index
        $current_post = $wp_query->current_post;

        // Let\'s calculate the thumbnail size based on the current post\'s index
        switch ( $current_post ) {
            case 1 :
                $size = \'size-1\';
                break;
            case 2 :
                $size = \'size-2\';
                break;
            default :
                $size = \'post-thumbnail\';
                break;
        }

        // Now we have the proper thumbnail size
        the_post_thumbnail ( $size );

    }
}

SO网友:obiPlabon

您可以尝试以下代码。这是杰克·约翰逊发布的代码的更新版本。

if ( have_posts() ) {
    global $wp_query;
    $thumbnail_size = \'size-after-3-posts\';

    while ( have_posts() ) {
        the_post();
        // Get the current post\'s index
        $current_post = $wp_query->current_post;

        // Post index starts from 0 (zero)
        // 1st post will have big-thumbnail and 2nd & 3rd will have small-thumbnail
        if ( 0 === $current_post ) {
            $thumbnail_size = \'big-thumbnail\';
        } elseif ( 1 === $current_post || 2 === $current_post ) {
            $thumbnail_size = \'small-thumbnail\';
        }

        // Now we have the proper thumbnail size
        the_post_thumbnail( $thumbnail_size );
    }
}

结束

相关推荐

Images in Blog List

我只是改变了主题。我的博客页面列表用于显示我在每篇文章中使用的图像(内容图像,而非特色图像)。我使用图像的URL,而不是媒体库。单个帖子页面显示图像,但博客列表页面不会显示图像,除非我将图像添加到媒体库中。是否有任何代码和/或插件可用于确保在我将图像添加到单个帖子的内容时,该图像包含在博客列表页面上?是否有办法填充过去包含图像但不再在列表页上显示图像的帖子?谢谢