学做网站培训课程介绍

当前位置:

wordpress文章缩略图的调用方法

在学建网站过程中,很多时候需要在网站上显示文章的缩略图,这样可以让整个网站不是太单调。就是学做网站论坛的“学员网站制作案例”版块,就使用了缩略图。

wordpress文章缩略图的调用方法

我们自己做网站时,如何在自己网站上调用文章缩略图呢?下面来讲一下文章缩略图调用方法。

方法/步骤

  1. 在自己的wordpress模板中找到模板函数文件functions.php;
    wordpress文章缩略图的调用方法n
  2. 在functions.php粘贴下面的缩略图代码:
    
    
    //调用缩略图
    function get_first_image() {
    global $post;
    $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 = bloginfo('template_url') . "/default.jpg";
    };
    return $first_img;
    }
  3. 在网站模板的任意一个模板中,只要需显示缩略图片位置,使用下面的调用代码来调用缩略图。
    
    
    <?php if ( has_post_thumbnail() ) { the_post_thumbnail(array(296,296),array('alt'=> trim(strip_tags( $post->post_title ))));} else {?><img src="<?php echo get_first_image(); ?>" alt="<?php the_title(); ?>" width="296" height="296"/><?php }?>
  4. 上面代码里的29,296为图片的尺寸,可以根据自己网站的需要进行修改。
  5. 在主题文件夹下放一个默认图片,名字为default.jpg。

通过上面的方法,我们自己建网站时,也可以很轻松的调用文章缩略图片了。

上面的方法是调用文章里第一张图片作为缩略图,如果想调用文章多张图片作为缩略图,可以使用这个方法:https://www.xuewangzhan.net/wpbbs/14562.html

补充:除了使用上面的常用的调用缩略图的代码之外,还可以使用以下的代码进行调用。(将特色图片的URL提出来)


<?php if ( has_post_thumbnail() ) { ?><?php $post_ID=$post->ID;$post_thumbnail_id = get_post_thumbnail_id( $post_ID );$post_thumbnail_src = wp_get_attachment_image_src($post_thumbnail_id,'Full');?><img src="<?php echo $post_thumbnail_src[0]; ?>" alt="<?php the_title(); ?>" width="296" height="296"/><?php }else {?><img src="<?php echo get_first_image(); ?>" alt="<?php the_title(); ?>" width="296" height="296"/><?php }?>

如果不需要指定图片尺寸,可以使用下面的代码:


<?php if ( has_post_thumbnail() ) { ?><?php $post_ID=$post->ID;$post_thumbnail_id = get_post_thumbnail_id( $post_ID );$post_thumbnail_src = wp_get_attachment_image_src($post_thumbnail_id,'Full');?><img src="<?php echo $post_thumbnail_src[0]; ?>" alt="<?php the_title(); ?>" /><?php }else {?><img src="<?php echo get_first_image(); ?>" alt="<?php the_title(); ?>" /><?php }?>

发表评论

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

相关教程

  • 漂亮的wordpress淘客模板 图文教程 (111025 次浏览)
    今天再次给大家分享一款自己仿的一个wordpress淘客模板。这个模板是我自己在别人模板的基础上进行二次开发,自己比较喜欢。注意:此模板不支持IE6,
  • 用什么建网站?Wordpress建网站好不好?这些问题经常被新手问上问起。可以这样说,wordpress程序可以建各种类型的网站,它的功能强大之处令人称赞,
  • 在学建网站过程中,很多时候需要在网站上显示文章的缩略图,这样可以让整个网站不是太单调。就是学做网站论坛的“学员网站制作案例”版块,就使用了缩略
  • 在一些信息门户网站,同时调用多篇文章及缩略图,我们以前介绍过wordpress文章缩略图的调用方法,它是调用一张图片作为缩略图。但有的门户信息网站,
  • 我们在浏览网站时,会发现有些网站的顶部会有天气预报功能,并且可以根据用户所在的城市自动变换成当地的天气预报信息。那么我们在自己建网站时,怎么
  • 在学做网站论坛的VIP课程中,我们讲了做网站时,我们网站的导航是调用一级分类和页面,可往往为了一些需要,登录制作wordpress下拉菜单,要求调用某个