如何利用淘宝助理装修网店制作导航栏

大家在逛别人的店铺时，是不是经常羡慕别人店铺里精美的分类导航栏呢？类似下面的哦。

是不是自己的店铺也想拥有呢，有没有有没有？

那么今天带给大家的正是店铺分类导航栏的装修，很简单，用到的工具是“淘宝助理 ”和PS ,如果没有的联系我咯。什么？淘宝助理也能用来装修，哈哈，是的，请看掌柜的给您慢慢道来。

首先申明，我们今天要做的是一个浩大的工程，我们需要上传到图片空间的图片有40多张，需要修改的图片链接有40多个，但是，我希望大家在学了我的方法之后，能在2分钟内上传40多张图片，并且修改40多张图片的链接做完，不是让大家一张一张的上传和修改，效率太低，也失去了我写这个帖子的意义，我们需要的是巧，剩余的时间大家多多休息、锻炼身体吧。别太劳累了。

进入正题。

先整体上总结下，一共分3个大的步骤，1，制作导航条；2，上传图片到空间；3，上传代码到店铺；

1. 用PS制作分类导航效果图，就是先制作一张类似上面的图片哦！神马，不会制作，没关系，你看上谁家的分类导航图，就把他们家的截图过来，然后修改成您店铺的类目不就行咯，哈哈。 别说是我说的哦；

2. 分类导航图片制作好之后，我们要把这些有链接的地方切成小图，还是在PS里面哦。 Ctrl+R打开标尺，从里面拖出参考线，然后用切片工具切成我们想要的效果，如图：

3. 第三步存储为Web所有格式，参看图片中的步骤；

保存完之后，会在目录下生成1个文件夹和一个文件：

我们的图片存储在文件夹中，代码在html文件中；

4. 到此我们的导航条差不多就做好了呢，大家可以打开刚才存储出来的网页文件看看哦。到这里，我们制作的导航文件还在本地，要把图片传到图片空间，把代码传到店铺里才可以显示的啊，而且我们还要修改代码中图片的链接啊，我晕，想想就头痛，看看我们刚才有多少张图片，我的妈呀，46张图片，这还得了，要手动上传到图片空间，然后手动修改图片链接的地址不得累死人？哈哈，别急，帖子开头我就说了，我们使用的工具是“淘宝助理”和PS，现在就到用淘宝助理的时候了。

5. 将我们生成的导航条代码文件用记事本打开；

用替换功能，将images替换为我们“images”文件夹的路径，看图吧。

替换完成后，保存，关闭记事本。

好了，到现在我们的图片还在本地，需要上传到图片空间里哦，我们就利用下淘宝助理的图片搬家功能哦。

6. 打开淘宝助理，用浏览器打开我们的导航条文件，将里面的内容粘贴到“出售中的宝贝”或者“线上仓库中的宝贝”中的任意一款宝贝的前面，保存，然后点击“图片搬家“。

7. 在进行完图片搬家之后，我们的图片都被移动到图片空间里面了，而且我们代码中的链接也变成相册中图片的链接，使用这一招，我们还用得着手动上传图片到图片空间里面，然后手动修改代码中的链接吗？PS：图片搬家完成后，为了不影响之前的宝贝，需要把修改的地方复原哦~

8. 等图片搬家完毕后，我们再将我们的导航条拷贝到店铺里需要的模块里面！

9. 到此导航条已经上传到店铺里了，具体每个链接的链接地址需要大家自己修改一下的哦。

好了，到此，所有的步骤都介绍完了，核心部分是借助“淘宝助理”的图片搬家功能，帮我们在2分钟内上传40多张分类导航用的图片，帮我修改40多个链接，有些事情电脑程序能处理的，我们一定要寻找方法，让程序来处理，我们需要更多的休息时间。