如何制作大气的淘宝首页背景大图

  • 原创
  • |
  • 浏览:50420
  • |
  • 更新:
  • |
  • 标签:淘宝 

平时我们已经看过好多个优秀的淘宝案例,一个漂亮的符合产品定位的背景大图,我想这是让你的店铺看起来不是很丑非常至关重要的一步,即使你的背景大图是一张纯色图片,这都没有关系~

工具/原料

  • <p>ps当中制作一张1920x1080尺寸的图片,这个图片就是你要装修的背景图片</p>

方法/步骤

  1. 1

    ps中新建一个1920x1080的空白文档,命名为“淘宝首页背景大图”,然后如果要纯色的,可以直接填充你想要的颜色,如果想要做成背景图片,也可以把你要做的图片拖进去

    如何制作大气的淘宝首页背景大图
  2. 1
    相关内容非法爬取自百度经验
  3. 2

    然后新建一个950x1080的文档,双击背景图层,变成普通图层,填充一个颜色

    如何制作大气的淘宝首页背景大图
    如何制作大气的淘宝首页背景大图
  4. 3

    把这个文档拖动到我们之前新建的淘宝首页背景大图中,放到中间的位置,把之前想要当背景的图片拖动到这个背景图层上面的一个图层,把绿色图层的眼睛点掉,导出一张jpeg的图片,上传到图片空间

    如何制作大气的淘宝首页背景大图
  5. 4

    在导航栏处点击编辑按钮,点击“显示设置”按钮,

    如何制作大气的淘宝首页背景大图
  6. 5

    body{background:url(图片地址) no-repeat fixed center top transparent;}上面代码中图片地址要放上你刚上传到图片空间里面的图片的地址,点击“确定”按钮。

    如何制作大气的淘宝首页背景大图
  7. 6

    接下来一步很关键,点击页面最上面的装修下拉里面的“样式管理”,选择左面的“背景设置”然后点击“页面设置”接下来背景颜色的对号去掉,点击“保存”,之后点击发布就ok了,就可以去查看效果了!

    如何制作大气的淘宝首页背景大图
    如何制作大气的淘宝首页背景大图
    如何制作大气的淘宝首页背景大图
    如何制作大气的淘宝首页背景大图
    END

注意事项

  • body{background:url(图片地址) no-repeat fixed center top transparent;}一定要用这串代码

  • 在950显示的位置左右两边的位置不要忽略掉,那就是可以添加一个引导,还有微淘或者手机店铺的二维码,根据数据统计,左边位置放上“一直下会有更多精彩”对于客户会是一个很好的引导,这样可以提高你的页面转换,说不准你的顾客在往下拉的过程中会看好你期中的一款宝贝从而点击进去呢!右边位置可以放微淘二维码,或者是手机店铺端二维码,这也是在很多卖家分享怎样增加微淘粉丝推广的一个很关键推广方式呢!

经验内容仅供参考,如果您需解决具体问题(尤其法律、医学等领域),建议您详细咨询相关领域专业人士。
作者声明:本篇经验系本人依照真实经历原创,未经许可,谢绝转载。
展开阅读全部
相关标签淘宝