Avada图片问题大全

图片是网站的一个重要组成部分,今天讲下Avada图片问题大全及相关solutions,使用其他主题的朋友也可以参考。

图片上传注意的地方 

1.命名

英文网站最好用英文命名图片,图片是什么内容就命名什么,如果产品是LED bulb,那命名就是led bulb,如果有多张图片,就加数字,如led bulb 1,大小写没关系。

2.尺寸和大小

很多朋友从相机卡里面把图片拷出来就直接上传到网站,造成网站速度很慢,这是严重错误的做法。

正确的图片优化做法是

1)确定正确尺寸,先将大图片上传到需要的位置,然后在图片上面点右键-查看元素-把鼠标放在图片链接上面,就可以看到需要的正确尺寸是多少,如图所示,图片合适尺寸就能显示出来

Avada图片问题大全_第1张图片


前面的数字为实际正确的尺寸,括号后面的尺寸为原始尺寸。确定图片的正确尺寸后用PS将图片修改为正确的尺寸即可。

2)图片压缩,将修改后的图片上传到tinypng.com去压缩一下,再将压缩后的图片上传即可。

注:以上的方法对于一般的产品图片是没有任何问题的,但是有些对画质有高要求的产品的图片,像衣服类的,就可能不能压缩了,这样就只需要修改到正确的尺寸再上传,具体看情况决定。

AVADA常见图片问题大全

1.图片插入到页面中后变的图片模糊或图片显示不全

在media里面插入图片的时候,右下角有一个size选择,选择full size即可解决。

Avada图片问题大全_第2张图片


2.portfolio的featured image 缩略图图片变的很大很模糊或者变形了

在portfolio页面底下-fusion page options -portfolio 选项下面找到featured image width / height,在这两处要填上正确的尺寸,如500px / 500px, 不要填比例。当你在这里填了错误的图片尺寸的时候,在前面显示的图片就是变形的。

Avada图片问题大全_第3张图片
Avada图片问题大全_第4张图片

3.在PAGE的分类页面显示图缩略图片不完整 或 portfolio产品页面的related projects的图片显示不完整

有两种solutions, 如下

1)WP后台- AVADA -theme options顶部support center后面的框中输入 featured image size,在搜索结果中,将Portfolio Featured Image Size 和

Related Posts / Projects Image Size 都选择为AUTO即可显示完整,但是此方法只适用于所有的产品图片都尺寸相同的情况。一旦你的产品图片不一致或标题长度不一致,那调成auto之后,虽然能完整显示图片,但是图片排列会显示错乱不对齐,而且会影响此分类页面的加载速度。

Avada图片问题大全_第5张图片

2)只需要修改产品页面第一张featured image,如图所示,保持尺寸不变的情况下,将产品缩小,即将下图红圈空白的地方多留一些,然后再上传,这样系统在截取图片的时候就不会切到产品部分,这样显示出来的图片就是完整的了。

Avada图片问题大全_第6张图片

4.AVADA产品分类页面里面的产品图片和文字都不显示

一般是由于新版的WP和旧版AVADA不兼容导致,只需要将AVADA升级到4.0及以上即可解决,参考AVADA主题升级的方法

未完待续,如还有其他的图片问题请在下面留言。

你可能感兴趣的:(Avada图片问题大全)