wordpress文章列表显示缩略图

发表于 2014-02-14 09:34:04 by 月小升

看不到不少博客都在列表里显示了缩略图，觉得很好看
在列表的代码里加函数

function getFirstImage($postId) {
 $args = array(
  'numberposts' => 1,
  'order'=> 'ASC',
  'post_mime_type' => 'image',
  'post_parent' => $postId,
  'post_status' => null,
  'post_type' => 'attachment'
 );
 $attachments = get_children($args);
 
 // 如果没有上传图片, 返回空字符串
 if(!$attachments) {
  return '';
 }
 
 // 获取缩略图中的第一个图片, 并组装成 HTML 节点返回
 $image = array_pop($attachments);
 $imageSrc = wp_get_attachment_image_src($image->ID, 'thumbnail');
 $imageUrl = $imageSrc[0];
 $html = '';
 return $html;
}

调用办法 （我的是loop-index.php）循环列表的文章

$thumb = getFirstImage($post->ID);
if(strlen($thumb) > 0) {
 echo $thumb;
} else {
 // 显示默认图片或者不做任何事情
}

就好了。效果，看上一篇那个玫瑰花吧。

wordpress2.9以后，还提供了Featured Image 图片功能

可以人工上传一张图片，勤劳的小伙伴，可以用这个功能，懒惰的小伙伴用上一个办法就好了。
修改模板文件functions.php

add_theme_support('post-thumbnails'); // 支持特征图片功能

add_image_size('thumb', 180, 180); // 别名为 thumb， 尺寸为 150x150 的设定

add_image_size('recommend', 120, 120); // 别名为 recommend， 尺寸为 120x120 的设定

在loop-index.php里调用

if(has_post_thumbnail()) {

the_post_thumbnail('thumb');

} else {

// 显示默认图片或者不做任何事情

}

---

首发地址：月小升博客 – https://java-er.com/blog/wordpress-thumbail-images/
无特殊说明，文章均为月小升原创，欢迎转载，转载请注明本文地址，谢谢