生成相同大小的响应帖子缩略图

时间:2014-09-15 作者:Vektor88

我正在使用一个函数来显示wordpress主题中的相关帖子及其缩略图。我正在使用uikit 让我的主题更有响应力。Uikit提供了一个类似于引导的网格功能,它还根据可用空间自动调整图像大小。我想做的是获得相同宽度和高度的缩略图,即使缩略图需要拉伸/裁剪。是否可以对其进行编辑,以便为每个缩略图获取相同大小的图像?目前我得到的结果是:

http://i.imgur.com/XU7rUWU.png

我正在使用以下代码,并且已经尝试了建议的解决方案here:

<?php
function getthe_related_posts(){
    $html=\'<h3>Related posts:</h3><div class="uk-grid uk-container-center" >\';   
    $orig_post = $post;  
    global $post;  
    $tags = wp_get_post_tags($post->ID);  

    if ($tags) {  
        $tag_ids = array();  
        foreach($tags as $individual_tag) $tag_ids[] = $individual_tag->term_id;  
        $args=array(  
            \'tag__in\' => $tag_ids,  
            \'post__not_in\' => array($post->ID),  
            \'posts_per_page\'=>4, // Number of related posts to display.  
            \'caller_get_posts\'=>1  
        );  

        $my_query = new wp_query( $args );  
        $width=$args[\'posts_per_page\'];
        $count = 0;
        while( $my_query->have_posts() ) {  
            $my_query->the_post();    

            $html.=\'<div class="uk-panel uk-panel-space uk-width-medium-1-4 uk-width-small-1-1 uk-text-center"><a class="" href="\'.get_the_permalink($post->ID).\'">\';  
            $html.=get_the_post_thumbnail($post->ID); 
            $html.=\'<br/><span>\'.get_the_title($post->ID).\'</span>\';
            $html.=\'</a>\';
            $html.=\'</div>\'; 
            $count = $count+1;
        }  
    }  
    $post = $orig_post;  
    wp_reset_query();  
    $html.=\'</div>\';
    return str_replace(\'uk-width-medium-1-4\',\'uk-width-medium-1-\'.$count,$html);
}
?>

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

安装插件:https://wordpress.org/plugins/force-regenerate-thumbnails/

并重新生成所有缩略图。

或步骤:

为图像创建新维度:add_image_size (\'thumb-cropped\', 227, 133, true); // Set necessary sizes (true = cropped)

获取具有功能中的大小的图像。

get_the_post_thumbnail($post->ID);

修复到:

get_the_post_thumbnail($post->ID, \'thumb-cropped\');

https://wordpress.org/plugins/force-regenerate-thumbnails/

在管理区域进行交互并重新生成所有缩略图

结束了。使用具有固定尺寸的所有新图像

结束