PHP云购程序 (必看!!)万能网站图片替换大法(通用 通俗讲解版)

时间:2016-01-05 20:55:00  来源:  作者:

对于小白用户来说修改网站的图片简直是件要命的事儿!

因为他们找不到图片在什么地方,更加不知道怎么修改,今天我就给大家介绍下网站图片的修改方法,并且结合我的这个模板来进行下讲解。


需要说明的是,这个图片的修改方法是通用的,不仅可以用在我的这个模板上,也可以用在别的网站修改上。

当然有的网站的图片是可以在后台修改的,但是这个能修改的毕竟是少数,大多数是固定的!那我们怎么修改呢,答案就只有一个啦!!--------替换啊!

废话不多说,上菜啦!!


首先 : 你得有一个好用的ftp软件

(如果您不知道ftp怎么用,或者不知道ftp是什么,建议您移步到技术交流区,在软件下载区,分享的有好用的ftp软件下载的哦!)

ftp软件下载地址:点击去下载啦!!



其次 : 你需要有一个带调测功能的浏览器,这里我推荐火狐浏览器。

什么??没安装??!  小哥早就想到你不一定装的有啦!来来来,赏你个下载地址:点击去下载>>


准备好这两样就可以干正事儿了,比如我想修改网站的下方的二维码的图片,怎么办呢?

基本还是老三步:

第一步:在火狐浏览器打开网站的对应页面。(我要修改的就是下图我圈选的那个二维码)

PHP云购程序 (必看!!)万能网站图片替换大法(通用 通俗讲解版)

第二步:在火狐浏览器按电脑的F12键(如果F12键都找不到我就真的阵亡了啊,~~~~(>_<)~~~~)。

之后会看到如下图的调测界面,大概是下图这样子:

PHP云购程序 (必看!!)万能网站图片替换大法(通用 通俗讲解版)

点击我指的那个小箭头,进入调测模式,然后移动鼠标到你需要替换的图片上,可以看到如下的效果:

PHP云购程序 (必看!!)万能网站图片替换大法(通用 通俗讲解版)

是不是很神奇!!!下面会自动定位到图片所在的路径位置上,然后你就知道图片在什么位置了,知道图片在哪里了,想要替换那不是很easy啦!

就我这个例子而言,网址是:http://www.qunbaigou.com/statics/templates/yungou/images/code.jpg

去掉我的网址后可以得的如下信息:

1:文件的绝对路径是:statics/templates/yungou/images

2:文件名称是:code.jpg

然后就很简单了,连接你的ftp到你的网站,找到这个路径对应的文件夹--->如下图:

PHP云购程序 (必看!!)万能网站图片替换大法(通用 通俗讲解版)

轻轻松松就找到了这个图片了有木有!!!

然后呢?通过ftp把图片下载下来,修改为你自己的图片,上传就OK了,so easy!!

千万一定要注意的是,你下载下来的文件名是什么,修改后还需要时什么,包括文件的文件类型,文件的名称,必须是完全一样的,比如我的这个文件是code.jpg,我无论怎么修改,上传回去的时候还得是code.jpg,否则图片图片就是没有意义的了哦!为什么呢?因为没替换成功啊!~


有的小伙伴可能会遇到替换后没有效果的情况,是怎么回事儿呢?因为你没有清理缓存啦!
(浏览器缓存和网站缓存都请理下,然后刷新下浏览器,是不是发现图片已经更新了?哈哈!到此为止图片修改全部讲解完毕,希望各位能看明白哦!)


特例情况说明:
特例情况说明:
特例情况说明:
(重要的事情说三遍!!!)
有的小伙伴可能会遇到按照上面的方法做但是始终找不到图片的情况,或者源代码里面压根找不到这个图片,怎么办呢?

还是打开火狐的调测模式(依旧是F12键)

鼠标定位到图片上:

这里我们以手机版的分享拿现金页面为例子进行说明:
页面大概是下面的这个样子:(很长有木有,比如我要替换这个页面的3张图片【这个页面一共有3张图片组成】,怎么做呢,又怎么找到图片的地址呢?)

PHP云购程序 (必看!!)万能网站图片替换大法(通用 通俗讲解版)

点击F12后定位到图片,此时我们可以看到如下图:
此时的这个图片因为是在Css文件里面引用的,所以需要在css预览里面找。
由于不同电脑的分辨率不一样,所以css预览也可能是在调测窗的右边,

像我下图这样的情况:

PHP云购程序 (必看!!)万能网站图片替换大法(通用 通俗讲解版)

或者是下面这样:

PHP云购程序 (必看!!)万能网站图片替换大法(通用 通俗讲解版)

点击我圈中的图片地址后会打开新的窗口直接打开这个图片,如下图:

PHP云购程序 (必看!!)万能网站图片替换大法(通用 通俗讲解版)

可以看到网址大概是下图的样子:

PHP云购程序 (必看!!)万能网站图片替换大法(通用 通俗讲解版)

什么?看不清?好吧,那我贴出来:
网址:http://www.qunbaigou.com/statics/templates/yungou/css/weixin/index_03.jpg?v=150131

去掉网址后得到下信息:statics/templates/yungou/css/weixin/index_03.jpg?v=150131

所以图片的文件路径是:
statics/templates/yungou/css/weixin/

所以图片的文件名是:index_03.jpg

提示说明:那么后面的“
?v=150131”是什么呢?答:版本号,不过你可以忽略这个参数,权当没看见就ok啦! (好机智O(∩_∩)O哈哈~)

然后就好办了:依然是上面的步骤,链接ftp,找到文件,修改覆盖上传就ok了。

需要特别说明的是:

需要特别说明的是:
需要特别说明的是:重要的事情说三遍!!!
文件名称和类型 一定要和原来的文件一模一样,不能出任何差错,你修改后上传回去的时候应该有覆盖上传的提示确认框才对的哦


本方法适用于所有的网站的图片修改,因为所有网站的图片修改也只有这两种方法了,对!!!只有这两种,掌握之后你就会修改网站所有的图片了呢!!

如果没有变化怎么办呢?只需要清理下电脑缓存,就ok了!!

如果还没变化怎么办呢? 我只能说:“这我也没办法了!”,只能从智商上面找原因了,~~~~(>_<)~~~~


顶一下
返回首页
回首页
收藏
收藏

参与评论(条)

注: 网友评论仅供表达个人看法,并不表达本站同意其观点或证实其描述