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

引言:此文由子域名转移而来,因为细微强迫症和放弃子域名而不舍得完全丢弃,所以将会逐步第二次转移文章到主域名上来,二者主题(阿里白秀和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。...
  • 插件介绍:本插件可以隐藏文章中的任意部分内容,当访客付费后,可查看隐藏内容,当前版本支持payjs微信支付。安装方法:第一步:下载本插件,放在 wp-content/plugins/ 目录中(插件文件夹名必须为WeMedia);第二步:激活插件;第三步:填写配置;第四...
  • 现已更新至用环信实现的全新的即时聊天插件,并WordPress、Typecho、Emlog版本即时聊天插件均已支持前台环信聊天。最新版本详情:前台环信即时聊天(以Typecho为例)WordPress版本(以V5.0为例)Typecho版本(以V1.2为例)Eml...

o p
Ú