大家在逛別人的店鋪時,是不是經(jīng)常羨慕別人店鋪里精美的分類導(dǎo)航欄呢?類似下面的哦。
是不是自己的店鋪也想擁有呢,有沒有有沒有?
那么今天帶給大家的正是店鋪分類導(dǎo)航欄的裝修,很簡單,用到的工具是“淘寶助理 ”和PS
,如果沒有的聯(lián)系我咯。什么?淘寶助理也能用來裝修,哈哈,是的,請看掌柜的給您慢慢道來。
首先申明,我們今天要做的是一個浩大的工程,我們需要上傳到圖片空間的圖片有40多張,需要修改的圖片鏈接有40多個,但是,我希望大家在學(xué)了我的方法之后,能在2分鐘內(nèi)上傳40多張圖片,并且修改40多張圖片的鏈接做完,不是讓大家一張一張的上傳和修改,效率太低,也失去了我寫這個帖子的意義,我們需要的是巧,剩余的時間大家多多休息、鍛煉身體吧。別太勞累了。
進入正題。
先整體上總結(jié)下,一共分3個大的步驟,1,制作導(dǎo)航條;2,上傳圖片到空間;3,上傳代碼到店鋪;
1. 用PS制作分類導(dǎo)航效果圖,就是先制作一張類似上面的圖片哦!神馬,不會制作,沒關(guān)系,你看上誰家的分類導(dǎo)航圖,就把他們家的截圖過來,然后修改成您店鋪的類目不就行咯,哈哈。 別說是我說的哦;
2. 分類導(dǎo)航圖片制作好之后,我們要把這些有鏈接的地方切成小圖,還是在PS里面哦。 Ctrl+R打開標(biāo)尺,從里面拖出參考線,然后用切片工具切成我們想要的效果,如圖:
3. 第三步存儲為Web所有格式,參看圖片中的步驟;
保存完之后,會在目錄下生成1個文件夾和一個文件:
我們的圖片存儲在文件夾中,代碼在html文件中;
4. 到此我們的導(dǎo)航條差不多就做好了呢,大家可以打開剛才存儲出來的網(wǎng)頁文件看看哦。到這里,我們制作的導(dǎo)航文件還在本地,要把圖片傳到圖片空間,把代碼傳到店鋪里才可以顯示的啊,而且我們還要修改代碼中圖片的鏈接啊,我暈,想想就頭痛,看看我們剛才有多少張圖片,我的媽呀,46張圖片,這還得了,要手動上傳到圖片空間,然后手動修改圖片鏈接的地址不得累死人?哈哈,別急,帖子開頭我就說了,我們使用的工具是“淘寶助理”和PS,現(xiàn)在就到用淘寶助理的時候了。
5. 將我們生成的導(dǎo)航條代碼文件用記事本打開;
用替換功能,將images替換為我們“images”文件夾的路徑,看圖吧。
替換完成后,保存,關(guān)閉記事本。
好了,到現(xiàn)在我們的圖片還在本地,需要上傳到圖片空間里哦,我們就利用下淘寶助理的圖片搬家功能哦。
6. 打開淘寶助理,用瀏覽器打開我們的導(dǎo)航條文件,將里面的內(nèi)容粘貼到“出售中的寶貝”或者“線上倉庫中的寶貝”中的任意一款寶貝的前面,保存,然后點擊“圖片搬家“。
7. 在進行完圖片搬家之后,我們的圖片都被移動到圖片空間里面了,而且我們代碼中的鏈接也變成相冊中圖片的鏈接,使用這一招,我們還用得著手動上傳圖片到圖片空間里面,然后手動修改代碼中的鏈接嗎?PS:圖片搬家完成后,為了不影響之前的寶貝,需要把修改的地方復(fù)原哦~
8. 等圖片搬家完畢后,我們再將我們的導(dǎo)航條拷貝到店鋪里需要的模塊里面!
9. 到此導(dǎo)航條已經(jīng)上傳到店鋪里了,具體每個鏈接的鏈接地址需要大家自己修改一下的哦。
好了,到此,所有的步驟都介紹完了,核心部分是借助“淘寶助理”的圖片搬家功能,幫我們在2分鐘內(nèi)上傳40多張分類導(dǎo)航用的圖片,幫我修改40多個鏈接,有些事情電腦程序能處理的,我們一定要尋找方法,讓程序來處理,我們需要更多的休息時間。
樂發(fā)網(wǎng)超市批發(fā)網(wǎng)提供超市貨源信息,超市采購進貨渠道。超市進貨網(wǎng)提供成都食品批發(fā),日用百貨批發(fā)信息、微信淘寶網(wǎng)店超市采購信息和超市加盟信息.打造國內(nèi)超市采購商與批發(fā)市場供應(yīng)廠商搭建網(wǎng)上批發(fā)市場平臺,是全國批發(fā)市場行業(yè)中電子商務(wù)權(quán)威性網(wǎng)站。
本文內(nèi)容整合網(wǎng)站:百度百科、知乎、淘寶平臺規(guī)則