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

如果插入的是full size,前台还是图片显示模糊,那么可能需要升级了,一直升级avada主题到最新版本即可解决问题。 参考AVADA升级的方法

 

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图片问题大全

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

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

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

Summary
Avada图片问题大全
Article Name
Avada图片问题大全
Description
本文总结了AVADA图片问题大全,像在page或portfolio页面中的图片变模糊,变形,变大,不完整等常见问题及相关的解决方法,供用AVADA建站的朋友参考,使用其他主题的朋友也可以参考
Author
Publisher Name
Hunk外贸建站营销博客
Publisher Logo

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

  1. Hi,Hunk大神
    网站遇到一个问题,自己试了很多方法都无法解决。
    avada主题下用image carousel做的一组图片,每次打开网站只显示图片顶部的一点点,下端都不显示,有时候刷新又可以正常显示。这是什么问题啊?我怀疑是avada主题自身的bug,是不是需要升级啊?

    1. 可能是某个插件导致的,可以用排除法找出来。我用wp rocket插件,如果启用了压缩功能,就会导致你这个问题。

      1. 谢谢Hunk!貌似确实是wp rocket插件引起的,禁用插件之后,电脑端就没出现这个问题了,但手机端还是有这个问题,请问这是怎么回事?

  2. Hunk,
    你好,请帮忙看下我做网站时遇到的问题。
    AVADA 5.0.3版本,安装都成功。 开始编辑首页就遇到问题了:容器生成器-选择了图片框-上传图片,上传后总是保存不了,也取消不了,那个上传页面关都关不了。这是哪里出问题了?

    盼复!谢谢。

      1. 谢谢Hunk.
        删除了以前的5.0.3版本,直接安装了Hunk提供的免费5.31版本。安装好了,升级插件时又出现了问题: Updating Plugin: Fusion Builder
        正在从 http://updates.theme-fusion.com/?avada_action=get_download&item_name=Fusion%20Builder&nonce=fa23296aa3&t=1514601484&ver=5.3.1 下载更新…

        ( ! ) Fatal error: Maximum execution time of 120 seconds exceeded in F:\wamp\www\wordpress\wp-includes\Requests\Transport\cURL.php on line 462

        点开蓝色连接出现:
        function.call-user-func-array:{f:/wamp/www/wordpress/wp-includes/class-wp-hook.php:286} doesn’t exist.

        盼复.

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

  4. 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. 上面都做到的话,再清除浏览器的缓存记录。

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

  5. Hunk,

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

发表评论

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