图片是网站的一个重要组成部分,今天讲下Avada图片问题大全及相关solutions,使用其他主题的朋友也可以参考。
图片上传注意的地方
1.命名
英文网站最好用英文命名图片,图片是什么内容就命名什么,如果产品是LED bulb,那命名就是led bulb,如果有多张图片,就加数字,如led bulb 1,大小写没关系。
2.尺寸和大小
很多朋友从相机卡里面把图片拷出来就直接上传到网站,造成网站速度很慢,这是严重错误的做法。
正确的图片优化做法是
1)确定正确尺寸,先将大图片上传到需要的位置,然后在图片上面点右键-查看元素-把鼠标放在图片链接上面,就可以看到需要的正确尺寸是多少,如图所示,图片合适尺寸就能显示出来
前面的数字为实际正确的尺寸,括号后面的尺寸为原始尺寸。确定图片的正确尺寸后用PS将图片修改为正确的尺寸即可。
当然有些时候不能完全按这个原则来处理尺寸,因为图片还要考虑还要考虑手机端的显示,所以图片的尺寸不能太小,参考手机屏幕,一般建议480PX宽度的最小值,如果电脑上的尺寸过大就按上面的原则来处理,如果过小就必须修改成480PX宽度左右(不要简单的拉伸调大小,会变形和模糊的)
2)图片压缩,将修改后的图片上传到tinypng.com去压缩一下,再将压缩后的图片上传即可。
注:以上的方法对于一般的产品图片是没有任何问题的,但是有些对画质有高要求的产品的图片,像衣服类的,就可能不能压缩了,这样就只需要修改到正确的尺寸再上传,具体看情况决定。
AVADA常见图片问题大全
1.图片插入到页面中后变的图片模糊或图片显示不全
在media里面插入图片的时候,右下角有一个size选择,选择full size即可解决。
如果插入的是full size,前台还是图片显示模糊,那么可能需要升级了,一直升级avada主题到最新版本即可解决问题。 参考AVADA升级的方法
2.portfolio的featured image 缩略图图片变的很大很模糊或者变形了
在portfolio页面底下-fusion page options -portfolio 选项下面找到featured image width / height,在这两处要填上正确的尺寸,如500px / 500px, 不要填比例。当你在这里填了错误的图片尺寸的时候,在前面显示的图片就是变形的。
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之后,虽然能完整显示图片,但是图片排列会显示错乱不对齐,而且会影响此分类页面的加载速度。
2)只需要修改产品页面第一张featured image,如图所示,保持尺寸不变的情况下,将产品缩小,即将下图红圈空白的地方多留一些,然后再上传,这样系统在截取图片的时候就不会切到产品部分,这样显示出来的图片就是完整的了。
4.AVADA产品分类页面里面的产品图片和文字都不显示
一般是由于新版的WP和旧版AVADA不兼容导致,只需要将AVADA升级到4.0及以上即可解决,参考AVADA主题升级的方法
“Avada图片问题大全”上的21条回复
请问这个帖子可以回复吗?我在编辑portfolio页面时,增加了特色图像,预览的时候一切正常,但是网站发布之后,第一张特色图像不显示,这样导致我的产品分类也也是不显示任何图像,但是鼠标滑过的时候只有特效没有图片,是什么原因呢
Hi,Hunk大神
网站遇到一个问题,自己试了很多方法都无法解决。
avada主题下用image carousel做的一组图片,每次打开网站只显示图片顶部的一点点,下端都不显示,有时候刷新又可以正常显示。这是什么问题啊?我怀疑是avada主题自身的bug,是不是需要升级啊?
可能是某个插件导致的,可以用排除法找出来。我用wp rocket插件,如果启用了压缩功能,就会导致你这个问题。
谢谢Hunk!貌似确实是wp rocket插件引起的,禁用插件之后,电脑端就没出现这个问题了,但手机端还是有这个问题,请问这是怎么回事?
有缓存。
Hunk,
你好,请帮忙看下我做网站时遇到的问题。
AVADA 5.0.3版本,安装都成功。 开始编辑首页就遇到问题了:容器生成器-选择了图片框-上传图片,上传后总是保存不了,也取消不了,那个上传页面关都关不了。这是哪里出问题了?
盼复!谢谢。
参考 这个文章 https://www.imhunk.com/wordpress-4-9-avada-new-bug/
谢谢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.
盼复.
别在本地浪费时间了。空间上不会出这样的问题。 域名在Namesilo上买,这里有教程:https://www.imhunk.com/buy-domain-on-namesilo/ (含优惠码)
速度快空间:LINODE主机购买教程: https://www.imhunk.com/3-steps-to-buy-linode/ (购买送20USD)
省钱且操作简单空间:Bluehost空间购买教程: https://www.imhunk.com/best-bluehost-buying-procedure/
Hunk,
请忽视我刚才问的问题,已经解决了,谢谢。 提前祝元旦快乐!
Laura
2017.12.30
Hi,Hunk,遇到一个问题,我首页home,About us以及contct里用image frame修改了图片的名字,重新上传,结果重新上传后图片显示都很小,首页的图原始图为620x320px,实际显示时300x155px。
不知道哪里设置?
请教!!!
仔细看博客,都有讲
Many tks,Hunk
已经搞定,360把右下角size选择遮住了。
请问,我现在是鼠标移动到图片上可以显示图片的名称,怎样才能设置到不显示呢?
显示的是图片的title,正常。
不显示反而不正常
Hunk,
请问当我的图片设置为500X500PX, 在PORTFOLIO中把它设置为FEATURED IMAGE, 实际显示出来的尺寸为721X721PX (页面有SIDEBAR), 铺满了整个页面。有没有办法让它显示实际的500X500PX, 不被拉伸呢放大呢?
另外我在portfolio页面底下-fusion page options -portfolio 选项下面找到featured image width / height,在这两处要填上尺寸,如500px / 500px,这样设置之后还是不起作用。
1. 下面的尺寸那里要带px,如500px,不是500
2. 如果上面做到的话,那就检查是否安装了缓存插件,导致生效延迟,像wp super cache, w3tc等。如果有,就清除缓存
3. 上面都做到的话,再清除浏览器的缓存记录。
经过这三步,应该是正常的了。
如果还不正常,提供后台账号密码给我检查原因
非常谢谢Hunk解答,很有条理。更正第一步就解决了!
相同疑问已解决,也是第一条那样做就好了。感谢Hunk~
Hunk,
请问,如果用Avada主题 portfolio 来做产品详情页面的时候, 如何在产品图片(Featured pictures)右侧添加几行描述, 我发现一添加描述就跑到图片下面去了
1/2+1/2