WordPress调用文中第一张图片为缩略图

2015/10/20
1 vote, average: 5.00 out of 51 vote, average: 5.00 out of 51 vote, average: 5.00 out of 51 vote, average: 5.00 out of 51 vote, average: 5.00 out of 5 (1 票 ）
 暂无评论

WordPress调用文中第一张图片为缩略图。经常看到很多WordPress主题调用文中的第一张图片为缩略图，感觉不错，现记录如下。

WordPress调用文中第一张图片为缩略图

将以下代码添加到你的主题模板的function.php文件

Code   ViewPrint
  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)){ //如果文中无图时设置默认缩略图
  9. $site_url = bloginfo('template_url');
  10. $first_img ="$site_url/xx/thumbnail.png";
  11. }
  12. return $first_img;
  13. }

如果文中无图时，则不调用图片为缩略图代码则为

Code   ViewPrint
  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. return $first_img;
  10. }

把以下代码添加到你想要显示图片的位置，即可实现自动调用文章中第一张图片

  1. <img src="<?php echo catch_that_image() ?>" alt="<?php the_title(); ?>" /></a>

可以在CSS里根据自己主题添加缩图图样式，具体视自己习惯而定

WordPress调用文中第一张图片为缩略图 post thumnail

本文参考了http://www.uedbox.com/wordpress-calls-the-first-picture/一文，有修改。

  • 本博客文章如未特别说明，皆为本站原创，默认采用署名-相同方式共享 4.0 国际协议

    • 相关文章

    发表回复

    您的邮箱地址不会被公开。 必填项已用 * 标注