boxmoe_header_banner_img

Hello! 欢迎来到盒子萌!

加载中

文章导读

WordPress从文章中获取第一张图片作为缩略图


avatar
专收爆米花 2019年9月4日 5.36k

假设您想使用WordPress 的缩略图功能,但有一个完整的文章需要花费太多时间才能完成。对于新文章,可以是特定的,并按预期使用该功能。对于旧文章,只想使用它在内容中找到第一个图像作为缩略图的,或者如果不存在则使用默认图。

将其添加到functions.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)) {
    $first_img = "/path/to/default.png";
  }
  return $first_img;
}

前端循环输出代码

if ( get_the_post_thumbnail($post_id) != '' ) {

  echo '<a href="'; the_permalink(); echo '" class="thumbnail-wrapper">';
   the_post_thumbnail();
  echo '</a>';

} else {

 echo '<a href="'; the_permalink(); echo '" class="thumbnail-wrapper">';
 echo '<img src="';
 echo catch_that_image();
 echo '" alt="" />';
 echo '</a>';

}


评论(2)

查看评论列表
评论头像
格子老师 2019年09月19日
前端循环输出代码 是放在哪里的?
评论头像
专收爆米花 博主 2019年09月22日
前端哪里用就哪里放置输出

发表评论

表情 颜文字
插入代码