WordPress显示日志里第一张图片

秋子淡无痕

方法一、
1. 将以下这段代码添加到主题functions.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. 
   
9.       if(empty($first_img)){ //Defines a default image
   
10.         $first_img = "/images/default.jpg";
    
11.       }
    
12.       return $first_img;
    
13.     }

复制代码

代码解释：post内如果有图片则显示图片，如果没有图片则显示默认图片
2.在loop内调用：

1. <?php echo catch_that_image() ?>

复制代码

方法二、
利用一个简单的正则表达式实现，用在CMS主题上，为每一篇文章添加一张缩略图。

1. <?php
   
2. $szPostContent = $post->post_content;
   
3. $szSearchPattern = '~<img [^\>]*\ />~'; // 搜索所有符合的图片
   
4. preg_match_all( $szSearchPattern, $szPostContent, $aPics );
   
5. $iNumberOfPics = count($aPics[0]); // 检查一下至少有一张图片
   
6. if ( $iNumberOfPics > 0 ) {
   
7. echo '<div align="center">'.$aPics[0][0].'</div>';
   
8. };
   
9. ?>

复制代码

以上这段代码仅显示内容中的第一张图片，如需显示更多，可修改下：

1. if ( $iNumberOfPics > 0 ) {
   
2. echo '<div align="center">'.$aPics[0][0].'</div>';
   
3. };

复制代码

显示第二张：
echo '<div align="center">'.$aPics[0][1].'</div>';
显示第三章

1. echo '<div align="center">'.$aPics[0][2].'</div>';

复制代码