WordPress如何设置文章列表自动显示文章内第一张图片

学习NO.1

在修改主题的时候，我们可能需要wordpress自动获取文章第一张图片，在博客吧看到了相关的实现方法，记录一下，估计以后也用得到。

在当前使用的主题模板的functions.php文件<?php和?>之前添加以下代码

1. function catch_that_image() {
   
2.       global $post, $posts;
   
3.       $first_img = '';
   
4.       ob_start();
   
5.       ob_end_clean();
   
6.       $output = preg_match_all('/<img.+src=[\'"]([^\'"]+)[\'"].*>/i', $post->post_content, $matches);
   
7.       $first_img = $matches [1] [0];
   
8.       if(empty($first_img)){ //Defines a default image
   
9.         $first_img = "/images/default.jpg";
   
10.       }
    
11.       return $first_img;
    
12.     }

复制代码

在当前主题模板的index.php文件的内容代码前或后添加以下代码

1. <?php echo catch_that_image() ?>

复制代码

当然了，要限制显示图片的效果(比如大小、边框)，就需要你使用css设置了。

道勤主机提供365天*24小时全年全天无休、实时在线、零等待的售后技术支持。竭力为您免费处理您在使用道勤主机过程中所遇到的一切问题! 如果您是道勤主机用户，那么您可以通过QQ【792472177】、售后QQ【59133755】、旺旺【诠释意念】、微信：q792472177免费电话、后台提交工单这些方式联系道勤主机客服！ 如果您不是我们的客户也没问题，点击页面最右边的企业QQ在线咨询图标联系我们并购买后，我们为您免费进行无缝搬家服务，让您享受网站零访问延迟的迁移到道勤主机的服务！