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后台- Appearance -theme options顶部support center后面的框中输入 featured image size,在搜索结果中,将Portfolio Featured Image Size 和
Related Posts / Projects Image Size 都选择为AUTO即可显示完整,但是此方法只适用于所有的产品图片都尺寸相同的情况。一旦你的产品图片不一致或标题长度不一致,那调成auto之后,虽然能完整显示图片,但是图片排列会显示错乱不对齐,而且会影响此分类页面的加载速度。

AVADA图片问题大全 5

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

AVADA图片问题大全

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

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

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

10 条评论在 “Avada图片问题大全”

  1. Hunk,

    请问,如果用Avada主题 portfolio 来做产品详情页面的时候, 如何在产品图片(Featured pictures)右侧添加几行描述, 我发现一添加描述就跑到图片下面去了

  2. Hunk,
    请问当我的图片设置为500X500PX, 在PORTFOLIO中把它设置为FEATURED IMAGE, 实际显示出来的尺寸为721X721PX (页面有SIDEBAR), 铺满了整个页面。有没有办法让它显示实际的500X500PX, 不被拉伸呢放大呢?
    另外我在portfolio页面底下-fusion page options -portfolio 选项下面找到featured image width / height,在这两处要填上尺寸,如500px / 500px,这样设置之后还是不起作用。

    1. 1. 下面的尺寸那里要带px,如500px,不是500
      2. 如果上面做到的话,那就检查是否安装了缓存插件,导致生效延迟,像wp super cache, w3tc等。如果有,就清除缓存
      3. 上面都做到的话,再清除浏览器的缓存记录。

      经过这三步,应该是正常的了。
      如果还不正常,提供后台账号密码给我检查原因

  3. Hi,Hunk,遇到一个问题,我首页home,About us以及contct里用image frame修改了图片的名字,重新上传,结果重新上传后图片显示都很小,首页的图原始图为620x320px,实际显示时300x155px。
    不知道哪里设置?
    请教!!!

发表评论

电子邮件地址不会被公开。 必填项已用*标注