七牛云生成各种尺寸样式图片缩略图教程【详细介绍】

HI,大家好,废话不多说,直接上干货:七牛云生成各种尺寸样式图片缩略图教程,以及关于七牛云缩略图,样式,图片的一系列相关内容,整理总结之后,我就想着写这篇文章和大家分享一下,因为毕竟新手朋友还是很多的!

我们博客网站在首页或分类列表页或其他地方或多或少都会用到缩略图,大多数都是通过timthumb.php来实现自动裁剪功能,但是这种方法裁剪的缩略图显示不太稳定,有些博客三天两头就看不到缩略图,原因有很多,可能是网络不稳定,可能是主机/服务器不稳定,可能是文件夹权限问题等等。那有什么办法可以让缩略图显示更稳定呢?可以考虑放弃缩略图,如卢松松博客;或放弃自动裁剪生成的缩略图改用随机缩略图,如 boke112 导航;或不裁剪图片但是估计图片会变形(很少人用这个);还有另一种就是通过第三方存储空间的裁剪功能生成缩略图,比如七牛云或又拍云都可以。

如果你的站点图片是存储在七牛云的,可以考虑利用七牛云的图片样式功能来建立各种尺寸规格的图片做为缩略图。如果你安装有七牛云相关插件的,估计已经集成有这个功能了。今天说的是纯代码实现方法,以Nana 主题为例进行说明。

七牛云建立图片新样式步骤

1、登录七牛云后台>> 对象存储 >> 点击相应的存储空间(如何建立存储空间请参阅『七牛云存储添加自定义域名和域名解析图文教程』)>> 图片样式 >> 新建图片样式,具体如下图所示:

七牛云生成各种尺寸样式图片缩略图教程,七牛云

2、常用使用场景中有 5 个选择,个人建议选择第 1 种“缩至完全覆盖指定宽高区域,居中剪裁”,其他场景看图片效果有点怪怪的,所以建议选择第一种。

七牛云生成各种尺寸样式图片缩略图教程,七牛云

3、设置想要裁剪的缩略图宽高,如 Nana 主题博客布局用到的缩略图尺寸就是 270X180,所以宽度填写 270PX,高度填写 180PX。具体如下图所示:

七牛云生成各种尺寸样式图片缩略图教程,七牛云

4、其他的一些基本设置:

图片水印功能,因为是列表页缩略图,所以建议选择“不加水印”;

输出格式功能,建议选择“与原图一致”;

点击“更多配置”,建议关闭“图片瘦身”功能,默认是开启的,而且是收费的,这个功能我们可以在后文的代码中自动添加瘦身代码;

渐进显示默认关闭;

图片质量默认为 75%,可自行调整;

图片处理样式名称,根据要求起一个名称即可,如 shouyesuolueutu。

至此,我们就成功创建了一个七牛图片样式 270X180,得到一个处理接口 imageView2/1/w/270/h/180/q/75,具体如下图所示:

七牛云生成各种尺寸样式图片缩略图教程,七牛云

根据测试,开启/关闭自动瘦身功能的处理接口分别如下:

开启:imageView2/1/w/270/h/180/q/75|imageslim

关闭:imageView2/1/w/270/h/180/q/75

所以我们完全可以关闭自动瘦身功能,然后在后文的代码处理中直接添加|imageslim 即可。

改造 Nana 主题缩略图代码

1、在 incfunctionsthumbnail.php 文件最后添加以下代码

//七牛自动缩略图
functionygj_thumbnail_qiniu($sltw,$slth,$sltzl){
global$post;
if(get_post_meta($post->ID,'wzshow',true)){
$image=get_post_meta($post->ID,'wzshow',true);
echo'post_title.'"/>';
}else{
$content=$post->post_content;
preg_match_all('//sim',$content,$strResult,PREG_PATTERN_ORDER);
$n=count($strResult[1]);
if($n>0){
echo'post_title.'"/>';
}else{
$random=mt_rand(1,10);
echo'post_title.'"/>';
}
}
}

2、在 blog.php、archive.php、cms.php 文件中找到以下代码


修改为


其中,270 是宽度,280 是高度,75 是图片质量,要跟在七牛创建的图片样式相一致,要不然会出错。不管是指定图片还是自动获取文章第一篇文章的图片路径都要是存储在七牛云才行。

