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