大家在逛別人的店鋪時(shí)，是不是經(jīng)常羨慕別人店鋪里精美的分類(lèi)導(dǎo)航欄呢？類(lèi)似下面的哦。

是不是自己的店鋪也想擁有呢，有沒(méi)有有沒(méi)有？

那么今天帶給大家的正是店鋪分類(lèi)導(dǎo)航欄的裝修，很簡(jiǎn)單，用到的工具是“淘寶助理 ”和PS ,如果沒(méi)有的聯(lián)系我咯。什么？淘寶助理也能用來(lái)裝修，哈哈，是的，請(qǐng)看掌柜的給您慢慢道來(lái)。

首先申明，我們今天要做的是一個(gè)浩大的工程，我們需要上傳到圖片空間的圖片有40多張，需要修改的圖片鏈接有40多個(gè)，但是，我希望大家在學(xué)了我的方法之后，能在2分鐘內(nèi)上傳40多張圖片，并且修改40多張圖片的鏈接做完，不是讓大家一張一張的上傳和修改，效率太低，也失去了我寫(xiě)這個(gè)帖子的意義，我們需要的是巧，剩余的時(shí)間大家多多休息、鍛煉身體吧。別太勞累了。

進(jìn)入正題。

先整體上總結(jié)下，一共分3個(gè)大的步驟，1，制作導(dǎo)航條；2，上傳圖片到空間；3，上傳代碼到店鋪；

1. 用PS制作分類(lèi)導(dǎo)航效果圖，就是先制作一張類(lèi)似上面的圖片哦！神馬，不會(huì)制作，沒(méi)關(guān)系，你看上誰(shuí)家的分類(lèi)導(dǎo)航圖，就把他們家的截圖過(guò)來(lái)，然后修改成您店鋪的類(lèi)目不就行咯，哈哈。 別說(shuō)是我說(shuō)的哦；

2. 分類(lèi)導(dǎo)航圖片制作好之后，我們要把這些有鏈接的地方切成小圖，還是在PS里面哦。 Ctrl+R打開(kāi)標(biāo)尺，從里面拖出參考線，然后用切片工具切成我們想要的效果，如圖：

3. 第三步存儲(chǔ)為Web所有格式，參看圖片中的步驟；

保存完之后，會(huì)在目錄下生成1個(gè)文件夾和一個(gè)文件：

我們的圖片存儲(chǔ)在文件夾中，代碼在html文件中；

4. 到此我們的導(dǎo)航條差不多就做好了呢，大家可以打開(kāi)剛才存儲(chǔ)出來(lái)的網(wǎng)頁(yè)文件看看哦。到這里，我們制作的導(dǎo)航文件還在本地，要把圖片傳到圖片空間，把代碼傳到店鋪里才可以顯示的啊，而且我們還要修改代碼中圖片的鏈接啊，我暈，想想就頭痛，看看我們剛才有多少?gòu)垐D片，我的媽呀，46張圖片，這還得了，要手動(dòng)上傳到圖片空間，然后手動(dòng)修改圖片鏈接的地址不得累死人？哈哈，別急，帖子開(kāi)頭我就說(shuō)了，我們使用的工具是“淘寶助理”和PS，現(xiàn)在就到用淘寶助理的時(shí)候了。

5. 將我們生成的導(dǎo)航條代碼文件用記事本打開(kāi)；

用替換功能，將images替換為我們“images”文件夾的路徑，看圖吧。

替換完成后，保存，關(guān)閉記事本。

好了，到現(xiàn)在我們的圖片還在本地，需要上傳到圖片空間里哦，我們就利用下淘寶助理的圖片搬家功能哦。

6. 打開(kāi)淘寶助理，用瀏覽器打開(kāi)我們的導(dǎo)航條文件，將里面的內(nèi)容粘貼到“出售中的寶貝”或者“線上倉(cāng)庫(kù)中的寶貝”中的任意一款寶貝的前面，保存，然后點(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多張分類(lèi)導(dǎo)航用的圖片，幫我修改40多個(gè)鏈接，有些事情電腦程序能處理的，我們一定要尋找方法，讓程序來(lái)處理，我們需要更多的休息時(shí)間。

樂(lè)發(fā)網(wǎng)超市批發(fā)網(wǎng)提供超市貨源信息,超市采購(gòu)進(jìn)貨渠道。超市進(jìn)貨網(wǎng)提供成都食品批發(fā),日用百貨批發(fā)信息、微信淘寶網(wǎng)店超市采購(gòu)信息和超市加盟信息.打造國(guó)內(nèi)超市采購(gòu)商與批發(fā)市場(chǎng)供應(yīng)廠商搭建網(wǎng)上批發(fā)市場(chǎng)平臺(tái),是全國(guó)批發(fā)市場(chǎng)行業(yè)中電子商務(wù)權(quán)威性網(wǎng)站。

本文內(nèi)容整合網(wǎng)站：百度百科、知乎、淘寶平臺(tái)規(guī)則

本文來(lái)源： 如何利用淘寶助理裝修網(wǎng)店制作導(dǎo)航欄