wordpress CMS主题 微信
  • 全部教程
  • Home > wordpress CMS主题制作 > wordpress怎样调用文章中的第一张图片

    wordpress怎样调用文章中的第一张图片

    高时银博客 wordpress CMS主题制作 点击: 2,511 次 0 0

    上一节高时银博客跟大家分享了怎样不通过插件来实现首页图片集的展示,就像时美网首页的图片集一样,代码我们是添加了,但是如果打开网页,我们会发现网页报错,因为我们还没有实现从文章中获取图片的功能。本节,高时银博客就跟大家分享一下“怎样调用文章中的第一张图片”。

    方法很简单,在主题模板函数文件function.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;}

    这个函数的作用是获取到文章中的第一张图片的地址,然后,再将这个地址传递到上一节中的图片地址中,就实现了缩略图片的调用。

    上一节的缩略图调用,我们还可以做成侧边栏的图片展示和相关文章的图片展示,这个,你都可以根据自己的需要来设计。呵呵,今天就分享到这里了。


    文章作者:高时银博客
    本文地址:http://wanlimm.com/77201404231974.html
    版权所有 © 转载时必须以链接形式注明作者和原始出处!

    目前还没有评论。赶快来坐沙发吧。

    发表评论