多语言展示
当前在线:379今日阅读:60今日分享:41

新手卖家全新方法制作全屏海报 基础版可用

我想很多卖家朋友都喜欢用全屏海报来装修自己的店铺,因为全屏海报衬托出店铺本身的专业,更显得大气。我在店铺装修这方面有一点点研究,看到别人装修有什么问题会说一下(因此有些人觉得我在做广告呢,呵)。这也许和我有一点点的完美主义有关。
工具/原料
1

不需要任何工具只要懂点ps或者美图秀秀就行

2

下面我们就开始吧

方法/步骤
1

大家最常用的全屏海报装修方法就是拼图法。拼图法在论坛里很多掌柜都有写出来,我在这里简单说下。首先要把全屏图片(一般是1920px宽的)的上方加上150px高的空白(如果有不懂的,建议去学一下PS的基础,或用美图秀秀也行,这就不多说了),不加的话会被上面的店招遮挡。做好图后就进入样式管理的页面设置插入(这个帖子重点不是教怎么做拼图法的,拼图法的步骤就不多说了,建议多看论坛的精华帖,都有介绍的)。然后再到页面管理插入这张全屏大图海报的中间部分。这种拼图法有很多弊端,稍微不注意就成这样

2

大家还注意到没有,上图不止那两处不能衔接,中间部分和上面店招空出10px的空隙,而左右两边却没有。还有这样的

3

左边有一点点的空隙,这张图的空隙还不算太宽,如果把图片缩小就看不见了,这张图我也是把网页查看的比例放大来截图的。     这些都是拼图法的弊端,像素拿捏不准就会出现这样的问题,特别是新手卖家,对像素是什么都不清楚。还有,这样的拼图法只能在店招的下面做,如果在页面的最下方就不能做了。现在我来教大家直接用一张图片来做成全屏海报图,不需要再在图片的上方加入150px的空白图,都不需要,甚至如果你有现成的图都不需要做任何的修改。再详细说之前先说说图片的选择。图片的选择很重要,首先,图片要1920px宽的图,如果是1440px的图,这样大的显示器(话说现在很多家庭用的电脑都是大屏幕,少说19寸吧,不过也有些用笔记本)看就会不是全屏的,如果是小的显示器就是全屏,如果你要兼顾大众,最好还是用1920px的图,当然,也可以用1440的图,也看个人喜欢。图片你想展现的内容不能超过1200px,这样说得太简单,可能有些人不懂。

4

原图是这样的,左边的精品凉席太过左边,如果直接插入店铺就会成这样

5

有没有发现,这个是我截整个屏幕的图,左右两边就会被屏幕挡住了。当然,如果是23寸显示器就会显示全了,但是不能兼顾大屏不兼顾小屏呀,所以要稍做修改,修改如下图。

6

左右两边我都改了下往中间靠。

7

这个是两张图片同时插入店铺的效果,上面那张是原图的。所以不管是1440px或者1920px的图,要展现的内容都不要超过1220px,最好在1100px左右。选好了图片后上传到图片空间,选择这张图的代码,注意,是代码,而不是链接

8

然后到店铺管理,添加一个自定义模块

9

有一些人喜欢添加图片轮播来做海报,所以就出现帖子最开头右下角的“1”添加自定义模块后操作步骤如下图

10

注意点3次源码,最终效果图

11

然后再在“P”的后面,“>”的前面插入一段代码,style='position:relative;left:-485px'这个是1920px宽的代码,如果是1440px宽的,那就是245。用图片宽度减950再除以2得的数就是代码后面的数。做好后确定,然后发布即可。      这个代码的方法兼容性太差,只能在IE浏览器或者IE内核的浏览器使用,不太方便。如果要兼容所有的浏览器,就得写很多别的代码(代码很乱很杂就不发上来了)。用这个方法做出的全屏海报可以随意调整图片的位置,只要调整模块就好了

12

这些是专业版的制作方法,如我标题说的,基础版也可以做全屏海报图,基础版的方法也是大同小异的,我自己摸索了很久的,现在我来说说基础版的制作方法。     专业版的是添加模块先,因为专业版的自定义模块就是950px宽的。而基础版的在添加模块前要先添加一个布局单元。如果不先添加新布局单元而直接用自定义模块来做的话,基础版的模块不管在哪里添加都是750px宽的

13

一定要选择左边750,右边190的。

14

注意,添加左边的模块,右边的模块不要添加,让它空着就好,添加好自定义模块后保存,保存后自动跳转到页面管理

15

有没有发现,右边是空着的,空着就好。接下来和专业版的都一样了,大家照着做就行。新添加的这个布局单元,不可以再插入比如宝贝推荐的模块,这样会不美观。可以再插入全屏海报图

注意事项
1

只要认真看就可以做到

2

好了,到这里就完了,最后说一下,做制作全屏海报有很多方法,找准适合自己的方法,也有些人喜欢拼图法,这 才是王道。谢谢大家的浏览。

推荐信息