首页 > 家居生活 > 电子商务 >

淘宝阿里店铺装修:[1]首页背景装修

来源:互联网 2023-02-21 16:12:29 版权归原作者所有,如有侵权,请联系我们

做淘宝的都知道淘宝店铺首页的装修是非常重要的,一个好的店铺能够获得买家的信赖,提高成交转化率。zl3办公区 - 实用经验教程分享!

店铺背景很多模板里面都有,但是如果你没有购买模板,那么如何更换一个适合自己店铺的背景图呢?zl3办公区 - 实用经验教程分享!

工具/原料

  • 淘宝 韩美表业
  • 韩鸿志

纯色背景制作

  • 1

    打开浏览器,进入淘宝网首页,进入店铺装修后台。zl3办公区 - 实用经验教程分享!

    淘宝阿里店铺装修:[1]首页背景装修zl3办公区 - 实用经验教程分享!

  • 2

    从阿里旺旺卖家版登录或者千牛登录后台,进入“我的店铺”zl3办公区 - 实用经验教程分享!

    淘宝阿里店铺装修:[1]首页背景装修zl3办公区 - 实用经验教程分享!

  • 2该信息未经许可获取自百度经验
  • 3

    淘宝阿里店铺装修:[1]首页背景装修zl3办公区 - 实用经验教程分享!

  • 4

    找到样式管理,然后找到背景设置。zl3办公区 - 实用经验教程分享!

    直接选择背景颜色。zl3办公区 - 实用经验教程分享!

    zl3办公区 - 实用经验教程分享!

    淘宝阿里店铺装修:[1]首页背景装修zl3办公区 - 实用经验教程分享!

    淘宝阿里店铺装修:[1]首页背景装修zl3办公区 - 实用经验教程分享!

  • 5

    zl3办公区 - 实用经验教程分享!

    淘宝阿里店铺装修:[1]首页背景装修zl3办公区 - 实用经验教程分享!

  • 店铺两侧内容添加

  • 1

    首先看看店铺两侧添加内容的效果。zl3办公区 - 实用经验教程分享!

    在上网的时候,是不是常常会看到这样的旺铺背景,当我们滚动鼠标的时候,旺铺背景没有发生变化。我们知道,阿里巴巴诚信通旺铺的宽度是952像素,淘宝是950像素。以阿里为例来讲讲这个问题的解决办法。zl3办公区 - 实用经验教程分享!

    淘宝阿里店铺装修:[1]首页背景装修zl3办公区 - 实用经验教程分享!

    淘宝阿里店铺装修:[1]首页背景装修zl3办公区 - 实用经验教程分享!

  • 2

    首先,在电脑显示屏上看到的店铺,有效信息都是在以952像素宽的区域,并且是垂直居中的。也就是说,以电脑显示屏为中心、952像素宽以外的区域是空白的,这个空白区域称之为背景,这个背景默认情况下是白色的,而在阿里旺铺后台,我们可以自由设置它的颜色,也可以将你喜欢的图片作为旺铺背景。zl3办公区 - 实用经验教程分享!

  • 3

    第一步:登陆阿里巴巴旺铺,“登陆—我的阿里—管理旺铺——旺铺装修(PC版)”,如下图所示:zl3办公区 - 实用经验教程分享!

    淘宝阿里店铺装修:[1]首页背景装修zl3办公区 - 实用经验教程分享!

  • 4

    第二步:在页面的顶端,找到“自定义风格”,选择“旺铺背景—使用自定义背景—背景图片”,加上相应的设置,即可完成旺铺背景更换了。zl3办公区 - 实用经验教程分享!

    zl3办公区 - 实用经验教程分享!

    ①:选择文件,即将你喜欢的图片传上去,图片宽至少是1920像素,大小不要超过500Kzl3办公区 - 实用经验教程分享!

    ②:平铺方式选择为“不平铺”zl3办公区 - 实用经验教程分享!

    ③:对齐方式为“居中”zl3办公区 - 实用经验教程分享!

    ④:固定背景务必勾选“背景图不随屏幕滚动”,此项必勾选哟。zl3办公区 - 实用经验教程分享!

    zl3办公区 - 实用经验教程分享!

    淘宝阿里店铺装修:[1]首页背景装修zl3办公区 - 实用经验教程分享!

  • 5

    第三步:以上操作完成之后,点击“发布”即可将默认白色的旺铺背景变为你喜欢的背景了,它可是图片,也可以是某种颜色,也可以是某些底纹,你想要的效果都可以做出来。zl3办公区 - 实用经验教程分享!

    zl3办公区 - 实用经验教程分享!

    那么,如何将维信二维码图片放到旺铺上去呢?这里就要用到PS(Photoshop),它是网店美工都在用的一个美图软件。zl3办公区 - 实用经验教程分享!

    zl3办公区 - 实用经验教程分享!

    淘宝阿里店铺装修:[1]首页背景装修zl3办公区 - 实用经验教程分享!

  • 6

    如上图所示,我们可以把粉色边框当做一个显示器,目前用得最多的宽屏显示器,分辨率为:1920X1080,阿里全屏轮播海报宽为:1920像素。假如我们把上图中最大的粉红色框看作是是一个1920X1080的显示器,那么中间的两条红色线则就是952像素宽(也就是我们诚信通旺铺的宽),黑色线则是常用的1280像素宽。我之所以要谈到这个问题,是因为目前市面上的显示器大小各不相同,为了能让绝大多数人都能够看到旺铺信息,我们在给旺铺做背景图的时候,有效的信息务必放在1280像素以内。zl3办公区 - 实用经验教程分享!

    1 将微信二维码图片保存到电脑中,zl3办公区 - 实用经验教程分享!

    2 打开PS,新建一个1920X930像素的文件,然后将维信二维码图片拖入文件中,再写上相应的文字,然后保存为JPG图。具体方法就不详细讲解了。zl3办公区 - 实用经验教程分享!

    zl3办公区 - 实用经验教程分享!

  • 7

    也就是说,上图中除了中间红色线以外都可以是自由设计区域。但是如果内容太大,超过了黑色线,很多人都可以看不到了。因此,当我们要将二维码放到旺铺背景上的时候,尽量做到:zl3办公区 - 实用经验教程分享!

    1 微信二维码放右边,用手上玩手机的人更多,扫起来更方便,图不要太小;zl3办公区 - 实用经验教程分享!

    2 文字尽量少、精、准。有吸引力,引导消费者;zl3办公区 - 实用经验教程分享!

    3 背景不要太花哨,根据产品特征选择相应的颜色,尽量淡,清爽干净就可。zl3办公区 - 实用经验教程分享!

    4 可以放上常用的电话、QQ、手机等联系方式zl3办公区 - 实用经验教程分享!

    5 背景图片设计为1920X930像素,大小最好在200K左右,不要超过500K。zl3办公区 - 实用经验教程分享!

    zl3办公区 - 实用经验教程分享!

    淘宝阿里店铺装修:[1]首页背景装修zl3办公区 - 实用经验教程分享!

  • 8

    如上图所示,我在设计这个背景的时候,将二维码、电话、起批量等相关的信息都控制在1360像素以内。zl3办公区 - 实用经验教程分享!

  • 9

    淘宝和阿里的类似,可以完全按照这样操作。zl3办公区 - 实用经验教程分享!

  • 注意事项

    • 如果觉得有用,请点击“投票”和“收藏”。
    • 想要第一时间看到更多干货,请在我的详细信息里面关注我。
    (共篇)下一篇:

    以上方法由办公区教程网编辑摘抄自百度经验可供大家参考!zl3办公区 - 实用经验教程分享!


    标签: 淘宝装修店铺背景

    办公区 Copyright © 2016-2023 www.bgqu.net. Some Rights Reserved. 备案号:湘ICP备2020019561号