动手修改小储云商城的标题logo

本文推荐使用宇宙最强“文本编辑器”VScode,玩前端的同学都知道官网链接


[FBI WARNING]

本教程需要你有一定的动手能力以及一台电脑(最好)!


以下是教程(本教程以Cloud模板为例,其他模板大同小异):

1. 下载最新小储云压缩包,解压,点进去

\template\cloud

2. 使用Vscode打开【header.php】文件

3. 快捷键Crtl+f,查找内容【icon】,你会找到下面这一段代码

具体意思自己感兴趣可以去百度

4. 可以看到,官方使用了静态资源加速的方式,加快了小图标的加载。

5.我们要做的,就是将在线文件,改为本地文件。经过试验,小储云官方提供的晴天云盘不支持上传【.ico】后缀的文件,由于我的服务器带宽足够,因此我选择直接将文件放在服务器,也不大。主机带宽不太够的同学可以选择外链文件的方式,减少主机压力

6. 如图,是我已经改好的logo路径,需要注意的是,这里使用的是相对路径,在网页的开发中,建议使用相对路径。千万不要用诸如【E:\image\xxx.ico】这样子的绝对路径,这样子你上传上去服务器是识别不出来的

7.那么什么是相对路径呢?

相对路径就是指由这个文件所在的路径引起的跟其它文件(或文件夹)的路径关系。有点难懂,举个栗子:

这里有两个目录

C:\wwwroot\other\index.html

C:\wwwroot\web\article1.html

index.htm要想链接到01.htm这个文件,正确的链接应该是  

../web\article1.html

或者

../web/article/01.html

在超链接中../可以省略,在dos,或windows文件路径中../不可以省略。  

反过来,01.htm要想链接到index.htm这个文件

在01.htm文件里面应该写上这句: 

 ../../other/index.htm

只需要知道,【../】的作用是返回上一级目录,然后程序就会从上一级目录往下寻找目录

回到正文,【../images/favicon.ico】的意思就是程序会从当前目录返回上一级目录,然后查找到【images】文件夹,再在文件夹下找到【favicon.ico】文件。我这里直接就放在了【images】目录下面,所以只需要查找到这一层就可以了,如果你是放在更深层次的目录下,就继续找下去。

所以我最终的相对路径就是

../images/favicon.ico

那么相对应的,你主机的文件也应该放在对应的目录下。

官方的小图标其实放在了【assets】目录下,我为了图方便才另外新建了一个文件夹【images】。你可以直接将小图标放在【assets】目录下覆盖掉官方的源图标,也可以新建一个你喜欢的文件夹放。小图标放在哪,路径就填哪。

8.在修改好文件后,跟图片分别上传到主机对应的目录,覆盖掉原来的文件即可。

小图标上传路径:你自己定的路径

【header.php】: \template\cloud

其他的东西如果不会,请不要随意改动。不然网站会发生什么不可描述的错误你都不知道

总结:准备一张小图标-修改【header.php】文件-上传覆盖

更多干货教程请持续关注

【完】

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 215,794评论 6 498
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 92,050评论 3 391
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 161,587评论 0 351
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 57,861评论 1 290
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 66,901评论 6 388
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 50,898评论 1 295
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 39,832评论 3 416
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 38,617评论 0 271
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 45,077评论 1 308
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 37,349评论 2 331
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 39,483评论 1 345
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 35,199评论 5 341
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 40,824评论 3 325
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 31,442评论 0 21
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 32,632评论 1 268
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 47,474评论 2 368
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 44,393评论 2 352