怎样实现七牛云图片自动缩略图

我们在wordpress默认上传路径上传的图片，会自动生成相应尺寸的缩略图显示。

如果使用：添加媒体-上传文件，这个路径来插入图片的话，在文章列表页会把第一张图自动裁剪成缩略图需要的大小，有些主题可能没有缩略图需求，但是有很多主题是有这方面的需要的。

我所使用Beginy主题是需要280*210的缩略图，如果我使用七牛云的图片的话，系统并不会默认裁剪这些图片，会导致我的文章缩略图无法显示，而在文章列表页，显示没有缩略图，会很难看。

因此，我们要通过七牛云的另外的功能：图片样式来实现我们的缩略图：

一、进入图片样式

输入图片说明

二、选择居中裁剪

这里有很多图片样式的裁剪方式，有兴趣的小伙伴可以再研究研究，我一向是实用为先，暂时用不到的功能我并不没有去研究，我使用的就是第一个：居中裁剪。

输入图片说明

三、创建图片样式

这里有主要有两点要注意：

1、设置好自己需要的缩略图尺寸

2、设置好这个图片样式的名称，一定要简单

输入图片说明

四、使用图片样式创建缩略图

比如说我们另外上传一张图片做缩略图，但是我们并不需要把这张图片插入到这篇文章里同，我们只需要把这张图片上传到存储空间，然后调用样式就可以实现缩略图了。

1、上传图片到存储空间

输入图片说明
2、添加图片样式分隔符
输入图片说明
我这也用的是中横线，你选择的是什么就在你的图片地址后面，输入这个分隔符，然后输入你刚设置的图片样式名称，刚才咱们设置的是slt，也就是说，我们要在我们想要用来做缩略图的那个图片外链地址后加添加 【-slt]】这样一个字符串。

3、输入缩略图地址

输入图片说明
如果你的主题需要缩略图的话，一般会这个选项，到时候直接按按照这个格式输入进去就可以了。

4、前台看效果

我们发布文章之后，到前台首页，去看看缩略图显示的效果。

效果肯定是很棒的！这样就通过七牛云提供的图片样式功能，为自己的wordpres文章实现缩略图了。