购买
下载掌阅APP,畅读海量书库
立即打开
畅读海量书库
扫码下载掌阅APP

02 网店装修后台常用操作

在进行网店装修之前,需要对网店装修后台的一些常用操作有一定了解,如设置并应用默认模板、添加页面及自定义模块等。下面以淘宝为例进行讲解。

1.上传图片到图片空间

装修网店之前,首先要做的就是将装修需要用到的图片上传到图片空间。淘宝有专门的图片空间来存储和管理装修图片。登录卖家后台管理中心,单击“店铺管理”下方的“图片空间”,即可进入图片管理页面,单击“上传”按钮,如下一图所示,弹出“上传图片”对话框,可以直接将图片拖动到对话框中间位置,也可以单击“上传”进行上传,如下二图所示。

上传完成后,页面中会显示上传后的文件或文件夹,选中文件或文件夹,可以单击“重命名”按钮,对上传的文件或文件夹进行重命名操作,如下图所示。在此页面中单击“删除”按钮,可以删除已经上传的文件或文件夹。

2.页面布局管理

页面布局管理是对页面整体结构的调整,包括店铺招牌(店招)、导航和页尾等,这也是进入网店装修进行模块添加的一个最基本的操作。登录卖家后台管理中心,找到并单击“店铺装修”,如下一图所示,进入网店装修后台页面,根据需要选择要装修的页面是手机端还是PC端,然后单击“装修页面”按钮,如下二图所示。

进入下一级装修后台页面,在页面中先单击“首页”右侧的下拉按钮,然后选择要装修的页面,如店内搜索页、详情页或个性化装修页面等。选定装修页面后,单击“布局管理”按钮,如下一图所示,进入“布局管理”页面,显示默认的页面布局效果,如下二图所示。

如果需要向页面添加新布局样式,单击页面中的“添加布局单元”按钮,如下一图所示,在弹出的对话框中单击选择想要的布局结构,如下二图所示。

添加新的布局单元后,在页面左侧单击选择相应的模块,将其拖动到添加的布局单元中,如下左图所示,即可完成页面的重新布局,如下右图所示。如果需要删除布局单元,则单击布局单元右侧的删除按钮

3.应用模板快速装修网店

为了便于卖家快速完成基本的网店装修工作,电商平台通常会提供一些装修模板。淘宝平台提供的装修模板有简约时尚官方模板、动感红官方模板、收费店铺官方模板三套。淘宝卖家都是在这几套模板的基础上进行网店装修的,其中绝大部分的淘宝网店装修特效模板代码,如全屏海报代码、轮播代码、卡盘代码等,都是基于简约时尚官方模板制作出来的。

进入网店装修后台,单击顶部导航栏中的“模板管理”按钮,如下左图所示,进入“模板管理”页面,滚动鼠标滚轮,在下方的“可用的模板”区域中单击选择要应用的装修模板,然后单击“马上使用”按钮,如下右图所示,就可以应用所选模板快速装修网店。

4.添加自定义模块

电商平台提供的装修模板的风格并不总能匹配网店的整体形象或商品的特质,如果使用默认的装修模板不能达到理想的装修效果,就需要使用自定义装修模块。

进入网店装修后台,然后单击左侧的“自定义区”模块,将其拖动到右侧页面区中合适的位置,当出现“松开鼠标,模块会放到这里”的提示文字时,如下左图所示,释放鼠标,即可插入一个新的自定义模块,如下右图所示。

添加自定义模块后,模块右上角会显示“编辑”“删除”“添加模块”等按钮。单击“编辑”按钮,将弹出如下左图所示的“自定义内容区”对话框,在对话框中定义模块背景色、图片和文本等。如果已经使用Dreamweaver编辑好装修代码,则可以单击“源码”按钮,将代码复制、粘贴到代码编辑区,单击“确定”按钮以完成装修,如下右图所示。

5.选择合适的默认装修配色

不同的颜色能带给人不同的感受。例如,蓝色能使人联想到科技、干净和理性;紫色能使人联想到神秘及高贵;绿色能使人联想到自然与生机等。淘宝为卖家提供了几种配色方案,大家可以根据所销售商品的特点选择合适的配色方案。

进入网店装修后台,单击左侧的“配色”选项,在右侧即显示系统提供的几种配色方案,只需要单击某个配色方案,如下左图所示,就能快速更改网店的整体装修配色,更改后的效果如下右图所示。

6.更改页面背景图

很多新手卖家总觉得自己的网店装修效果太过单调,其原因之一就是页面背景效果欠佳。此时可以通过装修后台为页面设置更美观的背景图。网店装修背景图通常都要经过一定的设计,可以通过抠取及合成等后期处理手段进行美化,使其与商品和网店整体装修风格形成更统一的视觉效果。

单击网店装修后台左侧的“页面”选项,如下左图所示,在右侧先取消勾选“页面背景色”右侧的“显示”复选框,如下中图所示,再单击“更换图”按钮,如下右图所示。

打开“打开”对话框,在对话框中选择需要应用的背景图,然后单击“打开”按钮,如下一图所示,再设置背景显示方式和对齐方式,如下二图所示,更换背景后的网店装修预览效果如下三图所示。 itJlkurfFMUIZQ1gmGMLbwrp3vKqbHVZWvifZRbd+Gp4KTQhn7O8Ivs2RiINHq3c

点击中间区域
呼出菜单
上一章
目录
下一章
×