![64a6f85d50543ee9f5c9ba821a2cfb59.png](https://i-blog.csdnimg.cn/blog_migrate/5c09c26634a977760c515692f54a0c00.jpeg)
每天进步一点点,这里是学设计的小豆芽,今天的内容比较简单,主要是给大家展示一下天猫首页装修,后台入口。
比较适用于刚转行做电商设计还不会首页装修,或者没接触过天猫店铺,不知道后台装修入口在哪里的宝宝。
目的是熟悉一下后台,具体怎么装修及相关的装修代码,后面有机会再单独写文章分享给大家。
刚开始学习装修店铺,可以的话最好自己注册一个淘宝试着研究下淘宝后台试着装修下,因为装修都是相通的,你会了淘宝装修,天猫装修原理也是一样的,唯一变化的可能是后台装修的版式及位置不一样而已。比如我自己,就是会淘宝的装修,后面工作之后天猫,京东,苏宁,1号店等店铺首页自然而然地就都会装修了。
我是2013年就开始接触淘宝,那时候因为没有现成的店铺练手,又担心去面试不会首页装修人家不要自己,于是便自己注册了个淘宝店将首页装修好,而且制作了一款详情页并随便发布成功了一款宝贝,面试的时候底气就足多了,因为详情页,首页,装修,后台都大概熟悉了一下。这个只要自己肯钻,不懂的问题就百度,现在是非常好实现的,毕竟现在网络这么发达,相关的书籍也有不少。我那个时候也就是2013年,网上基本没有相关教程或者说少得可怜,都是自己一路摸索出来的,走了不少弯路!
当然不会首页装修也并不意味着你不能去找工作,如果你会详情页设计,主图,海报等都会做的话,等工作后再慢慢摸索也是可以的,面试如果有人问就说以前主要以设计详情页和直通车为主,首页极少装修,一年也就装修个1-2次,但是研究下也是可以装修的。记得要自信一点,大不了正式上班以后,天天晚上回家研究下公司的店铺后台,多点点,多上传点图片试试,自然就会了。
需要特别说明的是装修后台不是一成不变的,从2013年到现在,我亲眼目睹淘宝天猫装修后台至少改版了3次,下面以我写文章的时间2018年12月为准,给大家截取了一下天猫后台装修页面,因为不知道下一次天猫改版是什么时候,但相信后面改动应该不会太大的,毕竟天猫现如今是一个很成熟的电商平台了。
首页给大家展示一下:天猫PC端也就是电脑端的装修后台
1.浏览器输入天猫登录网址:
https://login.tmall.com/?redirectURL=https%3A%2F%2Fwww.tmall.com
![7d5814e7b8c837d65ec113b069093abf.png](https://i-blog.csdnimg.cn/blog_migrate/0e9a8fb47d1d6d98a4b3e9a902c7a62a.jpeg)
2.输入店铺账号密码(店铺主账号或者运营给自己开通的子账号)
点商家中心,然后往下拖,从左侧的菜单栏里找到[店铺管理]并点击展开子菜单
![f5bc132b3e11d667dd771abdea7a20ac.png](https://i-blog.csdnimg.cn/blog_migrate/35cb50268e1b670a699142d2a6bb4ff2.jpeg)
![bc37743219e92caaad96a068456df4ce.png](https://i-blog.csdnimg.cn/blog_migrate/81b598c61f597c3d1cbb593185126e07.jpeg)
3.点击[店铺装修],进入装修页面
![a5aed317e6e604380fbc11c5166cab67.png](https://i-blog.csdnimg.cn/blog_migrate/8f55a7e748f1c1d7e8cea5eeef0125c2.jpeg)
可以看到最上方的导航栏,最常用的就是[店铺装修]和[详情装修],点击店铺装修
![5d3686da4800bc30faeef3fdd7c0cb7c.png](https://i-blog.csdnimg.cn/blog_migrate/6e3c2b81630bf4b51d9ffee869e9eb01.jpeg)
分手机端和PC端装修的, 先带领大家看一下手机端的后台装修框架
![1462b526e8d307024a0c3275a31df0eb.png](https://i-blog.csdnimg.cn/blog_migrate/e80cefd96a9f407376bd45f1357ad26e.jpeg)
注意看上图中我圈出来的几个地方,这是经常要用到的几个菜单,其它的文字大家可尝试性的点击进去看看,就会知道都是些什么内容了.
上图中标注的5个点,我都简单做个说明,先看右上角的4个点,
- 预览:页面装修好了点击这里可以对当前页面进行预览,预览没有问题即可发布
- 保存:装修的时候可随时保存
- 备份:装修之前最好点一下这里的备份,方便日后需要的时候一键就可恢复之前的装修样式
- 发布:发布之后即可用手机扫码进行查看
- 左侧导航: 这里面我最常用的装修模块是[图文类]里面的[单列图片模块]和[轮播图模块],还有[自定义模块]
![464fdec9f149cd847ab6678bf17515d2.png](https://i-blog.csdnimg.cn/blog_migrate/46c3491433ac1ec4be2cfa3187ba0fda.jpeg)
具体怎么装修,鼠标放在上面都会有提示的,根据文字提示及相应的图片尺寸要求,可以先随便做一张图片(尺寸是对的就行)上传好看看效果,尝试几次就知道了,比如以这里的[单列图片模块]为例,鼠标放在上面,按住鼠标不放拖到右侧的装修框架里面,
![1770f71f3b3e893a3cbe17c400f7a43f.png](https://i-blog.csdnimg.cn/blog_migrate/0a82cb54f86555165e9d9332a27a8464.jpeg)
先中拖入的图片热区模块右侧就会出现装修提示,根据提示做好相应的图片尺寸上传,要加热点(产品链接)的就加热点就好了,就这么简单.
最底下的[显示模块下边距]不勾选的话就可实现首页无缝拼接
店招:同样地,根据要求来装修即可
![ea667792cc1be2bc759f5a7899dc8fb8.png](https://i-blog.csdnimg.cn/blog_migrate/1b9aa71207b82829a2d926bbbf100abd.jpeg)
装修好了,点保存,然后发布即可,然后可用打机扫码查看效果.
![24b205911651d11745501b514f1efaa8.png](https://i-blog.csdnimg.cn/blog_migrate/37dd24af05942e1ea05156495fa6d837.jpeg)
再给大家看看天猫PC端也就是电脑端的装修后台界面
前面几步同上,进入装修页面后点PC端-首页-装修
![a1c081b004429314161c957c985af34d.png](https://i-blog.csdnimg.cn/blog_migrate/78939a2b5716781c40b4b6fdf9f96bd6.jpeg)
圈出来的这些地方同手机端意思差不多,也是我自己装修的时候点击的最多的几个地方。
没有讲到的菜单部份,就靠大家自己摸索了,都很简单的,一个一个地点开试,不懂的问题就百度,不要害怕,后台怎么瞎点都不会坏掉的。
现如今大家一般把主要精力都放在装修手机端上了,因为90%以上的流量都来自手机端。都说电脑端装修就给同行看的,有不少店铺电脑端首页干脆不装修,因为真的极少有人看。
好了,今天就和大家分享到这里了,
豆芽微信:zhechiqingyan——设计/生活趣事。
公众号:学设计的小豆芽——干货/经验文章。
![c7dccb499085a98ea6a664461b568adb.png](https://i-blog.csdnimg.cn/blog_migrate/87f22442f9e3977f6a6305ede456fc40.jpeg)
![7ef935bbdcd84eaf962da321bec8837c.png](https://i-blog.csdnimg.cn/blog_migrate/5c82751d41019857f24c31e44f92215e.jpeg)
到我的主页可以查看更多相关文章哦!这里是【学设计的小豆芽】我们下期见。每天进步一点点, 和我一起学设计吧!