如何制作淘宝全屏店招【淘宝店招】

1、  首先我们要进入卖家中心---店铺装修---选择样式管理    跟着我们要针对我们店铺的类型，整体色彩，选择适当的模版色彩类型，比如说黑白色，亮红色等。    然后到背景设置，是否显示背景图片，这里是需要打勾的，如果不确定，可以进去确认一下。。

2、以上是淘宝店铺店招设置的前期准备工作。    跟着下来，就是我们去准备一张合适尺寸的店招图了。如何制作店招图，这里我们给个大概的思路。首先，我们要了解店铺的类型，风格，其中包括店招设计的元素，色彩，布局方面的掌控。这里，我们可以用到adobephotoshop工具进行设计。如果确实是没有设计基础的，我们可以选择一下在线的店招制作工具，辅助我们去制作我们的店招。这里我们要注意的是，店招的尺寸要求是在950*1高度如果是超过120px，就会把导航栏给遮住了。    还有，一些朋友说，我觉得一些在线的店招设计都是千篇一律的，我能不能找一些自己喜欢的风格来设置呢？比如说颜色的选区，其实很简单，我们只需打开photoshop，点击里面那个想针筒一样的吸色器工具就可以选取相应的颜色工具。或者往上面也有很多吸色工具可以进行颜色的选区。    这样就基本上不会出现颜色的偏差了，这样就可以新建图片了。。

3、跟着，就是店招上面要添加的文字内容了。可以包括店铺名称，或者店铺的一些特色情况。    这样做出来的店招就是全屏的，详情页也可以显示这样的全屏。但这样做的有一个缺点，就是图片颜色太少了，只有5种颜色，有些人喜欢全白的颜色，有些又喜欢酒红的颜色，这个都是没有办法做到的。能做到店招是酒红的，但只是950的，背景又不是酒红的了。但又有着优点，就是连详情页都可以是全屏的店招。如果对颜色要求不是很高的淘友，这个方法可以试试。    第二种方法也是后一个方法。这个方法可以修改第一种方法的缺点，这里我们可以自定义颜色，按照自己喜欢的颜色进行设置。。方法也并不复杂，就是插入一段代码而已。但这里我们要注意的一点是，导航栏的30px也包括在里面了。所以大图的高应该设置为150px。总体尺寸就是1920*1做好后上传到图片空间，复制图片的地址，替换掉下面的图片地址。点击编辑店招的编辑按钮，将传到图片空间的店招的链接地址粘贴到自定义的图片路径上面。    确定就可以了，这样就看一下效果，会发现和做的图片是一样的。。

1、我们【新建】一个【1920*150像素】的白色画布，命名为：1920全屏店招，方向选择为【横向】，分辨率默认为【72】，点击【创建】按钮。。

2、淘宝店招中间内容是部分9我们在【视图】中找到【新建参数线】，（每次新建只能添加1条参考线，需要重复几次操作）分别标注好3条参数线的位置。（天猫店招为9需要重新计算一下参考线的位置），如图所示。。

3、我们用【矩形工具】画出一个30像素高度的矩形，作为导航条，如图所示。。

4、接着，我们选中矩形【填充】为绿色的渐变颜色，如图所示。。

5、我们用【文字工具】输入导航条的文字，然后在图层中把文字全部选中，设置为【水平分布】和【垂直居中对齐】，如图所示。。

6、接下来，我们在白色背景上面输入LOGO文字或插入LOGO图片。在LOGO的右边先输入一组宝贝名称，然后在收藏本店和点击查看的文字下面，分别画出圆角矩形作为点缀，如图所示。。

7、我们用【图框工具】在第一组宝贝名称的前面，画出一个图框，如图所示。。

8、图框画好之后，我们把宝贝图片直接拖入图框中即可，如图所示。。

9、后，我们把第一组的图片和文字全部选中，按住【ALT】键向右边再复出两组，分别修改后面两组的图片和文字就完成了。。

1、我们(新建)一个(1920*150像素)的白色画布，命名为：1920全屏店招，方向选择为(横向)，分辨率默认为点击(创建)按钮。

1、店招图、店招图是950宽度的店铺店招，如图所示红框框选部分为店招图，需要自己设计店招图的样式页头背景图、页头背景图和店招图的主色色调要保持一致，宽度建议为1920(显示器分辨率宽度是19如果分辨率不够19左右两侧多出的部分是自动不显示的，不会造成页头过长)，高度和店招图高度保持一致吸管工具、可使用Photoshop的吸管工具获取950×112店招图的主色数值，并将页头背景图修改为同样颜色以此匹配视觉效果上传店招、预先将950×112的店招图上传至淘宝图片空间，装修页面编辑店铺招牌，插入图片，选择上传的店招图，点击保存样式管理、点击装修-样式管理-背景设置-页头设置-更换图片-上传1920×112的页头背景图背景显示、不平铺背景对齐、居中页头背景色、点击页头背景色-输入RGB三色数值-确定(页头背景图的RGB颜色数值，使用Photoshop查看)无缝对接、页头背景色显示、勾选页头下边距10像素、关闭可无缝对接下方模块或全屏海报点击保存发布店铺、保存页头修改后点击发布-立刻查看店铺，可直接查看修改效果是示例随便弄的，效果看起来不协调。

2、5元的店铺模板下方左右两侧一般是空白的，这样去搭配全屏导航店招和全屏海报就会不协调。

1、您是基础版还是专业版的店铺，全屏店招只要设置页头背景，然后和中间的店招区域配合好就行了，全屏海报需要用到调用淘宝foot-more-trigger的借口，不懂我可以帮你的。

