wordpress中缩略图调取几种方法

2024-09-07 00:51:31

字体：大中小

来源：转载

供稿：网友

WordPress Media一直支持上传图片生成包括缩略图,中等尺寸,大尺寸和原图4个规格的图片,而这恐怕是为了方便我们在文章内调用不同尺寸的图片.

凭文章ID就可以找到第一个图片,这里可以写成方法如下,用户获取第一个缩略图,如果没有上传过图片,返回空字符串.

以下代码贴入主题的function.php文件:

//缩略图获取

add_theme_support( 'post-thumbnails' );

set_post_thumbnail_size( 140, 98 ,true );//设置缩略图的尺寸

function dm_the_thumbnail() {

    global $post;

    // 判断该文章是否设置的缩略图，如果有则直接显示

    if ( has_post_thumbnail() ) {

        echo '<a href="'.get_permalink().'">';

        the_post_thumbnail();

        echo '</a>';

    } else { //如果文章没有设置缩略图，则查找文章内是否包含图片

        $content = $post->post_content;

        preg_match_all('/<img.*?(?: |/t|/r|/n)?src=['"]?(.+?)['"]?(?:(?: |/t|/r|/n)+.*?)?>/sim', $content, $strResult, PREG_PATTERN_ORDER);

        $n = count($strResult[1]);

        if($n > 0){ // 如果文章内包含有图片，就用第一张图片做为缩略图

            echo '<a href="'.get_permalink().'"><img src="'.$strResult[1][0].'" /></a>'; //开源软件:Vevb.com

        }else { // 如果文章内没有图片，则用默认的图片。

            echo '<a href="'.get_permalink().'"><img src="'.get_bloginfo('template_url').'/img/thumbnail.jpg" /></a>';

        }

    }

}

代码注释相当详细了,这里不过多说明,添加新文章的时候,右侧有个设置缩略图,这样就行了.

方法二,代码如下:

function getFirstImage($postId) {

$args = array(

  'numberposts' => 1,

  'order'=> 'ASC',

  'post_mime_type' => 'image',

  'post_parent' => $postId,

  'post_status' => null,

  'post_type' => 'attachment'

);

$attachments = get_children($args);

// 如果没有上传图片, 返回空字符串

if(!$attachments) {

  return '';

}

// 获取缩略图中的第一个图片, 并组装成 HTML 节点返回

$image = array_pop($attachments);

$imageSrc = wp_get_attachment_image_src($image->ID, 'thumbnail');

$imageUrl = $imageSrc[0];

$html = '<img src="' . $imageUrl . '" alt="' . the_title('', '', false) . '" />';

return $html;

}

调用的代码如下:

$thumb = getFirstImage($post->ID);

if(strlen($thumb) > 0) {

echo $thumb;

} else {

// 显示默认图片或者不做任何事情

}

文章特征图片（Featured Image）功能

WordPress 2.9之后,WordPress 提供了文章特征图片功能,可以为文章设定一个上传的图片作为特征图片,并可以给图片设定多个尺寸以便在不同的环境使用,可按一下步骤调用:

1.为WordPress主题添加特征图片支持,并设定特征图片的尺寸和别名,代码如下:

PHPadd_theme_support('post-thumbnails'); // 支持特征图片功能

add_image_size('thumb', 180, 180); // 别名为 thumb，尺寸为 150x150 的设定

add_image_size('recommend', 120, 120); // 别名为 recommend，尺寸为 120x120 的设定

add_theme_support('post-thumbnails'); // 支持特征图片功能

add_image_size('thumb', 180, 180); // 别名为 thumb，尺寸为 150x150 的设定

add_image_size('recommend', 120, 120); // 别名为 recommend，尺寸为 120x120 的设定