同乐儿

  1. 首页
  2. wordpress教程
wordpress获取文章第一章图片为缩略图的方法
发布 | 1年前 (2017-09-09) | 阅读数:636 | 评论数:0 | 来源:同乐儿

引言:此文由子域名转移而来,因为细微强迫症和放弃子域名而不舍得完全丢弃,所以将会逐步第二次转移文章到主域名上来,二者主题(阿里白秀和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或者其他标签上,这个就看自己需要了。


如果觉得该作者的文章对你有帮助,请随意打赏给他。您的支持将鼓励作者继续创作!
打赏
X
打赏本文作者方式

微信扫一扫可留言


继续浏览有关 wordpress,wordpress教程 的文章

分享至:


发表我的评论
取消评论

  • 117 评论
  • 138 粉丝
  • 133 文章
  • 最新评论
    二呆说:看见岛有了点信号,我用的时候就是看对应网...
    123123123说:我试过了,没改成功,不着急用,看了qur...
    二呆说:6.0应该也行,时间太长忘记了,好像6....
    123123123说:能不能适配下emlog6.0
    二呆说:啥意思,背景就是简单的网页背景图片。。。
    随机热门
    标签
    wordpress (81) wordpress优化 (26) 原创 (25) wordpress主题 (24) wordpress插件 (21) wordpress教程 (18) wordpress seo (17) Typecho (16) Typecho插件 (13) 博客主题 (8) emlog插件 (6) wordpress维护 (6) emlog (6) CMS主题 (5) 企业主题 (4) DNSPod for emlog (3) 淘宝客主题 (3) 修订版本 (3) 自动保存 (3) 移动适配 (3)

    标题歌手

    00:00/00:00