至于,我们已经成功把 Nana 主题利用 timthumb.php 自动裁剪 270X180 的缩略图改为利用七牛图片样式裁剪的缩略图,具体效果可以看本站首页和分类列表页的缩略图。至于 Nana 主题其他规格的缩略图只需要重复本文的“七牛云建立图片新样式步骤”创建其他规格的图片样式,然后修改主题文件中其他规格的缩略图代码即可。

今天这篇文章就写到这里了,希望可以帮助朋友们,七牛云生成各种尺寸样式图片缩略图教程【详细介绍】这篇文章你觉得还不错的话,可以帮忙点个赞哦!心情不好的时候别忘了来寂寞网看看哦!

本文发布者:站长老油条,不代表寂寞网立场,转载请注明出处:https://www.jimowang.com/p/9030.html

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至 jimowangmail@126.com 举报,一经查实,本站将立刻删除。

(0)
上一篇 2022年10月12日 09:29
下一篇 2022年10月12日 09:32

相关推荐

  • 空壳主体,空壳网站,空壳APP是什么意思?【详细讲解】

    各位朋友们大家好,这次赵珮霖想和大家聊聊关于空壳主体,空壳网站,空壳APP是什么意思,还有空壳网站空壳,网站,主体相关的各种内容,这篇文章对新手朋友来说是比较重要的,因为涉及到各个方面,阅读完你一定能有所收获! 空壳主体,空壳网站,空壳APP是什么意思? 空壳主体:在工业和信息化部备案系统中,网站主办者的历史备案信息只存在主体信息,没有网站信息和接入信息。 …

    2022年8月19日
  • 2019最新广告法严禁使用词汇及违禁用语【一看就会】

    哈喽,小伙伴们大家好,今天何晓说的这篇文章2019最新广告法严禁使用词汇及违禁用语,还有关于广告法品牌,词语,国家这些的相关干货文章,经过我各种整理总结之后,决定写下这篇文章分享给大家。 绝对化词语 严禁使用绝对值、绝对、大牌、精确、超赚、创领品牌、领先上市、巨星、著名、奢侈、世界全国x大品牌之一等无法考证的词语。 严禁使用第一、极致、顶级、终极、冠军、一流…

    技术 2022年9月29日
  • 如何在不同电脑上使用U盘量产工具(技巧和建议)

    如何在不同电脑上使用U盘量产工具(技巧和建议) 一、选择兼容的U盘量产工具 1. 首先要确保选择一款兼容不同电脑的U盘量产工具。一些常用的U盘量产工具有芯片供应商提供的官方工具以及第三方开发的通用工具。建议选择较为稳定且广泛适用的工具。 2. 在选择工具时,查看工具的支持列表,确认它是否支持您所使用的U盘品牌和型号。选用与U盘匹配的量产工具,可以有效提高识别…

    2023年8月26日
  • 天翼网盘会员解除限速方法【新手必看】

    大家好,今天冯仕奇给大家讲解下关于天翼网盘会员解除限速方法的问题,还有关于天翼网盘方法,会员,像素的一些干货,如果你是老司机,你可能觉得很简单,但如果你是新手,你可能就不这么想了。 最近国内又一个良心网盘天翼开始限速了,冯仕奇测试发现限速后平均在100多K左右,比百度网盘良心点点。 在网上搜索发现有人说把文件转到家庭云在下载就可以满速,冯仕奇已亲测有效! 天…

    2022年9月18日
  • 去北京玩要带什么礼物?这些礼物值得推荐(礼物介绍和推荐)

    去北京玩要带什么礼物?这些礼物值得推荐(礼物介绍和推荐) 去北京旅游,除了欣赏名胜古迹和品尝美食外,还可以准备一些特色的北京礼物,既能纪念自己的旅行,也可以送给亲朋好友。下面是一些值得推荐的北京礼物,希望对大家有所帮助。 1. 纪念品类礼物 作为纪念品,首先想到的就是与北京有关的的文化产品。例如,故宫相关的书籍或文创产品,可以了解故宫的历史和文化;有北京印记…

    2023年8月20日
  • uu路由器插件的常见问题与解决方法(问题排查与解决建议)

    uu路由器插件的常见问题与解决方法 uu路由器插件是一款非常实用的网络优化工具,但是在使用过程中,用户可能会遇到一些问题。下面我们将介绍一些常见的问题以及相应的解决方法,以帮助用户更好地使用uu路由器插件。 问题一:无法登录uu路由器插件管理界面 检查插件是否正确安装并启用。 确认登录信息是否正确,包括用户名和密码。 尝试清除浏览器缓存和cookies,然后…

    2023年8月15日