零基础建站培训介绍

当前位置:

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') . "/images/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="296px" height="296px"/><?php }?>
  4. 上面代码里的29,296为图片的尺寸,可以根据自己网站的需要进行修改。

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

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

上一课: 下一课:

发表评论

零基础学建站就到学做网站论坛