鸿 网 互 联 www.68idc.cn

当前位置 : 服务器租用 > cms安装教程 > WordPress > >

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

来源:互联网 作者:佚名 时间:2015-10-18 05:57
之前 设计 WordPress 主题 的时候 调用 图片 一般都是用 文章 内附件 图片 ,但是有些博主为了节约博客主机空间,大部分采用外联 图片 ,这样就无法同过这种方式 调用 了,所以只能用下面的这种方式来 调用 文章 的 第一 张 图片 , 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!

网友评论
<