f
wordpress获取文章第一章图片为缩略图的方法
wordpress获取文章第一章图片为缩略图的方法
二呆 4年前 (2017-09-09) wordpress教程  #wordpress# 
浏览:3623

引言:此文由子域名转移而来,因为细微强迫症和放弃子域名而不舍得完全丢弃,所以将会逐步第二次转移文章到主域名上来,二者主题(阿里白秀和D8)均来自大前端,追求完美的同时有一丝小懒,主题就不换了,D8主题用起来挺好。

前面介绍了wordpress如何获取文章所有图片的方法,同理,获取文章第一章图片也很简单,获取之后在文章页面调用即可。只是多了一步,需要判断第一章是特色图像还是文章中的图片(img标签),以至文章中根本没有图片。下面就全面介绍这个方法。

同样,将以下代码插入到functions.php中即可。

  1. //获取文章第一张图片,如果没有图就会显示默认的图或不显示图
  2. function catch_that_image() {
  3.     $specialthumb = wp_get_attachment_image_src( get_post_thumbnail_id(get_the_ID()) );
  4.     global $post$posts;
  5.     $first_img = ;
  6.     ob_start();
  7.     ob_end_clean();
  8.     $output = preg_match_all('/<img.+src=[\'"]([^\'"]+)[\'"].*>/i', $post->post_content, $matches); 
  9.     $first_img = $matches [1] [0];
  10.     if($specialthumb){
  11.         $first_img='<img width=100 height=100 border="0" src="' . $specialthumb[0] . '" />';
  12.     }elseif($first_img){  
  13.         $first_img = '<img width=100 height=100 src="'.$first_img.'"/>';
  14.     }else{
  15.         //$first_img = '<img width=100 height=100 src="'.get_bloginfo('template_directory'). '/images/default-thumb.jpg'.'"/>';
  16.     }
  17.     return $first_img;
  18. }

调用的时候,直接调用该函数即可,因为该函数就是返回的img标签,如果想给图片加css样式,可以加载img标签上或者外围的div或者其他标签上,这个就看自己需要了。

推荐阅读
  • 插件截图:插件简介:TleUCenterForWordpress是一个用户中心插件,放置于前台网页的左下角,供用户登陆/管理只用,使用邮箱验证码登陆,登陆之后在使用TleWeiboForWordPressV2.0微博主题的情况下,可以显示微博列表、文章列表、评论列表,也可...
  • 插件截图:插件介绍:TleLiveCtrlForWordpress是一个基于Kplayer的直播遥控器插件,也可以叫做KplayerForWordPress插件,支持多平台直播推流,进行积分点播、查询、跳过等功能,支持Payjs微信、支付宝支付,是一个可以24小时直播推流的...
  • 主题截图:主题简介:一款Wordpress版本的TleWeiboForWordPress电脑/手机版微博主题使用方法:将本主题里的所有文件放在您网站目录的wp-content/themes内,注意文件夹名字必须为TleWeibo或TleWeiboWap。此处内容已经...
  • 插件简介:即时聊天插件为WordPress站长及用户提供即时聊天功能,前台环信即时聊天需要配合个人中心插件,暂不支持手机端。在支持手机端的路上,因为万恶的360网站卫士最近访问困难,导致停留了N久,最后啥也没动,就升级至V1.0.10了,不过仅仅支持了简单的手机端版本。使...
  • 插件介绍:本插件可以隐藏文章中的任意部分内容,当访客付费后,可查看隐藏内容,当前版本支持payjs微信支付。安装方法:第一步:下载本插件,放在 wp-content/plugins/ 目录中(插件文件夹名必须为WeMedia);第二步:激活插件;第三步:填写配置;第四...

o p
Ú