Author Topic: 转:wordpress调用文章第一张图片方法  (Read 2220 times)

Offline 西华秦

  • 版主
  • 超级会员
  • *****
  • Posts: 2237
  • 评价: +5/-214
    • View Profile
    • 烙印
转:wordpress调用文章第一张图片方法
« on: April 22, 2011, 03:50:45 pm »
之前设计WordPress主题的时候调用图片一般都是用文章内附件图片,但是有些博主为了节约博客主机空间,大部分采用外联图片,这样就无法同过这种方式调用了,所以只能用下面的这种方式来调用文章的第一张图片,WordPress调用文章第一张图片代码如下:

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

Code: [Select]
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;
    }

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

来源:http://wpued.com/3808.html
« Last Edit: April 22, 2011, 03:51:06 pm by 西华秦 »

Offline jitler

  • 中级会员
  • ***
  • Posts: 1850
  • 评价: +2/-13
  • 性别男,爱好女。
    • View Profile
    • 江南博客
Re: 转:wordpress调用文章第一张图片方法
« Reply #1 on: April 22, 2011, 05:26:37 pm »
学习了~
江南网志
我不支持的言论,但我坚决捍卫你发言的权利!