1、简单点的。

2、通过页面背景实现的。

3、首先，你的旺铺必须是专业版的。

4、如果是，按以下操作、店铺装修--样式编辑--背景设置--页面背景，把背景图片，换成你的那张图片。

8、你的那陆敬张大图，如果是1920*750这个尺寸，那就必须设计成1920*8图片上方留100PX是空白，还有，建议你的图片设计成1420*850。

9、因早答慎为1920是显示不出来那么多，只能显示1420这个尺寸，多了的会被裁掉。

10、设置好大图后，然后在首页增加一个自定义模板，用一个空白占位代码。

11、就OK了。

15、我的“弗克思居家用品”就是如此操作的。

16、你可以进举蚂去看看。

17、如果要空白点占位代码。

18、到时我可以发给你。

1、步骤一：下面是小编新申请的淘宝店铺，店招是这个样子的。

2、步骤二：进入淘宝装修后台，将店铺升级成专业版如图：（已升级成专业版用户跳过）图二为升级后效果。

3、步骤三：升级成专业版后点击模板管理。

4、步骤四：选择并应用第一个模板风格（简约时尚官方模板），选择"应用"-->“直接应用”。

5、步骤五：鼠标放在店招上点编辑，选择自定义招牌和源码按钮。。

6、步骤六：选择一款好模板全屏店招模块进行修改。

7、步骤七：修改店铺标题，将鼠标放在文字上双击进行文字编辑，编辑完标题点“编辑”按钮。。

8、步骤八：添加热点链接，编辑公告文本字体及。

9、步骤九：完成店招设置后，点击“生成代码”。待提示生成成功后点击"复制代码"。

10、步骤十：下载店招图片将店招图上传到淘宝图片空间然后复制店招图片的链接粘贴到图片地址框中后点确认。

11、步骤十一：复制生成的代码粘贴到淘宝装修后台中的自定义代码框中，保存。

12、步骤十二：安装导航样式。

13、步骤十三：安装通栏全屏店招背景。

14、步骤十四：结果。

1、首先需要打开淘宝网，登录自己的账号和密码，同时进入个人中心，进行操作。

2、然后在左侧找到“店铺管理”在店铺管理中，找到“装修店铺”然后点击进入。

3、因为淘宝规定，专业版旺铺才能对页头也就是店招进行编辑，不然的话普通的基础版只能对店招进行修改，店招的背景完全不能修改的，但是做专业版的话又不划算，那么怎么才能实现专业版才有的效果呢?。

4、首先第一步，自己需要准备一个图片，也就是店招的背景图片         一般尺寸为：1920*150的一个图片         注意：要和店招风格搭配，不然后会很不和谐的。

5、第二步：将做好的背景图片上传图片空间，然后在图片空间找到自己做的图片，鼠标放在上面复制图片的地址。

6、第三步：将复制的图片空间做好的店招背景图片的地址，暂时粘贴在一个空白的文本档或者便签中，等下会用到！。

7、第四步：复制下面的代码 body{图片地址);background-repeat:no-repeat;background-position:center150px;background-attachment:scroll;}将刚才做好的背景图片地址放在代码中“图片地址”那里，替换掉就可以了然后复制全部的代码。

8、第五步：在装修页面双击导航进行编辑，在出现的编辑页面中选择“显示设置”然后将代码复制进去。

9、第六步：然后点击确定，这时候会发现，在装修后台不显示刚才的背景，这个不影响的，然后点击右上方的“预览”按钮，就会发现背景了但是这个肯定会出现“错行”或者“重叠现象”。

10、第七步：找到上面的第四步骤，在代码的编辑中，找到“150”这个数字这个是背景的高度，但是这个时候因为系统限制的原因，可以对这个数字进行适当的调整，不断预览，不断调整直到完全吻合为止，这样点击保存就可以了！一个不用专业版就可以实现全屏背景的方法就实现了！。

11、《不同的电脑可能显示出来有点偏差，自己调整下就好》同时因为首页现在装修的过程中，大家直到基础版的模块很简单，不能制作全屏效果或者全屏海报之类的！这个需要大家做自定义首页即可实现，这个下节课和大家分享！。

1、首先我们要进入卖家中心---店铺装修---选择样式管理。

2、    跟着我们要针对我们店铺的类型，整体色彩，选择适当的模版色彩类型，比如说黑白色，亮红色等。。

3、    然后到背景设置，是否显示背景图片，这里是需要打勾的，如果不确定，可以进去确认一下。。

4、    以上是淘宝店铺店招设置的前期准备工作。    跟着下来，就是我们去准备一张合适尺寸的店招图了。如何制作店招图，这里我们给个大概的思路。首先，我们要了解店铺的类型，风格，其中包括店招设计的元素，色彩，布局方面的掌控。这里，我们可以用到adobephotoshop工具进行设计。如果确实是没有设计基础的，我们可以选择一下在线的店招制作工具，辅助我们去制作我们的店招。这里我们要注意的是，店招的尺寸要求是在950*1高度如果是超过120px，就会把导航栏给遮住了。。

5、    还有，一些朋友说，我觉得一些在线的店招设计都是千篇一律的，我能不能找一些自己喜欢的风格来设置呢？比如说颜色的选区，其实很简单，我们只需打开photoshop，点击里面那个想针筒一样的吸色器工具就可以选取相应的颜色工具。或者往上面也有很多吸色工具可以进行颜色的选区。。

6、    这样就基本上不会出现颜色的偏差了，这样就可以新建图片了。。

转载请注明出处阿文说说网 » 如何制作淘宝全屏店招【淘宝店招】