主页 > 教程合集 > WordPress >

WordPress的特色图像提升网站加载速度的方法

时间:2020-05-01 阅读:0

WordPress 的特色图像(Featured Image)功能,老站长们都愿意使用,新手站长觉得用起来比较麻烦、占用空间,花心思去研究替代方法,如:代码去截取第一张图片的方式 ,用插件来自动获图片,这些替代方式是比较方便了编辑文章 , 但是列表页面有很多文章和封面图片,如果截取的完整尺寸的图片会拖慢你的网站加载速度。

WordPress的特色图像提升网站加载速度的方法

特色图像并不是原始尺寸图像来显示封面图片,而是会生成不同尺寸的略缩图,如果你上传的大尺寸图片,特色图像会将大尺寸图片,会根据后台缩略图设置生成好几个很小的图片作为封面图片。 如上传了一张800*800的原图,我们在侧边栏显示小图100*100  在列表页显示300*300的图片 在底部显示150*150的尺寸图片,在文章中显示原图,那么使用特色图片将会生成这些尺寸的图片,而非直接使用原图800*800的图片。 也就是说原图的158KB的大小,在侧边栏显示3.9kb,在底部显示4.2kb,在列表页显示22kb大小的图片,网站的速度大大提升了! 特别是针对一些列表由图片格式显示的网站,速度将有质的提升!

特色图像除了速度提升, 还会自动生成的图片大小等比例缩放,上传即可生成不同图像,让网站更加统一规划,让文章不容易出现图片大小不一,混乱、错位的情况。

如何从后台修改缩略图尺寸

访问 后台>>设置>>媒体,缩略图大小这一项就是特色图像(Featured Image or Thumbnail)的尺寸,也就是the_post_thumbnail()不加参数时调用的图片的尺寸。根据需要修改其参数即可。上传图片时WordPress会自定生成这个尺寸的图片。

为文章添加特色图片的三种方法

1. 上传图片时点击“作为特色图像”进行设置,如下图所示,点击后显示“完成”即表示设置成功。设置好的特色图像会在右侧栏目中显示出来。

2. 点击右侧栏目中的特色图像设置,如下图所示,点击“设置特色图像”按钮后弹出特色图像设置界面 。

3. 如果你没有用上述两种方法设置,那么你也许希望从文章中已经存在的图片中选取一张作为特色图像,WordPress考虑的很周到,你可以轻松选择文中已有的图像。

如何调用特色图像


//在post模板中
<?php
if ( has_post_thumbnail() ) {
    the_post_thumbnail(); // 无参数,默认调用Thumbnail
}
?>
<?php the_content(); ?>
 
/*可以调用不同尺寸的图片
the_post_thumbnail();// 无参数,默认调用Thumbnail
the_post_thumbnail('thumbnail');// Thumbnail (默认尺寸 150px x 150px max)
the_post_thumbnail('medium');// Medium resolution (default 300px x 300px max)
the_post_thumbnail('large');// Large resolution (default 640px x 640px max)
the_post_thumbnail('full');// Full resolution (original size uploaded)
   
the_post_thumbnail( array(100,100) );// Other resolutions
*/

 

本站所有资源均在Resource资源站有分享,你可以点击 >>> Resource 进入资源站自助提取。

余斗余斗
  • 版权声明:原创文章由发表在WordPress分类下,2020-05-01最后更新,转载注明出处。

相关推荐

返回顶部