wordpress文章缩略图的调用方法
2018-11-02 来源:学做网站论坛
在学建网站过程中,很多时候需要在网站上显示文章的缩略图,这样可以让整个网站不是太单调。就是学做网站论坛的“学员网站制作案例”版块,就使用了缩略图。
我们自己做网站时,如何在自己网站上调用文章缩略图呢?下面来讲一下文章缩略图调用方法。
方法/步骤
- 在自己的wordpress模板中找到模板函数文件functions.php;
- 在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;
} - 在网站模板的任意一个模板中,只要需显示缩略图片位置,使用下面的调用代码来调用缩略图。
<?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 }?>
- 上面代码里的29,296为图片的尺寸,可以根据自己网站的需要进行修改。
通过上面的方法,我们自己建网站时,也可以很轻松的调用文章缩略图片了。
上面的方法是调用文章里第一张图片作为缩略图,如果想调用文章多张图片作为缩略图,可以使用这个方法:https://www.xuewangzhan.com/wpbbs/14562.html
版权申明:本站文章部分自网络,如有侵权,请联系:west999com@outlook.com
特别注意:本站所有转载文章言论不代表本站观点!
本站所提供的图片等素材,版权归原作者所有,如需使用,请与原作者联系。
最新资讯
热门推荐