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

是不是自己的店鋪也想擁有呢，有沒有有沒有？

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

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

進入正題。

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

1. 用PS制作分類導航效果圖，就是先制作一張類似上面的圖片哦！神馬，不會制作，沒關系，你看上誰家的分類導航圖，就把他們家的截圖過來，然后修改成您店鋪的類目不就行咯，哈哈。 別說是我說的哦；

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

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

保存完之后，會在目錄下生成1個文件夾和一個文件：

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

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

5. 將我們生成的導航條代碼文件用記事本打開；

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

替換完成后，保存，關閉記事本。

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

6. 打開淘寶助理，用瀏覽器打開我們的導航條文件，將里面的內(nèi)容粘貼到“出售中的寶貝”或者“線上倉庫中的寶貝”中的任意一款寶貝的前面，保存，然后點擊“圖片搬家“。

7. 在進行完圖片搬家之后，我們的圖片都被移動到圖片空間里面了，而且我們代碼中的鏈接也變成相冊中圖片的鏈接，使用這一招，我們還用得著手動上傳圖片到圖片空間里面，然后手動修改代碼中的鏈接嗎？PS：圖片搬家完成后，為了不影響之前的寶貝，需要把修改的地方復原哦~

8. 等圖片搬家完畢后，我們再將我們的導航條拷貝到店鋪里需要的模塊里面！

9. 到此導航條已經(jīng)上傳到店鋪里了，具體每個鏈接的鏈接地址需要大家自己修改一下的哦。

好了，到此，所有的步驟都介紹完了，核心部分是借助“淘寶助理”的圖片搬家功能，幫我們在2分鐘內(nèi)上傳40多張分類導航用的圖片，幫我修改40多個鏈接，有些事情電腦程序能處理的，我們一定要尋找方法，讓程序來處理，我們需要更多的休息時間。

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

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

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