我正在使用一个函数来显示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);
}
?>