加载中 ...
首页 > 建站 > 经验 > 正文

两个使用WordPress缩略图的方法

2019-02-12 09:31:57 来源:

在博客上用到缩略图的机遇良多,它们呈现在文章列表页面,文章下方的相干文章,分类页面的类目图片,乃至有些博客很新潮地淡化文字以图片瀑布流作为文章索引。

站长们知道缩略图可以吸引眼球,一向在寻觅更好的利用方式。本文将会先容WordPress上经常使用的两个挪用缩略图的方式,和他们的合用场景。

挪用文章第一个图片

WordPress Media一向撑持上传图片天生包罗缩略图,中等尺寸,年夜尺寸和原图4个规格的图片,而这生怕是为了便利我们在文章内挪用分歧尺寸的图片。

凭文章ID便可以找到第一个图片。这里可以写成方式以下,用户获得第一个缩略图,若是没有上传过图片,返回空字符串。

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 = '' . the_title('', '', false) . '';
?return $html;
}

挪用的代码以下。

$thumb = getFirstImage($post->ID);
if(strlen($thumb) > 0) {
?echo $thumb;
} else {
?// 显示默许图片或不做任何工作
}

文章特点图片(Featured Image)功能

WordPress 2.9以后,WordPress 供给了文章特点图片功能,可觉得文章设定一个上传的图片作为特点图片,并可以给图片设定多个尺寸以便在分歧的情况利用。可按一下步调挪用:

1. 为WordPress主题添加特点图片撑持,并设定特点图片的尺寸和别号。

add_theme_support('post-thumbnails'); // 撑持特点图片功能

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

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

我们可以将以上代码加到 functions.php 文件, 为主题添加添加了Featured Image 撑持, 并设定了 180x180 和 120x120 两种尺寸的图片。

此中 add_image_size 用于界说一种特点图片尺寸, 参考 WordPress Codex, 现实上它有 4 个参数。

第 1 个参数: 特点图片的尺寸别号, 用于挪用分歧尺寸的缩略图。

第 2 个参数: 图片的宽度

第 3 个参数: 图片的高度

第 4 个参数: 参数是个布尔值, 用于指定图片的裁切体例。 默许为 false.

若是为 true, 图片会按较年夜的紧缩比例处置, 过剩部门裁剪失落。 好比此刻有图片 900x600, 要求紧缩成 150x150 的图片, 那末会先将图片紧缩成 225x150 的图片, 才裁剪成 150x150.

若是为 false, 图片会按较小的紧缩比例处置。 好比此刻有图片 900x600, 要求紧缩成 150x150 的图片, 那末会将图片紧缩成 150x100 的图片。

下图是两个缩略图, 原图 1024x768, 左缩略图是 add_image_size('xxx', 120, 120, true);, 而右图利用的是 add_image_size('xxx', 120, 120, false);。

2. 判定是不是存在特点图片和显示缩略图。

if(has_post_thumbnail()) {

the_post_thumbnail('thumb');

} else {

// 显示默许图片或不做任何工作

}

上述代码判定文章中是不是存在特点图片,若是存在则显示别号为 thumb 的缩略图,若是没有可以显示默许图片或留空。我们在前面还设定了别号为recommend的缩略图,那末我们可以在分歧的场所利用分歧的缩略图。好比:在文章列表页面利用 the_post_thumbnail('thumb'); 展现 180x180 的缩略图, 而在文章底部的相干文章区域经由过程the_post_thumbnail('recommend'); 展现 120x120 的缩略图。

3. 在编写文章的时辰设定特点图片。

若是我们为主题添加了特点图片撑持,在编纂文章页面上传图片后,在Insert into Post按钮的旁边可以找到Use as featured image链接将图片设为特点图片。

总结

WordPress 2.9 之前不存在特点图片(Featured Image)的概念,必需经由过程第一种体例找到图片附件。 用这类体例获得缩略图的益处是一劳永逸,今后你不消关心要文章的利用甚么缩略图,是不是存在缩略图。 但这一样也是它的错误谬误,不克不及指定特定图片为缩略图。若是某文章第一个图片是缩略图,但由于文章更新, 将第一个图片删除,再上传。那原本第二个图片就成了新的缩略图,但有可能第二个图片结果欠好, 不合适作为缩略图也没是没有法子的,由于你底子没有法子利用特定图片。

Featured Image功能很壮大,除可以指定图片作为特点图片,还可以或许利用多个尺寸的图片以合适分歧的场所,你要做的仅仅是每次写文章时别忘了设定特点图片。当你想去除所有缩略图时,也仅是将 functions.php 文件的add_theme_support('post-thumbnails'); 便可。

我此刻没有效Featured Image, 一向用的是取第一个图片的方式,由于我的图片质量不高,一向没指定图片需求,懒得去改了。

文章来历:http://

“广域创业网”的新闻页面文章、图片、音频、视频等稿件均为自媒体人、第三方机构发布或转载。如稿件涉及版权等问题,请与

我们联系删除或处理,客服邮箱,稿件内容仅为传递更多信息之目的,不代表本网观点,亦不代表本网站赞同

其观点或证实其内容的真实性。