WordPress主题设计技巧：调用文章第一张图片方法

之前设计WordPress主题的时候调用图片一般都是用文章内附件图片，但是有些博主为了节约博客主机空间，大部分采用外联图片，这样就无法同过这种方式调用了，所以只能用下面的这种方式来调用文章的第一张图片，WordPress调用文章第一张图片代码如下：

1在WordPress主题的功能函数function.php文件内添加以下代码，这些 代码主要是查找文章内有没有图片并调用第一张图片地址，其工作原理是查找文章内有没<img />这个标签，如果有就调出第一张图片，如果没有就用张设计好的图片代替，这个方式用来作为文章缩略图非常有用，具体代码如下，拷贝到 function.php <?php … ?>之间即可.

 

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

2Wordpress主题模板调用 catch_that_image()函数，方法很简单，在需要的地方插入 <?php catch_that_image() ; ?>即可， 想要更好的显示效果就需要修改css样式来美化你的WordPress主题模板了。

声明：调用文章第一张图片如果是外联图片就无法支持timthumb图片剪切功能，如果你是WordPress主题设计高手，建议用phpthumb，phpthumb是可以支持外联图片的，大家不放试试，good luck!