• 俊硕博客公告栏:深圳俊硕专注于SEO优化培训,免费给深圳SEO爱好者提供SEO技术培训教程,兼深圳地区公司网站排名优化等服务!

wordpress文章缩略图的调用方法

哈喽!大家好我是深圳SEO俊硕,在学建网站过程中,很多时候需要在网站上显示文章的缩略图,这样可以让整个网站不是太单调就使用了缩略图。

wordpress文章缩略图的调用方法

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

方法/步骤

  1. 在自己的wordpress模板中找到模板函数文件functions.php;wordpress文章缩略图的调用方法
  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为图片的尺寸,可以根据自己网站的需要进行修改。

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


深圳SEO俊硕博客申明版权隶属:深圳SEO(http://www.junsuk.com/)

转载请注明:深圳SEO俊硕博客 » wordpress文章缩略图的调用方法

喜欢 (1)
支付宝[]
分享 (0)
俊硕博主
关于作者:
发表我的评论
取消评论
表情 贴图 加粗 删除线 居中 斜体 签到