java多线程    Java入门    vsftp    ftp    linux配置    centos    FRP教程    HBase    Html5缓存    webp    zabbix    分布式    neo4j图数据库    

wordpress文章列表显示缩略图

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

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 = '' . the_title('', '', false) . '';
 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 {

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

}


This entry was posted in PHP and tagged , , . Bookmark the permalink.
月小升QQ 2651044202, 技术交流QQ群 178491360
首发地址:月小升博客https://java-er.com/blog/wordpress-thumbail-images/
无特殊说明,文章均为月小升原创,欢迎转载,转载请注明本文地址,谢谢
您的评论是我写作的动力.

Leave a Reply